@abstraxn/signer-react 3.3.10 → 4.0.0

package/dist/src/components/AbstraxnLogo.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PATH_SOLID = "M28.1476 21.4566L14.0738 13.5884L0 5.72028L22.1756 0L28.1476 21.4566Z";
+const PATH_FACE = "M28.148 21.4566L14.0742 13.5884L22.176 0L28.148 21.4566Z";
+const PATH_DOTS_GREEN = "M7.94176 26.7461L5.98469 27.2509L5.28411 24.7347L7.30775 24.4682L7.94176 26.7461ZM12.0023 25.706L10.0566 26.204L9.47486 24.1628L11.491 23.8688L12.0023 25.706ZM15.8236 24.7122L13.8756 25.2107L13.4224 23.6219L15.438 23.3267L15.8236 24.7122ZM19.6878 23.716L17.737 24.2153L17.4111 23.0743L19.4268 22.7797L19.6878 23.716ZM23.501 22.7318L21.5474 23.2321L21.3494 22.5391L23.3645 22.2411L23.501 22.7318ZM5.95884 19.5829L6.8637 22.8326L4.79469 22.9368L3.79692 19.3519L5.95884 19.5829ZM10.3757 19.9615L11.1003 22.5644L9.0606 22.7019L8.23094 19.793L10.3757 19.9615ZM14.6175 20.384L15.162 22.3402L13.1177 22.4766L12.4722 20.2133L14.6175 20.384ZM18.8559 20.8111L19.2202 22.1193L17.1702 22.2535L16.7088 20.6342L18.8559 20.8111ZM25.4042 22.2399L25.3336 21.9909L28.0813 21.5492L25.4042 22.2399ZM23.0937 21.2365L23.2779 21.898L21.2238 22.0298L20.9455 21.0556L23.0937 21.2365ZM28.0813 21.5492L25.2711 21.8044L25.1776 21.4754L28.0813 21.5492ZM28.102 21.5187L25.1019 21.2038L25.0032 20.8573L28.102 21.5187ZM28.1232 21.4855L24.8953 20.3936L24.7966 20.0466L28.1232 21.4855ZM22.7666 20.112L22.9537 20.7841L20.7625 20.4258L20.4819 19.4415L22.7666 20.112ZM18.2482 18.6921L18.6132 20.0026L16.4277 19.6482L15.9653 18.0268L18.2482 18.6921ZM22.3748 18.8262L22.5675 19.5176L20.2645 18.6634L20.0676 17.9727C20.036 17.8612 19.9959 17.7532 19.9494 17.6493L22.3748 18.8262ZM13.7305 17.2724L14.2726 19.2212L12.0924 18.8713L11.4486 16.6126L13.7305 17.2724ZM9.20407 15.8543L9.92409 18.4403L7.74899 18.0921L6.92275 15.1951L9.20407 15.8543ZM17.5953 16.4239L17.9613 17.7394L15.6411 16.8932L15.1964 15.3365C15.1906 15.3135 15.1837 15.2902 15.1757 15.2678L17.5953 16.4239ZM4.51757 14.4773L5.41493 17.7011L3.20136 17.2842L2.20875 13.719L4.51757 14.4773ZM12.6512 13.4784L13.1905 15.4171L10.8737 14.5748L10.2323 12.3257L12.6512 13.4784ZM7.99746 11.631L8.7106 14.1928L6.39837 13.3494L5.57788 10.4743L7.99746 11.631ZM3.06595 9.26859L3.95241 12.453L1.59138 11.5082L0.624023 8.00206L3.06595 9.26859Z";
+const PATH_DOTS_LIGHT = "M7.43038 24.8376L5.98469 27.2509L5.28411 24.7347L7.30775 24.4682L7.43038 24.8376ZM5.95884 19.5829L6.8637 22.8326L4.79469 22.9368L3.79692 19.3519L5.95884 19.5829ZM10.3757 19.9615L8.94014 22.3402L8.23094 19.793L10.3757 19.9615ZM14.6175 20.384L15.162 22.3402L13.1177 22.4766L12.4722 20.2133L14.6175 20.384ZM12.2483 16.8368L11.7461 17.7011L11.4486 16.6126L12.2483 16.8368ZM9.20407 15.8543L9.92409 18.4403L7.74899 18.0921L6.92275 15.1951L9.20407 15.8543ZM4.51757 14.4773L5.41493 17.7011L3.20136 17.2842L2.20875 13.719L4.51757 14.4773ZM12.6512 13.4784L13.1905 15.4171L10.8737 14.5748L10.2323 12.3257L12.6512 13.4784ZM7.99746 11.631L8.7106 14.1928L6.39837 13.3494L5.57788 10.4743L7.99746 11.631ZM3.06595 9.26859L3.95241 12.453L1.59138 11.5082L0.624023 8.00206L3.06595 9.26859Z";
+/** Inline SVG HTML for OnboardingUIWeb (and other non-React mounts). */
+export function abstraxnLogoSvgHtml(options) {
+    const size = options?.size ?? 20;
+    const gradientId = options?.gradientId ?? "abstraxn_logo_gradient";
+    const style = options?.style ??
+        `width: ${size}px; height: ${size}px; display: inline-block; vertical-align: middle;`;
+    return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 29 28" fill="none" style="${style}" aria-hidden="true">
+  <path d="${PATH_SOLID}" fill="#3ECF8E"/>
+  <path d="${PATH_FACE}" fill="#68F4B5"/>
+  <path d="${PATH_FACE}" fill="url(#${gradientId})"/>
+  <path d="${PATH_DOTS_GREEN}" fill="#3ECF8E"/>
+  <path d="${PATH_DOTS_LIGHT}" fill="#68F4B5"/>
+  <defs>
+    <linearGradient id="${gradientId}" x1="25.1123" y1="12.6595" x2="17.6541" y2="8.35347" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#68F4B5"/>
+      <stop offset="1" stop-color="#3EB17D"/>
+    </linearGradient>
+  </defs>
+</svg>`;
+}
+export function AbstraxnLogo({ size = 20, gradientId = "abstraxn_logo_gradient", style, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 29 28", fill: "none", "aria-hidden": "true", style: { display: "inline-block", verticalAlign: "middle", ...style }, ...props, children: [_jsx("path", { d: PATH_SOLID, fill: "#3ECF8E" }), _jsx("path", { d: PATH_FACE, fill: "#68F4B5" }), _jsx("path", { d: PATH_FACE, fill: `url(#${gradientId})` }), _jsx("path", { d: PATH_DOTS_GREEN, fill: "#3ECF8E" }), _jsx("path", { d: PATH_DOTS_LIGHT, fill: "#68F4B5" }), _jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "25.1123", y1: "12.6595", x2: "17.6541", y2: "8.35347", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#68F4B5" }), _jsx("stop", { offset: "1", stopColor: "#3EB17D" })] }) })] }));
+}
+//# sourceMappingURL=AbstraxnLogo.js.map