churrofi-widgets - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

dist/src/ChurrofiWidgetsLG.js

 import { __decorate } from "tslib";
 import { html, css, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { until } from 'lit/directives/until.js';
-import { LogoTextXS } from './Logo';
+import { LogoXS } from './Logo';
 async function fetchTargetAPY() {
@@ -24,3 +24,3 @@ const resp = await fetch('https://celo-on-chain-data-service.onrender.com/target-apy');
           <h3>Earn Profits by Investing CELOs</h3>
-          <div id="logo">${unsafeHTML(LogoTextXS)}</div>
+          <div id="logo">${unsafeSVG(LogoXS)}</div>
         </div>
@@ -27,0 +27,0 @@ <p id="sub">

dist/src/Logo.d.ts

 export declare const LogoSM = "<svg\n  width=\"50\"\n  height=\"50\"\n  viewBox=\"0 0 50 50\"\n  fill=\"none\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n>\n  <g clip-path=\"url(#clip0)\">\n    <path\n      d=\"M30.5893 37.4027C27.3227 35.0289 23.5374 32.9582 19.3386 31.2482C12.2105 28.345 4.53496 29.2597 4.53496 29.2597L9.41777 48.8887C9.58017 49.5415 10.1665 49.9999 10.8394 49.9999H39.1597C39.1604 50 39.1609 50 39.1616 49.9999C39.9706 49.9999 40.6265 49.344 40.6265 48.5351C40.6265 48.2263 34.6863 40.3801 30.5893 37.4027Z\"\n      fill=\"#35D07F\"\n    />\n    <path\n      d=\"M28.1705 32.3285C29.6235 33.1814 31.0063 34.0838 32.3126 35.0329C34.737 36.7947 37.4975 39.8392 39.3865 42.0829C40.1601 43.0019 40.9279 43.9549 41.594 44.821L45.465 29.2598C45.4649 29.26 34.6359 29.2118 28.1705 32.3285V32.3285Z\"\n      fill=\"#85E2B2\"\n    />\n    <path\n      d=\"M24.9997 30.6045L26.8979 29.6894C27.832 29.2393 28.8386 28.8495 29.8829 28.5117V3.41806C29.8829 2.83779 29.5403 2.3121 29.0093 2.07783L25.5588 0.1247C25.1796 -0.0426826 24.7472 -0.0415107 24.3689 0.127923L20.9834 2.08105C20.4565 2.31699 20.1172 2.84052 20.1172 3.41796V28.4053C20.2263 28.448 20.3354 28.4907 20.4443 28.5351C22.0187 29.1764 23.538 29.8677 24.9997 30.6045V30.6045Z\"\n      fill=\"#FBCC5C\"\n    />\n    <path\n      d=\"M38.6719 11.296C38.6719 10.6095 38.1951 10.0149 37.5249 9.86599L34.1069 8.88943C33.8976 8.84285 33.6807 8.84285 33.4713 8.88943L32.8125 9.07771V27.7111C34.8177 27.2506 36.8436 26.9436 38.6719 26.7388V11.296Z\"\n      fill=\"#E1B752\"\n    />\n    <path\n      d=\"M17.1876 9.07771L16.5288 8.88943C16.3195 8.84285 16.1026 8.84285 15.8932 8.88943L12.4752 9.86599C11.805 10.0148 11.3282 10.6093 11.3282 11.296V26.3778C13.1379 26.5528 15.1392 26.8757 17.1876 27.4368V9.07771Z\"\n      fill=\"#E1B752\"\n    />\n    <path\n      d=\"M41.6016 19.8979V26.4762C43.248 26.3647 44.5172 26.3378 45.1332 26.3318C44.5758 24.3394 43.396 22.1908 41.6016 19.8979V19.8979Z\"\n      fill=\"#C8A349\"\n    />\n    <path\n      d=\"M8.39774 26.204V19.8657C6.6122 22.1489 5.43544 24.2932 4.87489 26.2871C5.44833 26.2433 6.35185 26.1937 7.50048 26.1937C7.78729 26.1936 8.0872 26.197 8.39774 26.204Z\"\n      fill=\"#C8A349\"\n    />\n  </g>\n  <defs>\n    <clipPath id=\"clip0\">\n      <rect width=\"50\" height=\"50\" fill=\"white\" />\n    </clipPath>\n  </defs>\n</svg>";
 export declare const LogoXS = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0)\">\n<path d=\"M12.2357 14.9613C10.9291 14.0117 9.41497 13.1835 7.73544 12.4995C4.88423 11.3382 1.814 11.7041 1.814 11.7041L3.76712 19.5557C3.83208 19.8168 4.06661 20.0002 4.33575 20.0002H15.6639C15.6642 20.0002 15.6644 20.0002 15.6647 20.0002C15.9883 20.0002 16.2506 19.7378 16.2506 19.4142C16.2506 19.2907 13.8745 16.1522 12.2357 14.9613Z\" fill=\"#35D07F\"/>\n<path d=\"M11.2682 12.9316C11.8494 13.2727 12.4026 13.6337 12.9251 14.0134C13.8948 14.7181 14.999 15.9359 15.7546 16.8334C16.0641 17.2009 16.3712 17.5822 16.6376 17.9286L18.186 11.7041C18.186 11.7042 13.8544 11.6849 11.2682 12.9316Z\" fill=\"#85E2B2\"/>\n<path d=\"M9.99987 12.2418L10.7592 11.8758C11.1328 11.6957 11.5355 11.5398 11.9532 11.4047V1.36722C11.9532 1.13511 11.8161 0.924841 11.6037 0.83113L10.2235 0.0498801C10.0719 -0.017073 9.8989 -0.0166043 9.74757 0.0511691L8.39339 0.832419C8.18261 0.926794 8.04691 1.13621 8.04691 1.36718V11.3621C8.09054 11.3792 8.13417 11.3963 8.17773 11.414C8.80749 11.6705 9.41523 11.9471 9.99987 12.2418Z\" fill=\"#FBCC5C\"/>\n<path d=\"M15.4688 4.5181C15.4688 4.24349 15.278 4.00567 15.01 3.9461L13.6428 3.55548C13.5591 3.53685 13.4723 3.53685 13.3885 3.55548L13.125 3.63079V11.0842C13.9271 10.8999 14.7375 10.7771 15.4688 10.6952V4.5181Z\" fill=\"#E1B752\"/>\n<path d=\"M6.87504 3.63079L6.61153 3.55548C6.52781 3.53685 6.44106 3.53685 6.35731 3.55548L4.99011 3.9461C4.72202 4.00563 4.53128 4.24345 4.53128 4.51809V10.5508C5.25519 10.6208 6.0557 10.75 6.87504 10.9744V3.63079Z\" fill=\"#E1B752\"/>\n<path d=\"M16.6407 7.95898V10.5903C17.2992 10.5457 17.8069 10.5349 18.0533 10.5325C17.8303 9.73555 17.3584 8.87613 16.6407 7.95898Z\" fill=\"#C8A349\"/>\n<path d=\"M3.35909 10.4816V7.94629C2.64487 8.85957 2.17417 9.71726 1.94995 10.5148C2.17933 10.4973 2.54073 10.4775 3.00019 10.4775C3.11491 10.4775 3.23487 10.4788 3.35909 10.4816Z\" fill=\"#C8A349\"/>\n</g>\n<defs>\n<clipPath id=\"clip0\">\n<rect width=\"20\" height=\"20\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n";
-export declare const LogoTextXS = "<img src=\"/assets/BrandLogo.png\"/>";

dist/src/Logo.js

@@ -61,3 +61,2 @@ export const LogoSM = `<svg
 `;
-export const LogoTextXS = `<img src="/assets/BrandLogo.png"/>`;
 //# sourceMappingURL=Logo.js.map

package.json

 {
   "name": "churrofi-widgets",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Webcomponent churrofi-widgets following open-wc recommendations",
@@ -5,0 +5,0 @@ "author": "churrofi-widgets",

src/ChurrofiWidgetsLG.ts

 import { html, css, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+
+import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
+
 import { until } from 'lit/directives/until.js';
-import { LogoTextXS } from './Logo';
+import { LogoXS } from './Logo';
 
@@ -84,3 +86,3 @@ async function fetchTargetAPY() {
           <h3>Earn Profits by Investing CELOs</h3>
-          <div id="logo">${unsafeHTML(LogoTextXS)}</div>
+          <div id="logo">${unsafeSVG(LogoXS)}</div>
         </div>
@@ -87,0 +89,0 @@ <p id="sub">

src/Logo.ts

@@ -62,3 +62,1 @@ export const LogoSM = `<svg
 `;
-
-export const LogoTextXS = `<img src="/assets/BrandLogo.png"/>`;

No alert changes

Worsened metrics

Total package byte prevSize

300993

decreased by-0.17%

Lines of code

1675

decreased by-0.18%

No dependency changes