@tuwaio/sdk 0.7.0 → 0.8.0

package/dist/styles/nova-transactions.css

@@ -5,14 +5,6 @@
   :root, :host {
     --novatx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
-    --novatx-color-red-500: oklch(63.7% 0.237 25.331);
-    --novatx-color-slate-100: oklch(96.8% 0.007 247.896);
-    --novatx-color-slate-200: oklch(92.9% 0.013 255.508);
-    --novatx-color-slate-400: oklch(70.4% 0.04 256.788);
-    --novatx-color-slate-700: oklch(37.2% 0.044 257.287);
-    --novatx-color-slate-800: oklch(27.9% 0.041 260.031);
-    --novatx-color-slate-900: oklch(20.8% 0.042 265.755);
-    --novatx-color-white: #fff;
     --novatx-spacing: 0.25rem;
     --novatx-container-md: 28rem;
     --novatx-container-2xl: 42rem;
@@ -27,12 +19,9 @@
     --novatx-font-weight-medium: 500;
     --novatx-font-weight-semibold: 600;
     --novatx-font-weight-bold: 700;
-    --novatx-font-weight-black: 900;
     --novatx-tracking-tight: -0.025em;
-    --novatx-tracking-widest: 0.1em;
     --novatx-leading-tight: 1.25;
     --novatx-leading-relaxed: 1.625;
-    --novatx-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --novatx-animate-spin: spin 1s linear infinite;
     --novatx-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --novatx-default-transition-duration: 150ms;
@@ -183,6 +172,9 @@
   .novatx\:min-h-\[28px\] {
     min-height: 28px;
   }
+  .novatx\:min-h-\[36px\] {
+    min-height: 36px;
+  }
   .novatx\:min-h-\[42px\] {
     min-height: 42px;
   }
@@ -328,6 +320,16 @@
   .novatx\:gap-y-3 {
     row-gap: calc(var(--novatx-spacing) * 3);
   }
+  :where(.novatx\:divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(.novatx\:divide-\[var\(--tuwa-border-primary\)\] > :not(:last-child)) {
+    border-color: var(--tuwa-border-primary);
+  }
   .novatx\:self-center {
     align-self: center;
   }
@@ -348,18 +350,14 @@
   .novatx\:overflow-y-auto {
     overflow-y: auto;
   }
-  .novatx\:rounded {
-    border-radius: 0.25rem;
+  .novatx\:\!rounded-\[var\(--tuwa-rounded-corners\)\] {
+    border-radius: var(--tuwa-rounded-corners) !important;
   }
   .novatx\:rounded-\[var\(--tuwa-rounded-corners\)\] {
     border-radius: var(--tuwa-rounded-corners);
   }
-  .novatx\:rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
-  .novatx\:rounded-t-\[var\(--tuwa-rounded-corners\)\] {
-    border-top-left-radius: var(--tuwa-rounded-corners);
-    border-top-right-radius: var(--tuwa-rounded-corners);
+  .novatx\:rounded-\[var\(--tuwa-rounded-full\)\] {
+    border-radius: var(--tuwa-rounded-full);
   }
   .novatx\:border {
     border-style: var(--tw-border-style);
@@ -377,6 +375,33 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .novatx\:border-\[\#2b2c30\] {
+    border-color: #2b2c30;
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-error-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-error-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-error-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-info-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-info-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-info-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-pending-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-pending-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-pending-icon) 35%,transparent);
+    }
+  }
+  .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-success-icon\)_35\%\,transparent\)\] {
+    border-color: var(--tuwa-success-icon);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in srgb,var(--tuwa-success-icon) 35%,transparent);
+    }
+  }
   .novatx\:border-\[color-mix\(in_srgb\,var\(--tuwa-text-tertiary\)_55\%\,transparent\)\] {
     border-color: var(--tuwa-text-tertiary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -386,8 +411,11 @@
   .novatx\:border-\[var\(--tuwa-border-primary\)\] {
     border-color: var(--tuwa-border-primary);
   }
-  .novatx\:border-\[var\(--tuwa-border-secondary\)\] {
-    border-color: var(--tuwa-border-secondary);
+  .novatx\:border-\[var\(--tuwa-border-strong\)\] {
+    border-color: var(--tuwa-border-strong);
+  }
+  .novatx\:border-\[var\(--tuwa-button-primary-bg\)\] {
+    border-color: var(--tuwa-button-primary-bg);
   }
   .novatx\:border-\[var\(--tuwa-error-icon\)\]\/20 {
     border-color: var(--tuwa-error-icon);
@@ -437,20 +465,11 @@
       border-color: color-mix(in oklab, var(--tuwa-success-icon) 30%, transparent);
     }
   }
-  .novatx\:border-slate-700 {
-    border-color: var(--novatx-color-slate-700);
-  }
-  .novatx\:border-slate-800 {
-    border-color: var(--novatx-color-slate-800);
-  }
-  .novatx\:border-transparent {
-    border-color: transparent;
-  }
   .novatx\:\!bg-transparent {
     background-color: transparent !important;
   }
-  .novatx\:bg-\[var\(--tuwa-bg-muted\)\] {
-    background-color: var(--tuwa-bg-muted);
+  .novatx\:bg-\[\#0b0b0e\] {
+    background-color: #0b0b0e;
   }
   .novatx\:bg-\[var\(--tuwa-bg-primary\)\] {
     background-color: var(--tuwa-bg-primary);
@@ -509,8 +528,8 @@
   .novatx\:bg-current {
     background-color: currentcolor;
   }
-  .novatx\:bg-slate-900 {
-    background-color: var(--novatx-color-slate-900);
+  .novatx\:bg-transparent {
+    background-color: transparent;
   }
   .novatx\:\!p-0 {
     padding: 0px !important;
@@ -572,9 +591,6 @@
   .novatx\:pt-2 {
     padding-top: calc(var(--novatx-spacing) * 2);
   }
-  .novatx\:pt-3 {
-    padding-top: calc(var(--novatx-spacing) * 3);
-  }
   .novatx\:pr-1 {
     padding-right: var(--novatx-spacing);
   }
@@ -631,10 +647,6 @@
     --tw-leading: var(--novatx-leading-tight);
     line-height: var(--novatx-leading-tight);
   }
-  .novatx\:font-black {
-    --tw-font-weight: var(--novatx-font-weight-black);
-    font-weight: var(--novatx-font-weight-black);
-  }
   .novatx\:font-bold {
     --tw-font-weight: var(--novatx-font-weight-bold);
     font-weight: var(--novatx-font-weight-bold);
@@ -647,14 +659,14 @@
     --tw-font-weight: var(--novatx-font-weight-semibold);
     font-weight: var(--novatx-font-weight-semibold);
   }
+  .novatx\:tracking-\[0\.12em\] {
+    --tw-tracking: 0.12em;
+    letter-spacing: 0.12em;
+  }
   .novatx\:tracking-tight {
     --tw-tracking: var(--novatx-tracking-tight);
     letter-spacing: var(--novatx-tracking-tight);
   }
-  .novatx\:tracking-widest {
-    --tw-tracking: var(--novatx-tracking-widest);
-    letter-spacing: var(--novatx-tracking-widest);
-  }
   .novatx\:\[overflow-wrap\:anywhere\] {
     overflow-wrap: anywhere;
   }
@@ -667,6 +679,15 @@
   .novatx\:whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .novatx\:text-\[\#9d9c9a\] {
+    color: #9d9c9a;
+  }
+  .novatx\:text-\[\#101014\] {
+    color: #101014;
+  }
+  .novatx\:text-\[\#e9e8e4\] {
+    color: #e9e8e4;
+  }
   .novatx\:text-\[var\(--tuwa-error-icon\)\] {
     color: var(--tuwa-error-icon);
   }
@@ -712,18 +733,6 @@
   .novatx\:text-\[var\(--tuwa-text-tertiary\)\] {
     color: var(--tuwa-text-tertiary);
   }
-  .novatx\:text-red-500 {
-    color: var(--novatx-color-red-500);
-  }
-  .novatx\:text-slate-200 {
-    color: var(--novatx-color-slate-200);
-  }
-  .novatx\:text-slate-400 {
-    color: var(--novatx-color-slate-400);
-  }
-  .novatx\:text-white {
-    color: var(--novatx-color-white);
-  }
   .novatx\:capitalize {
     text-transform: capitalize;
   }
@@ -737,18 +746,6 @@
     --tw-shadow: 0 0 #0000 !important;
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
   }
-  .novatx\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .novatx\:shadow-md {
-    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .novatx\:shadow-xs {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .novatx\:transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--novatx-default-transition-timing-function));
@@ -772,10 +769,6 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
-  .novatx\:ease-in-out {
-    --tw-ease: var(--novatx-ease-in-out);
-    transition-timing-function: var(--novatx-ease-in-out);
-  }
   .novatx\:select-none {
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -789,15 +782,15 @@
     border-bottom-width: 0px;
   }
   @media (hover: hover) {
+    .novatx\:hover\:border-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
+      border-color: var(--tuwa-button-primary-bg-hover);
+    }
     .novatx\:hover\:bg-\[var\(--tuwa-bg-muted\)\]:hover {
       background-color: var(--tuwa-bg-muted);
     }
     .novatx\:hover\:bg-\[var\(--tuwa-bg-secondary\)\]:hover {
       background-color: var(--tuwa-bg-secondary);
     }
-    .novatx\:hover\:bg-\[var\(--tuwa-border-primary\)\]:hover {
-      background-color: var(--tuwa-border-primary);
-    }
     .novatx\:hover\:bg-\[var\(--tuwa-button-primary-bg-hover\)\]:hover {
       background-color: var(--tuwa-button-primary-bg-hover);
     }
@@ -809,6 +802,12 @@
         background-color: color-mix(in oklab, var(--tuwa-error-icon) 10%, transparent);
       }
     }
+    .novatx\:hover\:bg-\[var\(--tuwa-standart-button-hover\)\]:hover {
+      background-color: var(--tuwa-standart-button-hover);
+    }
+    .novatx\:hover\:text-\[\#f2f1ee\]:hover {
+      color: #f2f1ee;
+    }
     .novatx\:hover\:text-\[var\(--tuwa-error-icon\)\]:hover {
       color: var(--tuwa-error-icon);
     }
@@ -821,19 +820,12 @@
     .novatx\:hover\:text-\[var\(--tuwa-text-secondary\)\]:hover {
       color: var(--tuwa-text-secondary);
     }
-    .novatx\:hover\:text-slate-100:hover {
-      color: var(--novatx-color-slate-100);
-    }
     .novatx\:hover\:underline:hover {
       text-decoration-line: underline;
     }
     .novatx\:hover\:opacity-80:hover {
       opacity: 80%;
     }
-    .novatx\:hover\:shadow-xl:hover {
-      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
   }
   .novatx\:focus\:ring-\[length\:var\(--tuwa-ring-width\)\]:focus {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tuwa-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -849,12 +841,6 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .novatx\:active\:scale-95:active {
-    --tw-scale-x: 95%;
-    --tw-scale-y: 95%;
-    --tw-scale-z: 95%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .novatx\:disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }
@@ -882,9 +868,6 @@
     .novatx\:sm\:max-w-md {
       max-width: var(--novatx-container-md);
     }
-    .novatx\:sm\:rounded-\[var\(--tuwa-rounded-corners\)\] {
-      border-radius: var(--tuwa-rounded-corners);
-    }
     .novatx\:sm\:p-5 {
       padding: calc(var(--novatx-spacing) * 5);
     }
@@ -900,6 +883,51 @@
     }
   }
 }
