@directcryptopay/sdk 0.1.0

package/dist/index-DtCsAVBg.js

@@ -0,0 +1,78 @@
+import { cz as d, cC as v, cA as g, cB as w } from "./index-DiHImG4L.js";
+import { n as l, c as h } from "./if-defined-BciplFKz.js";
+const p = d`
+  :host {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: var(--wui-spacing-m);
+    padding: 0 var(--wui-spacing-3xs) !important;
+    border-radius: var(--wui-border-radius-5xs);
+    transition:
+      border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
+      background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
+    will-change: border-radius, background-color;
+  }
+
+  :host > wui-text {
+    transform: translateY(5%);
+  }
+
+  :host([data-variant='main']) {
+    background-color: var(--wui-color-accent-glass-015);
+    color: var(--wui-color-accent-100);
+  }
+
+  :host([data-variant='shade']) {
+    background-color: var(--wui-color-gray-glass-010);
+    color: var(--wui-color-fg-200);
+  }
+
+  :host([data-variant='success']) {
+    background-color: var(--wui-icon-box-bg-success-100);
+    color: var(--wui-color-success-100);
+  }
+
+  :host([data-variant='error']) {
+    background-color: var(--wui-icon-box-bg-error-100);
+    color: var(--wui-color-error-100);
+  }
+
+  :host([data-size='lg']) {
+    padding: 11px 5px !important;
+  }
+
+  :host([data-size='lg']) > wui-text {
+    transform: translateY(2%);
+  }
+`;
+var u = function(i, r, a, e) {
+  var s = arguments.length, t = s < 3 ? r : e === null ? e = Object.getOwnPropertyDescriptor(r, a) : e, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") t = Reflect.decorate(i, r, a, e);
+  else for (var c = i.length - 1; c >= 0; c--) (n = i[c]) && (t = (s < 3 ? n(t) : s > 3 ? n(r, a, t) : n(r, a)) || t);
+  return s > 3 && t && Object.defineProperty(r, a, t), t;
+};
+let o = class extends g {
+  constructor() {
+    super(...arguments), this.variant = "main", this.size = "lg";
+  }
+  render() {
+    this.dataset.variant = this.variant, this.dataset.size = this.size;
+    const r = this.size === "md" ? "mini-700" : "micro-700";
+    return w`
+      <wui-text data-variant=${this.variant} variant=${r} color="inherit">
+        <slot></slot>
+      </wui-text>
+    `;
+  }
+};
+o.styles = [v, p];
+u([
+  l()
+], o.prototype, "variant", void 0);
+u([
+  l()
+], o.prototype, "size", void 0);
+o = u([
+  h("wui-tag")
+], o);

package/dist/index-Ij6XA6_4.js

@@ -0,0 +1,77 @@
+import { cz as d, cA as g, cB as h } from "./index-DiHImG4L.js";
+import { n, c as b } from "./if-defined-BciplFKz.js";
+const p = d`
+  :host {
+    display: block;
+    box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-200) 5%,
+      var(--wui-color-bg-200) 48%,
+      var(--wui-color-bg-300) 55%,
+      var(--wui-color-bg-300) 60%,
+      var(--wui-color-bg-300) calc(60% + 10px),
+      var(--wui-color-bg-200) calc(60% + 12px),
+      var(--wui-color-bg-200) 100%
+    );
+    background-size: 250%;
+    animation: shimmer 3s linear infinite reverse;
+  }
+
+  :host([variant='light']) {
+    background: linear-gradient(
+      120deg,
+      var(--wui-color-bg-150) 5%,
+      var(--wui-color-bg-150) 48%,
+      var(--wui-color-bg-200) 55%,
+      var(--wui-color-bg-200) 60%,
+      var(--wui-color-bg-200) calc(60% + 10px),
+      var(--wui-color-bg-150) calc(60% + 12px),
+      var(--wui-color-bg-150) 100%
+    );
+    background-size: 250%;
+  }
+
+  @keyframes shimmer {
+    from {
+      background-position: -250% 0;
+    }
+    to {
+      background-position: 250% 0;
+    }
+  }
+`;
+var t = function(a, i, e, c) {
+  var s = arguments.length, r = s < 3 ? i : c === null ? c = Object.getOwnPropertyDescriptor(i, e) : c, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function") r = Reflect.decorate(a, i, e, c);
+  else for (var u = a.length - 1; u >= 0; u--) (l = a[u]) && (r = (s < 3 ? l(r) : s > 3 ? l(i, e, r) : l(i, e)) || r);
+  return s > 3 && r && Object.defineProperty(i, e, r), r;
+};
+let o = class extends g {
+  constructor() {
+    super(...arguments), this.width = "", this.height = "", this.borderRadius = "m", this.variant = "default";
+  }
+  render() {
+    return this.style.cssText = `
+      width: ${this.width};
+      height: ${this.height};
+      border-radius: ${`clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px)`};
+    `, h`<slot></slot>`;
+  }
+};
+o.styles = [p];
+t([
+  n()
+], o.prototype, "width", void 0);
+t([
+  n()
+], o.prototype, "height", void 0);
+t([
+  n()
+], o.prototype, "borderRadius", void 0);
+t([
+  n()
+], o.prototype, "variant", void 0);
+o = t([
+  b("wui-shimmer")
+], o);