@velora-dex/widget 0.2.0 → 0.2.1

package/dist/styles.css

@@ -67,7 +67,7 @@
     }
   }
 }
-.velora-widget {
+:root, :host {
   --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --color-red-800: oklch(44.4% .177 26.899);
@@ -349,6 +349,9 @@
 .velora-widget.velora-widget .relative {
   position: relative;
 }
+.velora-widget.velora-widget .sticky {
+  position: sticky;
+}
 .velora-widget.velora-widget .inset-0 {
   inset: calc(var(--spacing) * 0);
 }
@@ -415,6 +418,9 @@
 .velora-widget.velora-widget .z-10 {
   z-index: 10;
 }
+.velora-widget.velora-widget .z-11 {
+  z-index: 11;
+}
 .velora-widget.velora-widget .z-50 {
   z-index: 50;
 }
@@ -461,6 +467,9 @@
 .velora-widget.velora-widget .m-0 {
   margin: calc(var(--spacing) * 0);
 }
+.velora-widget.velora-widget .m-\[-8px\] {
+  margin: -8px;
+}
 .velora-widget.velora-widget .m-auto {
   margin: auto;
 }
@@ -1509,9 +1518,6 @@
 .velora-widget.velora-widget .pt-\[24px\] {
   padding-top: 24px;
 }
-.velora-widget.velora-widget .pt-\[185px\] {
-  padding-top: 185px;
-}
 .velora-widget.velora-widget .pr-0\.5 {
   padding-right: calc(var(--spacing) * .5);
 }
@@ -1924,6 +1930,10 @@
   --tw-duration: .3s;
   transition-duration: .3s;
 }
+.velora-widget.velora-widget .duration-500 {
+  --tw-duration: .5s;
+  transition-duration: .5s;
+}
 .velora-widget.velora-widget .ease-in-out {
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
@@ -2213,9 +2223,6 @@
 .velora-widget.velora-widget .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
-.velora-widget.velora-widget .disabled\:cursor-default:disabled {
-  cursor: default;
-}
 .velora-widget.velora-widget .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -2228,9 +2235,6 @@
 .velora-widget.velora-widget .disabled\:opacity-50:disabled {
   opacity: .5;
 }
-.velora-widget.velora-widget .disabled\:opacity-100:disabled {
-  opacity: 1;
-}
 .velora-widget.velora-widget .disabled\:shadow-none:disabled {
   --tw-shadow: 0 0 #0000;
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2536,9 +2540,6 @@
 .velora-widget.velora-widget .dark\:bg-\[\#0000000D\]:is(.velora-widget.dark *) {
   background-color: #0000000d;
 }
-.velora-widget.velora-widget .dark\:bg-\[\#151724\]:is(.velora-widget.dark *) {
-  background-color: #151724;
-}
 .velora-widget.velora-widget .dark\:bg-contrast-1:is(.velora-widget.dark *) {
   background-color: var(--contrast-1);
 }
@@ -2788,6 +2789,9 @@
 :is(.velora-widget.velora-widget .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
   color: var(--destructive) !important;
 }
+.velora-widget.velora-widget .\[\&\>\*\]\:pointer-events-auto > * {
+  pointer-events: auto;
+}
 .velora-widget.velora-widget .\[\&\>svg\]\:pointer-events-none > svg {
   pointer-events: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velora-dex/widget",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "license": "MIT",
   "type": "module",
   "files": [

package/dist/components/widget/TokenInput/EmptyInput.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../_virtual/index.js';
-import { EmptySelectTokenButton } from '../SelectToken/SelectTokenButton.js';
-import { cn } from '../../../lib/utils/index.js';
-
-const EmptyInput = (t0) => {
-  const $ = distExports.c(11);
-  const {
-    tokenType,
-    drawerContainer,
-    onTokenSelect,
-    classes,
-    disabled
-  } = t0;
-  const t1 = classes?.root;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = cn("flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2", t1);
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-6 text-sm", children: "Receive" });
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  let t4;
-  if ($[3] !== disabled || $[4] !== drawerContainer || $[5] !== onTokenSelect || $[6] !== tokenType) {
-    t4 = /* @__PURE__ */ jsx(EmptySelectTokenButton, { tokenType, drawerContainer, onTokenSelect, disabled });
-    $[3] = disabled;
-    $[4] = drawerContainer;
-    $[5] = onTokenSelect;
-    $[6] = tokenType;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== t2 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: t2, children: [
-      t3,
-      t4
-    ] });
-    $[8] = t2;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
-};
-
-export { EmptyInput };
-//# sourceMappingURL=EmptyInput.js.map

package/dist/components/widget/TokenInput/EmptyInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyInput.js","sources":["../../../../src/components/widget/TokenInput/EmptyInput.tsx"],"sourcesContent":["import { EmptySelectTokenButton } from \"@/components/widget/SelectToken/SelectTokenButton\";\nimport type { TokenInputProps } from \"./types\";\nimport { cn } from \"@/lib/utils\";\n\nexport const EmptyInput: React.FC<\n  Pick<\n    TokenInputProps,\n    \"tokenType\" | \"drawerContainer\" | \"onTokenSelect\" | \"classes\" | \"disabled\"\n  >\n> = ({ tokenType, drawerContainer, onTokenSelect, classes, disabled }) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-2 justify-between p-4 border-1 rounded-[12px] border-transparent focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\",\n        classes?.root\n      )}\n    >\n      <div className=\"text-contrast-3 dark:text-contrast-6 text-sm\">\n        Receive\n      </div>\n      <EmptySelectTokenButton\n        tokenType={tokenType}\n        drawerContainer={drawerContainer}\n        onTokenSelect={onTokenSelect}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n"],"names":["EmptyInput","t0","$","_c","tokenType","drawerContainer","onTokenSelect","classes","disabled","t1","root","t2","cn","t3","Symbol","for","t4","t5"],"mappings":";;;;;AAIO,MAAMA,aAKTC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAKG,EAAA,MAAAQ,KAAAF,OAAAA,EAAOG,IAAAA;AAAM,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAO,EAAAA,EAAA;AAFJE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,8JACAH,EACF,CAAA;AAACP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAEDF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAA+C,QAAA,EAAA,SAAA,EAE9D,CAAA;AAAMX,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAM,QAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAG,eAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAI,aAAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AACNY,IAAAA,EAAAA,mBAAA,GAAA,CAAC,sBAAA,EAAA,EACYZ,SAAAA,EACMC,eAAAA,EACFC,eACLE,QAAAA,EAAQ,CAAA;AAClBN,IAAAA,CAAAA,MAAAM,QAAAA;AAAAN,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAe,EAAAA;AAAA,EAAA,IAAAf,EAAA,CAAA,CAAA,KAAAS,MAAAT,CAAAA,QAAAc,EAAAA,EAAA;AAdJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAN,EAAAA,EAKXE,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG;AAAAA,KAAAA,EAMF,CAAA;AAAMd,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAe,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAf,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAfNe,EAAAA;AAeM;;;;"}