+.tuwa-tx-px-ring {
+  fill: currentColor;
+  opacity: 0.22;
+  animation: tuwa-tx-px-run 1.4s step-end infinite;
+  animation-delay: calc(1.4s * (var(--i) / var(--n) - 1));
+}
+.tuwa-tx-px-dot {
+  fill: currentColor;
+  animation: tuwa-tx-px-breathe 1.6s step-end infinite;
+}
+@keyframes tuwa-tx-px-run {
+  0% {
+    opacity: 1;
+  }
+  12% {
+    opacity: 0.6;
+  }
+  25%,
+  100% {
+    opacity: 0.22;
+  }
+}
+@keyframes tuwa-tx-px-breathe {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .tuwa-tx-px-ring,
+  .tuwa-tx-px-dot {
+    animation: none;
+  }
+  .tuwa-tx-px-park {
+    opacity: 1;
+  }
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -986,25 +1014,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-ease {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -1018,6 +1027,7 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -1037,10 +1047,6 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-duration: initial;
-      --tw-ease: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/sdk",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",
@@ -82,6 +82,36 @@
       "import": "./dist/nova-core-utils.js",
       "require": "./dist/nova-core-utils.cjs"
     },
+    "./nova-core/heroicons": {
+      "types": "./dist/nova-core-heroicons.d.ts",
+      "import": "./dist/nova-core-heroicons.js",
+      "require": "./dist/nova-core-heroicons.cjs"
+    },
+    "./nova-icons": {
+      "types": "./dist/nova-icons.d.ts",
+      "import": "./dist/nova-icons.js",
+      "require": "./dist/nova-icons.cjs"
+    },
+    "./nova-icons/24/outline": {
+      "types": "./dist/nova-icons-outline.d.ts",
+      "import": "./dist/nova-icons-outline.js",
+      "require": "./dist/nova-icons-outline.cjs"
+    },
+    "./nova-icons/24/solid": {
+      "types": "./dist/nova-icons-solid.d.ts",
+      "import": "./dist/nova-icons-solid.js",
+      "require": "./dist/nova-icons-solid.cjs"
+    },
+    "./nova-icons/tuwa": {
+      "types": "./dist/nova-icons-tuwa.d.ts",
+      "import": "./dist/nova-icons-tuwa.js",
+      "require": "./dist/nova-icons-tuwa.cjs"
+    },
+    "./nova-icons/brands": {
+      "types": "./dist/nova-icons-brands.d.ts",
+      "import": "./dist/nova-icons-brands.js",
+      "require": "./dist/nova-icons-brands.cjs"
+    },
     "./orbit": {
       "types": "./dist/orbit.d.ts",
       "import": "./dist/orbit.js",
@@ -171,12 +201,12 @@
     }
   ],
   "dependencies": {
-    "@heroicons/react": "^2.2.0",
     "@radix-ui/react-dialog": "^1.3.1",
     "@radix-ui/react-select": "^2.4.1",
-    "@tuwaio/nova-connect": "^0.13.0",
-    "@tuwaio/nova-core": "^0.13.0",
-    "@tuwaio/nova-transactions": "^0.13.1",
+    "@tuwaio/nova-connect": "^0.14.0",
+    "@tuwaio/nova-core": "^0.14.0",
+    "@tuwaio/nova-icons": "^0.0.1",
+    "@tuwaio/nova-transactions": "^0.14.0",
     "@tuwaio/orbit-core": "^0.6.2",
     "@tuwaio/pulsar-core": "^0.12.4",
     "@tuwaio/pulsar-react": "^0.8.0",
@@ -197,6 +227,7 @@
     "zustand": "^5.1.0"
   },
   "peerDependencies": {
+    "@heroicons/react": "2.x.x",
     "@solana/kit": ">=8.2",
     "@tuwaio/orbit-evm": ">=0.3",
     "@tuwaio/orbit-solana": ">=0.4",
@@ -209,6 +240,9 @@
     "viem": "2.x.x"
   },
   "peerDependenciesMeta": {
+    "@heroicons/react": {
+      "optional": true
+    },
     "@solana/kit": {
       "optional": true
     },
@@ -235,10 +269,11 @@
     }
   },
   "devDependencies": {
+    "@heroicons/react": "^2.2.0",
     "@solana/kit": "^8.6.0",
     "@tuwaio/orbit-evm": "^0.4.2",
     "@tuwaio/orbit-solana": "^0.7.4",
-    "@tuwaio/satellite-evm": "^0.11.0",
+    "@tuwaio/satellite-evm": "^0.11.1",
     "@tuwaio/satellite-solana": "^0.11.4",
     "@wagmi/core": "^3.6.9",
     "@wallet-standard/react": "^1.0.3",