@directcryptopay/sdk 0.2.2 → 0.2.3

package/dist/index-Bjt7nGaJ.js

@@ -0,0 +1,199 @@
+import { cU as u, cV as g, cW as m, cX as p, cY as n } from "./index-D_8VUmn1.js";
+import { n as r, c as x } from "./index-CEqcN8QP.js";
+import "./index-I7VDqINw.js";
+import "./index-DqcVUSC9.js";
+const b = u`
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: ${({ spacing: e }) => e[1]};
+    transition: background-color ${({ durations: e }) => e.lg}
+      ${({ easings: e }) => e["ease-out-power-2"]};
+    will-change: background-color;
+    background-color: ${({ tokens: e }) => e.theme.foregroundPrimary};
+    border-radius: ${({ borderRadius: e }) => e[32]};
+  }
+
+  wui-image {
+    border-radius: ${({ borderRadius: e }) => e[32]};
+  }
+
+  wui-text {
+    padding-left: ${({ spacing: e }) => e[1]};
+    padding-right: ${({ spacing: e }) => e[1]};
+  }
+
+  .left-icon-container {
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .left-image-container {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .chain-image {
+    position: absolute;
+    border: 1px solid ${({ tokens: e }) => e.theme.foregroundPrimary};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='lg'] .token-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .token-image {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .token-image {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .left-icon-container {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .left-icon-container {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .left-icon-container {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .chain-image {
+    width: 12px;
+    height: 12px;
+    bottom: 2px;
+    right: -4px;
+  }
+
+  button[data-size='md'] .chain-image {
+    width: 10px;
+    height: 10px;
+    bottom: 2px;
+    right: -4px;
+  }
+
+  button[data-size='sm'] .chain-image {
+    width: 8px;
+    height: 8px;
+    bottom: 2px;
+    right: -3px;
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
+    box-shadow: 0 0 0 4px ${({ tokens: e }) => e.core.foregroundAccent040};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
+    }
+  }
+
+  /* -- Disabled states --------------------------------------------------- */
+  button:disabled {
+    background-color: ${({ tokens: e }) => e.theme.foregroundSecondary};
+    opacity: 0.5;
+  }
+`;
+var a = function(e, t, s, d) {
+  var c = arguments.length, o = c < 3 ? t : d === null ? d = Object.getOwnPropertyDescriptor(t, s) : d, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, s, d);
+  else for (var h = e.length - 1; h >= 0; h--) (l = e[h]) && (o = (c < 3 ? l(o) : c > 3 ? l(t, s, o) : l(t, s)) || o);
+  return c > 3 && o && Object.defineProperty(t, s, o), o;
+};
+const f = {
+  lg: "lg-regular",
+  md: "lg-regular",
+  sm: "md-regular"
+}, w = {
+  lg: "lg",
+  md: "md",
+  sm: "sm"
+};
+let i = class extends p {
+  constructor() {
+    super(...arguments), this.size = "md", this.disabled = !1, this.text = "", this.loading = !1;
+  }
+  render() {
+    return this.loading ? n` <wui-flex alignItems="center" gap="01" padding="01">
+        <wui-shimmer width="20px" height="20px"></wui-shimmer>
+        <wui-shimmer width="32px" height="18px" borderRadius="4xs"></wui-shimmer>
+      </wui-flex>` : n`
+      <button ?disabled=${this.disabled} data-size=${this.size}>
+        ${this.imageTemplate()} ${this.textTemplate()}
+      </button>
+    `;
+  }
+  imageTemplate() {
+    if (this.imageSrc && this.chainImageSrc)
+      return n`<wui-flex class="left-image-container">
+        <wui-image src=${this.imageSrc} class="token-image"></wui-image>
+        <wui-image src=${this.chainImageSrc} class="chain-image"></wui-image>
+      </wui-flex>`;
+    if (this.imageSrc)
+      return n`<wui-image src=${this.imageSrc} class="token-image"></wui-image>`;
+    const t = w[this.size];
+    return n`<wui-flex class="left-icon-container">
+      <wui-icon size=${t} name="networkPlaceholder"></wui-icon>
+    </wui-flex>`;
+  }
+  textTemplate() {
+    const t = f[this.size];
+    return n`<wui-text color="primary" variant=${t}
+      >${this.text}</wui-text
+    >`;
+  }
+};
+i.styles = [g, m, b];
+a([
+  r()
+], i.prototype, "size", void 0);
+a([
+  r()
+], i.prototype, "imageSrc", void 0);
+a([
+  r()
+], i.prototype, "chainImageSrc", void 0);
+a([
+  r({ type: Boolean })
+], i.prototype, "disabled", void 0);
+a([
+  r()
+], i.prototype, "text", void 0);
+a([
+  r({ type: Boolean })
+], i.prototype, "loading", void 0);
+i = a([
+  x("wui-token-button")
+], i);

package/dist/{index-D5r0iSq4.js → index-BkTSyAJb.js}

@@ -1,4 +1,4 @@
-import { fo as uv, fp as dv, dO as fv } from "./index-BJ7cbG3N.js";
+import { ft as uv, fu as dv, dN as fv } from "./index-D_8VUmn1.js";
 import { r as lv } from "./index-C1QEJL-2.js";
 function bv(e, r) {
   for (var n = 0; n < r.length; n++) {