@holmesdev/ponder-spinners - npm Package Compare versions

Comparing version 1.0.27 to 1.0.28

dist/index.es.js

@@ -1,3 +0,3 @@
-import e,{useState as t,useEffect as n}from"react";import r from"prop-types";import i,{keyframes as a}from"styled-components";const o=i.svg`
-  animation: ${e=>{return t=e.direction,a`
+import e,{useState as t,useEffect as n}from"react";import r from"prop-types";import i,{keyframes as o}from"styled-components";const a=i.svg`
+  animation: ${e=>{return t=e.direction,o`
   0% {
@@ -13,14 +13,13 @@ transform: rotate(0deg);
   opacity: ${e=>e.opacity};
-`;function l({color1:t="#FF6F61",color2:n="#ffa9a1",opacity1:r=.5,opacity2:i=1,speed:a="1s",direction:l="-360deg",size:s="100"}){return e.createElement(e.Fragment,null,e.createElement(o,{xmlns:"http://www.w3.org/2000/svg",width:s,height:s,fill:"none",speed:a,direction:l,viewBox:"0 0 110 110"},e.createElement("path",{fill:t,d:"M110 55c0 30.376-24.624 55-55 55S0 85.376 0 55 24.624 0 55 0s55 24.624 55 55Zm-92.85 0c0 20.904 16.946 37.85 37.85 37.85S92.85 75.904 92.85 55 75.904 17.15 55 17.15 17.15 34.096 17.15 55Z",opacity:r}),e.createElement("path",{fill:n,d:"M101.425 55c4.736 0 8.643-3.862 7.908-8.54A54.999 54.999 0 0 0 63.54.667C58.862-.068 55 3.84 55 8.575c0 4.736 3.887 8.478 8.502 9.542a37.843 37.843 0 0 1 18.262 10.119 37.85 37.85 0 0 1 10.119 18.262C92.947 51.113 96.689 55 101.425 55Z",opacity:i})))}l.propTypes={color1:r.string,color2:r.string,opacity1:r.number,opacity2:r.number,speed:r.string,direction:r.string,size:r.string};const s=a`
-	0%, 60%, 100% {
-		transform: initial;
-	}
+`;function l({color1:t="#FF6F61",color2:n="#ffa9a1",opacity1:r=.5,opacity2:i=1,speed:o="1s",direction:l="-360deg",size:s="100"}){return e.createElement(e.Fragment,null,e.createElement(a,{xmlns:"http://www.w3.org/2000/svg",width:s,height:s,fill:"none",speed:o,direction:l,viewBox:"0 0 110 110"},e.createElement("path",{fill:t,d:"M110 55c0 30.376-24.624 55-55 55S0 85.376 0 55 24.624 0 55 0s55 24.624 55 55Zm-92.85 0c0 20.904 16.946 37.85 37.85 37.85S92.85 75.904 92.85 55 75.904 17.15 55 17.15 17.15 34.096 17.15 55Z",opacity:r}),e.createElement("path",{fill:n,d:"M101.425 55c4.736 0 8.643-3.862 7.908-8.54A54.999 54.999 0 0 0 63.54.667C58.862-.068 55 3.84 55 8.575c0 4.736 3.887 8.478 8.502 9.542a37.843 37.843 0 0 1 18.262 10.119 37.85 37.85 0 0 1 10.119 18.262C92.947 51.113 96.689 55 101.425 55Z",opacity:i})))}l.propTypes={color1:r.string,color2:r.string,opacity1:r.number,opacity2:r.number,speed:r.string,direction:r.string,size:r.string};const s=o`
+  0%, 60%, 100% {
+    transform: initial;
+  }
 
-	30% {
-		transform: translateY(-15px);
-	}
-  
-`,p=i.svg`
+  30% {
+    transform: translateY(-15px);
+  }
+`,c=i.svg`
   color: ${e=>e.color};
-`,c=i.circle`
+`,p=i.circle`
   animation: ${s} 1.3s linear infinite;
@@ -37,3 +36,3 @@
   }
-`;function m({colors:t=["#22333B","#FF6F61","#B7AEA3"]}){const n=Array.from({length:t.length});return e.createElement(p,{xmlns:"http://www.w3.org/2000/svg",width:"150",height:"150",viewBox:"0 0 100 100",fill:"none"},n.map(((n,r)=>e.createElement(c,{cx:20*(r+1),cy:"49.5",r:"8",fill:t[r],key:r}))))}m.propTypes={colors:r.arrayOf(r.string),duration:r.string};const d=a`
+`;function m({color1:t="#22333B",color2:n="#FF6F61",color3:r="#B7AEA3"}){return e.createElement(c,{xmlns:"http://www.w3.org/2000/svg",width:"150",height:"150",viewBox:"0 0 100 100",fill:"none"},e.createElement(p,{cx:"20",cy:"49.5",r:"8",fill:t}),e.createElement(p,{cx:"50",cy:"49.5",r:"8",fill:n}),e.createElement(p,{cx:"80",cy:"49.5",r:"8",fill:r}))}m.propTypes={color1:r.string,color2:r.string,color3:r.string};const d=o`
   0%, 50%, 100% {
@@ -63,3 +62,3 @@ border-radius: 12px; /* Square with rounded corners */
   animation-delay: ${e=>e.delay||"0s"};
-`,g=({colors:t=["#22333B","#FF6F61","#ffa9a1","#22333B"]})=>e.createElement(f,null,e.createElement(h,null,e.createElement(x,{color:t[0],delay:"0s"}),e.createElement(x,{color:t[1],delay:"1s"}),e.createElement(x,{color:t[2],delay:"3s"}),e.createElement(x,{color:t[3],delay:"2s"}))),$=a`
+`,g=({color1:t="#22333B",color2:n="#FF6F61",color3:r="#ffa9a1",color4:i="#22333B"})=>e.createElement(f,null,e.createElement(h,null,e.createElement(x,{color:t,delay:"0s"}),e.createElement(x,{color:n,delay:"1s"}),e.createElement(x,{color:r,delay:"3s"}),e.createElement(x,{color:i,delay:"2s"}))),$=o`
   0%, 100% {
@@ -82,2 +81,2 @@ transform: translateY(0);
   opacity: ${e=>e.opacity||"1"};
-`;function C({size:t,color:n,opacity:r,speed:i}){const a=n||["#ffa9a1","#FF6F61"];return e.createElement(u,{xmlns:"http://www.w3.org/2000/svg",width:t||"30",height:t||"26",viewBox:"0 0 30 26",fill:"none",size:t},e.createElement("g",{clipPath:"url(#clip0_395_73)"},e.createElement(y,{d:"M-20.1557 23.1651L-22.4453 24.8897C-24.419 26.3763 -25.5797 28.7038 -25.5797 31.1747V49.1513C-25.5797 53.4969 -22.0568 57.0198 -17.7112 57.0198H177.69C182.035 57.0198 185.558 53.4969 185.558 49.1513V35.4992C185.558 33.2551 184.6 31.1178 182.925 29.6248L170.864 18.8764C168.17 16.4757 164.188 16.2151 161.204 18.2441L147.546 27.5318C144.981 29.2756 141.632 29.3505 138.992 27.7229L129.697 21.9924C127.336 20.5365 124.382 20.4316 121.924 21.7163L116.746 24.4218C113.56 26.0864 109.652 25.3807 107.249 22.7074L100.606 15.315C97.1909 11.5146 91.1157 11.9265 88.2447 16.1532L84.2741 21.9989C81.7837 25.6652 76.758 26.5523 73.163 23.9599L65.3646 18.3367C62.4675 16.2476 58.5267 16.3719 55.767 18.6395L48.0492 24.9813C45.3673 27.185 41.5583 27.371 38.6745 25.4392L34.8228 22.8589C31.9672 20.9459 28.2003 21.1079 25.5194 23.2588L24.128 24.3752C21.0483 26.8461 16.6143 26.652 13.7623 23.9214L11.6883 21.9356C8.71581 19.0897 4.0525 19.0148 0.990242 21.7639L-0.363153 22.9788C-3.13543 25.4676 -7.27311 25.671 -10.2762 23.4663L-10.765 23.1074C-13.5648 21.0518 -17.3813 21.0752 -20.1557 23.1651Z",fill:a[0],speed:i||"2s",delay:"0s",opacity:r||1}),e.createElement(y,{d:"M-167.683 26.3393L-169.973 28.0639C-171.946 29.5506 -173.107 31.878 -173.107 34.3489V52.3255C-173.107 56.6711 -169.584 60.194 -165.238 60.194H30.1625C34.5082 60.194 38.031 56.6711 38.031 52.3255V38.6734C38.031 36.4294 37.0729 34.2921 35.3975 32.7991L23.3363 22.0507C20.6424 19.6499 16.6607 19.3893 13.6768 21.4184L0.0185394 30.706C-2.54597 32.4499 -5.89561 32.5247 -8.53546 30.8971L-17.8301 25.1666C-20.1915 23.7107 -23.1449 23.6058 -25.6036 24.8905L-30.7814 27.5961C-33.9669 29.2606 -37.8755 28.5549 -40.2779 25.8816L-46.921 18.4892C-50.3363 14.6888 -56.4115 15.1007 -59.2825 19.3274L-63.2531 25.1731C-65.7435 28.8395 -70.7692 29.7265 -74.3642 27.1342L-82.1626 21.5109C-85.0597 19.4218 -89.0005 19.5461 -91.7602 21.8138L-99.478 28.1555C-102.16 30.3592 -105.969 30.5453 -108.853 28.6134L-112.704 26.0331C-115.56 24.1202 -119.327 24.2821 -122.008 26.4331L-123.399 27.5494C-126.479 30.0203 -130.913 29.8262 -133.765 27.0956L-135.839 25.1098C-138.811 22.2639 -143.475 22.189 -146.537 24.9381L-147.89 26.1531C-150.663 28.6418 -154.8 28.8453 -157.803 26.6405L-158.292 26.2816C-161.092 24.226 -164.909 24.2495 -167.683 26.3393Z",fill:a[1],speed:i||"2s",delay:"0.2s",opacity:r||1})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_395_73"},e.createElement("rect",{width:"30",height:"26",rx:"13",fill:"white"}))))}C.propTypes={size:r.string,color:r.arrayOf(r.string),opacity:r.number,speed:r.string};const w=({size:r=90,color1:i="#FF6F61",color2:a="#22333B",color3:o="#ffa9a1",duration:l=3})=>{const[s,p]=t({}),[c,m]=t({}),[d,h]=t({});n((()=>{p({animation:`morph1 ${l}s infinite ease-in-out`}),m({animation:`morph2 ${l}s infinite ease-in-out`}),h({animation:`morph3 ${l}s infinite ease-in-out`})}),[l]);const f=4*r;return e.createElement(e.Fragment,null,e.createElement("style",null,`\n          @keyframes morph1 {\n            0%, 100% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            } \n            33% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            } \n            66% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n          } \n\n          @keyframes morph2 {\n            0%, 100% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            }\n            33% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n            66% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            }\n          }\n\n          @keyframes morph3 {\n            0%, 100% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n            33% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            }\n            66% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            }\n          }\n        `),e.createElement("div",{style:{position:"relative",width:`${f}px`,height:.75*f+"px",margin:"50px auto"}},e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:i,...s}}),e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:a,...c}}),e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:o,...d}})))};w.propTypes={size:r.number,color1:r.string,color2:r.string,color3:r.string,duration:r.number};export{w as Circles,m as Dots,g as PulseBox,l as Spin,C as Wave};
+`;function C({size:t,color1:n="#ffa9a1",color2:r="#FF6F61",opacity:i,speed:o}){return e.createElement(u,{xmlns:"http://www.w3.org/2000/svg",width:t||"30",height:t||"26",viewBox:"0 0 30 26",fill:"none",size:t},e.createElement("g",{clipPath:"url(#clip0_395_73)"},e.createElement(y,{d:"M-20.1557 23.1651L-22.4453 24.8897C-24.419 26.3763 -25.5797 28.7038 -25.5797 31.1747V49.1513C-25.5797 53.4969 -22.0568 57.0198 -17.7112 57.0198H177.69C182.035 57.0198 185.558 53.4969 185.558 49.1513V35.4992C185.558 33.2551 184.6 31.1178 182.925 29.6248L170.864 18.8764C168.17 16.4757 164.188 16.2151 161.204 18.2441L147.546 27.5318C144.981 29.2756 141.632 29.3505 138.992 27.7229L129.697 21.9924C127.336 20.5365 124.382 20.4316 121.924 21.7163L116.746 24.4218C113.56 26.0864 109.652 25.3807 107.249 22.7074L100.606 15.315C97.1909 11.5146 91.1157 11.9265 88.2447 16.1532L84.2741 21.9989C81.7837 25.6652 76.758 26.5523 73.163 23.9599L65.3646 18.3367C62.4675 16.2476 58.5267 16.3719 55.767 18.6395L48.0492 24.9813C45.3673 27.185 41.5583 27.371 38.6745 25.4392L34.8228 22.8589C31.9672 20.9459 28.2003 21.1079 25.5194 23.2588L24.128 24.3752C21.0483 26.8461 16.6143 26.652 13.7623 23.9214L11.6883 21.9356C8.71581 19.0897 4.0525 19.0148 0.990242 21.7639L-0.363153 22.9788C-3.13543 25.4676 -7.27311 25.671 -10.2762 23.4663L-10.765 23.1074C-13.5648 21.0518 -17.3813 21.0752 -20.1557 23.1651Z",fill:n,speed:o||"2s",delay:"0s",opacity:i||1}),e.createElement(y,{d:"M-167.683 26.3393L-169.973 28.0639C-171.946 29.5506 -173.107 31.878 -173.107 34.3489V52.3255C-173.107 56.6711 -169.584 60.194 -165.238 60.194H30.1625C34.5082 60.194 38.031 56.6711 38.031 52.3255V38.6734C38.031 36.4294 37.0729 34.2921 35.3975 32.7991L23.3363 22.0507C20.6424 19.6499 16.6607 19.3893 13.6768 21.4184L0.0185394 30.706C-2.54597 32.4499 -5.89561 32.5247 -8.53546 30.8971L-17.8301 25.1666C-20.1915 23.7107 -23.1449 23.6058 -25.6036 24.8905L-30.7814 27.5961C-33.9669 29.2606 -37.8755 28.5549 -40.2779 25.8816L-46.921 18.4892C-50.3363 14.6888 -56.4115 15.1007 -59.2825 19.3274L-63.2531 25.1731C-65.7435 28.8395 -70.7692 29.7265 -74.3642 27.1342L-82.1626 21.5109C-85.0597 19.4218 -89.0005 19.5461 -91.7602 21.8138L-99.478 28.1555C-102.16 30.3592 -105.969 30.5453 -108.853 28.6134L-112.704 26.0331C-115.56 24.1202 -119.327 24.2821 -122.008 26.4331L-123.399 27.5494C-126.479 30.0203 -130.913 29.8262 -133.765 27.0956L-135.839 25.1098C-138.811 22.2639 -143.475 22.189 -146.537 24.9381L-147.89 26.1531C-150.663 28.6418 -154.8 28.8453 -157.803 26.6405L-158.292 26.2816C-161.092 24.226 -164.909 24.2495 -167.683 26.3393Z",fill:r,speed:o||"2s",delay:"0.2s",opacity:i||1})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_395_73"},e.createElement("rect",{width:"30",height:"26",rx:"13",fill:"white"}))))}C.propTypes={size:r.string,color1:r.string,color2:r.string,opacity:r.number,speed:r.string};const w=({size:r=90,color1:i="#FF6F61",color2:o="#22333B",color3:a="#ffa9a1",duration:l=3})=>{const[s,c]=t({}),[p,m]=t({}),[d,h]=t({});n((()=>{c({animation:`morph1 ${l}s infinite ease-in-out`}),m({animation:`morph2 ${l}s infinite ease-in-out`}),h({animation:`morph3 ${l}s infinite ease-in-out`})}),[l]);const f=4*r;return e.createElement(e.Fragment,null,e.createElement("style",null,`\n          @keyframes morph1 {\n            0%, 100% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            } \n            33% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            } \n            66% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n          } \n\n          @keyframes morph2 {\n            0%, 100% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            }\n            33% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n            66% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            }\n          }\n\n          @keyframes morph3 {\n            0%, 100% {\n              transform: translate(${1.11*r}px, ${1.11*r}px);\n              width: ${1.55*r}px;\n              height: ${1.55*r}px;\n            }\n            33% {\n              transform: translate(0px, 0px);\n              width: ${r}px;\n              height: ${r}px;\n            }\n            66% {\n              transform: translate(${1.66*r}px, -${1.11*r}px);\n              width: ${.66*r}px;\n              height: ${.66*r}px;\n            }\n          }\n        `),e.createElement("div",{style:{position:"relative",width:`${f}px`,height:.75*f+"px",margin:"50px auto"}},e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:i,...s}}),e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:o,...p}}),e.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:a,...d}})))};w.propTypes={size:r.number,color1:r.string,color2:r.string,color3:r.string,duration:r.number};export{w as Circles,m as Dots,g as PulseBox,l as Spin,C as Wave};

dist/index.js

@@ -14,13 +14,12 @@ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("prop-types"),a=require("styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e),l=n(t),i=n(a);const o=i.default.svg`
 `;function s({color1:e="#FF6F61",color2:t="#ffa9a1",opacity1:a=.5,opacity2:n=1,speed:l="1s",direction:i="-360deg",size:s="100"}){return r.default.createElement(r.default.Fragment,null,r.default.createElement(o,{xmlns:"http://www.w3.org/2000/svg",width:s,height:s,fill:"none",speed:l,direction:i,viewBox:"0 0 110 110"},r.default.createElement("path",{fill:e,d:"M110 55c0 30.376-24.624 55-55 55S0 85.376 0 55 24.624 0 55 0s55 24.624 55 55Zm-92.85 0c0 20.904 16.946 37.85 37.85 37.85S92.85 75.904 92.85 55 75.904 17.15 55 17.15 17.15 34.096 17.15 55Z",opacity:a}),r.default.createElement("path",{fill:t,d:"M101.425 55c4.736 0 8.643-3.862 7.908-8.54A54.999 54.999 0 0 0 63.54.667C58.862-.068 55 3.84 55 8.575c0 4.736 3.887 8.478 8.502 9.542a37.843 37.843 0 0 1 18.262 10.119 37.85 37.85 0 0 1 10.119 18.262C92.947 51.113 96.689 55 101.425 55Z",opacity:n})))}s.propTypes={color1:l.default.string,color2:l.default.string,opacity1:l.default.number,opacity2:l.default.number,speed:l.default.string,direction:l.default.string,size:l.default.string};const d=a.keyframes`
-	0%, 60%, 100% {
-		transform: initial;
-	}
+  0%, 60%, 100% {
+    transform: initial;
+  }
 
-	30% {
-		transform: translateY(-15px);
-	}
-  
-`,f=i.default.svg`
+  30% {
+    transform: translateY(-15px);
+  }
+`,c=i.default.svg`
   color: ${e=>e.color};
-`,c=i.default.circle`
+`,f=i.default.circle`
   animation: ${d} 1.3s linear infinite;
@@ -37,3 +36,3 @@
   }
-`;function p({colors:e=["#22333B","#FF6F61","#B7AEA3"]}){const t=Array.from({length:e.length});return r.default.createElement(f,{xmlns:"http://www.w3.org/2000/svg",width:"150",height:"150",viewBox:"0 0 100 100",fill:"none"},t.map(((t,a)=>r.default.createElement(c,{cx:20*(a+1),cy:"49.5",r:"8",fill:e[a],key:a}))))}p.propTypes={colors:l.default.arrayOf(l.default.string),duration:l.default.string};const u=a.keyframes`
+`;function p({color1:e="#22333B",color2:t="#FF6F61",color3:a="#B7AEA3"}){return r.default.createElement(c,{xmlns:"http://www.w3.org/2000/svg",width:"150",height:"150",viewBox:"0 0 100 100",fill:"none"},r.default.createElement(f,{cx:"20",cy:"49.5",r:"8",fill:e}),r.default.createElement(f,{cx:"50",cy:"49.5",r:"8",fill:t}),r.default.createElement(f,{cx:"80",cy:"49.5",r:"8",fill:a}))}p.propTypes={color1:l.default.string,color2:l.default.string,color3:l.default.string};const u=a.keyframes`
   0%, 50%, 100% {
@@ -81,2 +80,2 @@ border-radius: 12px; /* Square with rounded corners */
   opacity: ${e=>e.opacity||"1"};
-`;function C({size:e,color:t,opacity:a,speed:n}){const l=t||["#ffa9a1","#FF6F61"];return r.default.createElement(y,{xmlns:"http://www.w3.org/2000/svg",width:e||"30",height:e||"26",viewBox:"0 0 30 26",fill:"none",size:e},r.default.createElement("g",{clipPath:"url(#clip0_395_73)"},r.default.createElement($,{d:"M-20.1557 23.1651L-22.4453 24.8897C-24.419 26.3763 -25.5797 28.7038 -25.5797 31.1747V49.1513C-25.5797 53.4969 -22.0568 57.0198 -17.7112 57.0198H177.69C182.035 57.0198 185.558 53.4969 185.558 49.1513V35.4992C185.558 33.2551 184.6 31.1178 182.925 29.6248L170.864 18.8764C168.17 16.4757 164.188 16.2151 161.204 18.2441L147.546 27.5318C144.981 29.2756 141.632 29.3505 138.992 27.7229L129.697 21.9924C127.336 20.5365 124.382 20.4316 121.924 21.7163L116.746 24.4218C113.56 26.0864 109.652 25.3807 107.249 22.7074L100.606 15.315C97.1909 11.5146 91.1157 11.9265 88.2447 16.1532L84.2741 21.9989C81.7837 25.6652 76.758 26.5523 73.163 23.9599L65.3646 18.3367C62.4675 16.2476 58.5267 16.3719 55.767 18.6395L48.0492 24.9813C45.3673 27.185 41.5583 27.371 38.6745 25.4392L34.8228 22.8589C31.9672 20.9459 28.2003 21.1079 25.5194 23.2588L24.128 24.3752C21.0483 26.8461 16.6143 26.652 13.7623 23.9214L11.6883 21.9356C8.71581 19.0897 4.0525 19.0148 0.990242 21.7639L-0.363153 22.9788C-3.13543 25.4676 -7.27311 25.671 -10.2762 23.4663L-10.765 23.1074C-13.5648 21.0518 -17.3813 21.0752 -20.1557 23.1651Z",fill:l[0],speed:n||"2s",delay:"0s",opacity:a||1}),r.default.createElement($,{d:"M-167.683 26.3393L-169.973 28.0639C-171.946 29.5506 -173.107 31.878 -173.107 34.3489V52.3255C-173.107 56.6711 -169.584 60.194 -165.238 60.194H30.1625C34.5082 60.194 38.031 56.6711 38.031 52.3255V38.6734C38.031 36.4294 37.0729 34.2921 35.3975 32.7991L23.3363 22.0507C20.6424 19.6499 16.6607 19.3893 13.6768 21.4184L0.0185394 30.706C-2.54597 32.4499 -5.89561 32.5247 -8.53546 30.8971L-17.8301 25.1666C-20.1915 23.7107 -23.1449 23.6058 -25.6036 24.8905L-30.7814 27.5961C-33.9669 29.2606 -37.8755 28.5549 -40.2779 25.8816L-46.921 18.4892C-50.3363 14.6888 -56.4115 15.1007 -59.2825 19.3274L-63.2531 25.1731C-65.7435 28.8395 -70.7692 29.7265 -74.3642 27.1342L-82.1626 21.5109C-85.0597 19.4218 -89.0005 19.5461 -91.7602 21.8138L-99.478 28.1555C-102.16 30.3592 -105.969 30.5453 -108.853 28.6134L-112.704 26.0331C-115.56 24.1202 -119.327 24.2821 -122.008 26.4331L-123.399 27.5494C-126.479 30.0203 -130.913 29.8262 -133.765 27.0956L-135.839 25.1098C-138.811 22.2639 -143.475 22.189 -146.537 24.9381L-147.89 26.1531C-150.663 28.6418 -154.8 28.8453 -157.803 26.6405L-158.292 26.2816C-161.092 24.226 -164.909 24.2495 -167.683 26.3393Z",fill:l[1],speed:n||"2s",delay:"0.2s",opacity:a||1})),r.default.createElement("defs",null,r.default.createElement("clipPath",{id:"clip0_395_73"},r.default.createElement("rect",{width:"30",height:"26",rx:"13",fill:"white"}))))}C.propTypes={size:l.default.string,color:l.default.arrayOf(l.default.string),opacity:l.default.number,speed:l.default.string};const w=({size:t=90,color1:a="#FF6F61",color2:n="#22333B",color3:l="#ffa9a1",duration:i=3})=>{const[o,s]=e.useState({}),[d,f]=e.useState({}),[c,p]=e.useState({});e.useEffect((()=>{s({animation:`morph1 ${i}s infinite ease-in-out`}),f({animation:`morph2 ${i}s infinite ease-in-out`}),p({animation:`morph3 ${i}s infinite ease-in-out`})}),[i]);const u=4*t;return r.default.createElement(r.default.Fragment,null,r.default.createElement("style",null,`\n          @keyframes morph1 {\n            0%, 100% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            } \n            33% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            } \n            66% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n          } \n\n          @keyframes morph2 {\n            0%, 100% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            }\n            33% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n            66% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            }\n          }\n\n          @keyframes morph3 {\n            0%, 100% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n            33% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            }\n            66% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            }\n          }\n        `),r.default.createElement("div",{style:{position:"relative",width:`${u}px`,height:.75*u+"px",margin:"50px auto"}},r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:a,...o}}),r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:n,...d}}),r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:l,...c}})))};w.propTypes={size:l.default.number,color1:l.default.string,color2:l.default.string,color3:l.default.string,duration:l.default.number},exports.Circles=w,exports.Dots=p,exports.PulseBox=({colors:e=["#22333B","#FF6F61","#ffa9a1","#22333B"]})=>r.default.createElement(h,null,r.default.createElement(m,null,r.default.createElement(x,{color:e[0],delay:"0s"}),r.default.createElement(x,{color:e[1],delay:"1s"}),r.default.createElement(x,{color:e[2],delay:"3s"}),r.default.createElement(x,{color:e[3],delay:"2s"}))),exports.Spin=s,exports.Wave=C;
+`;function C({size:e,color1:t="#ffa9a1",color2:a="#FF6F61",opacity:n,speed:l}){return r.default.createElement(y,{xmlns:"http://www.w3.org/2000/svg",width:e||"30",height:e||"26",viewBox:"0 0 30 26",fill:"none",size:e},r.default.createElement("g",{clipPath:"url(#clip0_395_73)"},r.default.createElement($,{d:"M-20.1557 23.1651L-22.4453 24.8897C-24.419 26.3763 -25.5797 28.7038 -25.5797 31.1747V49.1513C-25.5797 53.4969 -22.0568 57.0198 -17.7112 57.0198H177.69C182.035 57.0198 185.558 53.4969 185.558 49.1513V35.4992C185.558 33.2551 184.6 31.1178 182.925 29.6248L170.864 18.8764C168.17 16.4757 164.188 16.2151 161.204 18.2441L147.546 27.5318C144.981 29.2756 141.632 29.3505 138.992 27.7229L129.697 21.9924C127.336 20.5365 124.382 20.4316 121.924 21.7163L116.746 24.4218C113.56 26.0864 109.652 25.3807 107.249 22.7074L100.606 15.315C97.1909 11.5146 91.1157 11.9265 88.2447 16.1532L84.2741 21.9989C81.7837 25.6652 76.758 26.5523 73.163 23.9599L65.3646 18.3367C62.4675 16.2476 58.5267 16.3719 55.767 18.6395L48.0492 24.9813C45.3673 27.185 41.5583 27.371 38.6745 25.4392L34.8228 22.8589C31.9672 20.9459 28.2003 21.1079 25.5194 23.2588L24.128 24.3752C21.0483 26.8461 16.6143 26.652 13.7623 23.9214L11.6883 21.9356C8.71581 19.0897 4.0525 19.0148 0.990242 21.7639L-0.363153 22.9788C-3.13543 25.4676 -7.27311 25.671 -10.2762 23.4663L-10.765 23.1074C-13.5648 21.0518 -17.3813 21.0752 -20.1557 23.1651Z",fill:t,speed:l||"2s",delay:"0s",opacity:n||1}),r.default.createElement($,{d:"M-167.683 26.3393L-169.973 28.0639C-171.946 29.5506 -173.107 31.878 -173.107 34.3489V52.3255C-173.107 56.6711 -169.584 60.194 -165.238 60.194H30.1625C34.5082 60.194 38.031 56.6711 38.031 52.3255V38.6734C38.031 36.4294 37.0729 34.2921 35.3975 32.7991L23.3363 22.0507C20.6424 19.6499 16.6607 19.3893 13.6768 21.4184L0.0185394 30.706C-2.54597 32.4499 -5.89561 32.5247 -8.53546 30.8971L-17.8301 25.1666C-20.1915 23.7107 -23.1449 23.6058 -25.6036 24.8905L-30.7814 27.5961C-33.9669 29.2606 -37.8755 28.5549 -40.2779 25.8816L-46.921 18.4892C-50.3363 14.6888 -56.4115 15.1007 -59.2825 19.3274L-63.2531 25.1731C-65.7435 28.8395 -70.7692 29.7265 -74.3642 27.1342L-82.1626 21.5109C-85.0597 19.4218 -89.0005 19.5461 -91.7602 21.8138L-99.478 28.1555C-102.16 30.3592 -105.969 30.5453 -108.853 28.6134L-112.704 26.0331C-115.56 24.1202 -119.327 24.2821 -122.008 26.4331L-123.399 27.5494C-126.479 30.0203 -130.913 29.8262 -133.765 27.0956L-135.839 25.1098C-138.811 22.2639 -143.475 22.189 -146.537 24.9381L-147.89 26.1531C-150.663 28.6418 -154.8 28.8453 -157.803 26.6405L-158.292 26.2816C-161.092 24.226 -164.909 24.2495 -167.683 26.3393Z",fill:a,speed:l||"2s",delay:"0.2s",opacity:n||1})),r.default.createElement("defs",null,r.default.createElement("clipPath",{id:"clip0_395_73"},r.default.createElement("rect",{width:"30",height:"26",rx:"13",fill:"white"}))))}C.propTypes={size:l.default.string,color1:l.default.string,color2:l.default.string,opacity:l.default.number,speed:l.default.string};const w=({size:t=90,color1:a="#FF6F61",color2:n="#22333B",color3:l="#ffa9a1",duration:i=3})=>{const[o,s]=e.useState({}),[d,c]=e.useState({}),[f,p]=e.useState({});e.useEffect((()=>{s({animation:`morph1 ${i}s infinite ease-in-out`}),c({animation:`morph2 ${i}s infinite ease-in-out`}),p({animation:`morph3 ${i}s infinite ease-in-out`})}),[i]);const u=4*t;return r.default.createElement(r.default.Fragment,null,r.default.createElement("style",null,`\n          @keyframes morph1 {\n            0%, 100% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            } \n            33% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            } \n            66% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n          } \n\n          @keyframes morph2 {\n            0%, 100% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            }\n            33% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n            66% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            }\n          }\n\n          @keyframes morph3 {\n            0%, 100% {\n              transform: translate(${1.11*t}px, ${1.11*t}px);\n              width: ${1.55*t}px;\n              height: ${1.55*t}px;\n            }\n            33% {\n              transform: translate(0px, 0px);\n              width: ${t}px;\n              height: ${t}px;\n            }\n            66% {\n              transform: translate(${1.66*t}px, -${1.11*t}px);\n              width: ${.66*t}px;\n              height: ${.66*t}px;\n            }\n          }\n        `),r.default.createElement("div",{style:{position:"relative",width:`${u}px`,height:.75*u+"px",margin:"50px auto"}},r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:a,...o}}),r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:n,...d}}),r.default.createElement("div",{style:{position:"absolute",borderRadius:"50%",backgroundColor:l,...f}})))};w.propTypes={size:l.default.number,color1:l.default.string,color2:l.default.string,color3:l.default.string,duration:l.default.number},exports.Circles=w,exports.Dots=p,exports.PulseBox=({color1:e="#22333B",color2:t="#FF6F61",color3:a="#ffa9a1",color4:n="#22333B"})=>r.default.createElement(h,null,r.default.createElement(m,null,r.default.createElement(x,{color:e,delay:"0s"}),r.default.createElement(x,{color:t,delay:"1s"}),r.default.createElement(x,{color:a,delay:"3s"}),r.default.createElement(x,{color:n,delay:"2s"}))),exports.Spin=s,exports.Wave=C;

package.json

 {
   "name": "@holmesdev/ponder-spinners",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -64,2 +64,15 @@ <div align="center">
 
+> [!IMPORTANT] > [Styled-components](https://styled-components.com/docs/basics#installation) is the JavaScript CSS library used to build our components. To ensure that they work as intended, you will need to separately install `styled-components` within both the `devDependencies` & `peerDependencies` inside of your `package.json` upon installation of the package.
+>
+> You <ins>MUST</ins> also ensure that you are:
+>
+> - Using React.js v18.3.1 or higher
+> - Using styled-components v6.1.13 or higher
+
+## Latest Package Version
+
+|                                           Name                                           |                         Version                          |
+| :--------------------------------------------------------------------------------------: | :------------------------------------------------------: |
+| [`@holmesdev/ponder-spinners`](https://www.npmjs.com/package/@holmesdev/ponder-spinners) | ![NPM](https://img.shields.io/npm/v/@holmesdev/sync.svg) |
+
 ---
@@ -141,21 +154,26 @@
 
-| Property | Type             | Description                                                                   |
-| -------- | ---------------- | ----------------------------------------------------------------------------- |
-| `colors` | array of strings | Colors for each of the dots. Defaults to `["#22333B", "#EAE0D5", "#C6AC8F"]`. |
+| Property | Type   | Description                                        |
+| -------- | ------ | -------------------------------------------------- |
+| `color1` | string | Color for the first dot. Defaults to `"#22333B"`.  |
+| `color2` | string | Color for the second dot. Defaults to `"#EAE0D5"`. |
+| `color3` | string | Color for the third dot. Defaults to `"#C6AC8F"`.  |
 
 ### Pulse Box
 
-| Property | Type             | Description                                                                                |
-| -------- | ---------------- | ------------------------------------------------------------------------------------------ |
-| `color`  | array of strings | Colors for the morphing boxes. Defaults to `["#2f3e46", "#e0e0e0", "#6b6252", "#ccb69b"]`. |
-| `delay`  | string           | Delay between animations. Pre-configured but can be customized if needed.                  |
+| Property | Type   | Description                                        |
+| -------- | ------ | -------------------------------------------------- |
+| `color1` | string | Color for the first box. Defaults to `"#22333B"`.  |
+| `color2` | string | Color for the second box. Defaults to `"#FF6F61"`. |
+| `color3` | string | Color for the third box. Defaults to `"#ffa9a1"`.  |
+| `color4` | string | Color for the fourth box. Defaults to `"#22333B"`. |
 
 ### Wave
 
-| Property  | Type             | Description                                                                   |
-| --------- | ---------------- | ----------------------------------------------------------------------------- |
-| `size`    | string           | Size of the SVG (width and height). Defaults to `30px`.                       |
-| `color`   | array of strings | Array of colors for the wave animation. Defaults to `["#22333B", "#EAE0D5"]`. |
-| `speed`   | string           | Speed of the animation (e.g., `2s`). Defaults to `2s`.                        |
-| `opacity` | number           | Opacity of the wave (0 to 1). Defaults to `1`.                                |
+| Property  | Type   | Description                                             |
+| --------- | ------ | ------------------------------------------------------- |
+| `size`    | string | Size of the SVG (width and height). Defaults to `30px`. |
+| `color1`  | string | Color for the first wave. Defaults to `"#22333B"`.      |
+| `color2`  | string | Color for the second wave. Defaults to `"#EAE0D5"`.     |
+| `speed`   | string | Speed of the animation (e.g., `2s`). Defaults to `2s`.  |
+| `opacity` | number | Opacity of the wave (0 to 1). Defaults to `1`.          |
 
@@ -184,1 +202,7 @@ ### Circles
 Our Mentors for guiding us through the development process; Alex, Amberle and Daniel
+
+## License
+
+[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/4DEVS-Holmesglen/DBUG-DINGOES/blob/main/MIT%20License)
+
+Available for open-source consumption under MIT licensing. See [MIT License](https://opensource.org/licenses/MIT) for more information.

src/components/Dots/Dots.jsx

 import React from "react";
-
 import PropTypes from "prop-types";
@@ -7,11 +6,11 @@ import styled, { keyframes } from "styled-components";
 const jump = keyframes`
-	0%, 60%, 100% {
-		transform: initial;
-	}
+  0%, 60%, 100% {
+    transform: initial;
+  }
 
-	30% {
-		transform: translateY(-15px);
-	}
-  
+  30% {
+    transform: translateY(-15px);
+  }
 `;
+
 const StyledSVG = styled.svg`
@@ -34,6 +33,9 @@ color: ${(props) => props.color};
 `;
-//delay between each child
-export function Dots({ colors = ["#22333B", "#FF6F61", "#B7AEA3"] }) {
-  const dots = Array.from({ length: colors.length });
 
+// Dots Component with standardized color props
+export function Dots({
+  color1 = "#22333B",
+  color2 = "#FF6F61",
+  color3 = "#B7AEA3",
+}) {
   return (
@@ -47,11 +49,5 @@ <StyledSVG
     >
-      {dots.map((dot, index) => (
-        <StyledCircle
-          cx={(index + 1) * 20}
-          cy="49.5"
-          r="8"
-          fill={colors[index]}
-          key={index}
-        />
-      ))}
+      <StyledCircle cx="20" cy="49.5" r="8" fill={color1} />
+      <StyledCircle cx="50" cy="49.5" r="8" fill={color2} />
+      <StyledCircle cx="80" cy="49.5" r="8" fill={color3} />
     </StyledSVG>
@@ -62,6 +58,7 @@ );
 Dots.propTypes = {
-  colors: PropTypes.arrayOf(PropTypes.string),
-  duration: PropTypes.string,
+  color1: PropTypes.string,
+  color2: PropTypes.string,
+  color3: PropTypes.string,
 };
 
 export default Dots;

src/components/PulseBox/PulseBox.jsx

@@ -40,3 +40,6 @@ import React from "react";
 export const PulseBox = ({
-  colors = ["#22333B", "#FF6F61", "#ffa9a1", "#22333B"],
+  color1 = "#22333B",
+  color2 = "#FF6F61",
+  color3 = "#ffa9a1",
+  color4 = "#22333B",
 }) => {
@@ -46,6 +49,6 @@ return (
       <Container>
-        <Box color={colors[0]} delay="0s" />
-        <Box color={colors[1]} delay="1s" />
-        <Box color={colors[2]} delay="3s" />
-        <Box color={colors[3]} delay="2s" />
+        <Box color={color1} delay="0s" />
+        <Box color={color2} delay="1s" />
+        <Box color={color3} delay="3s" />
+        <Box color={color4} delay="2s" />
       </Container>
@@ -52,0 +55,0 @@ </ScaledContainer>

src/components/Spin/Spin.jsx

@@ -32,3 +32,3 @@ //
   direction = "-360deg",
-  size = "100",
+  size = "100px",
 }) {
@@ -35,0 +35,0 @@ return (

src/components/Wave/Wave.jsx

@@ -33,5 +33,9 @@ import React from "react";
 // Wave Component with customizable props
-export function Wave({ size, color, opacity, speed }) {
-  const defaultColor = ["#ffa9a1", "#FF6F61"];
-  const fillColor = color || defaultColor;
+export function Wave({
+  size,
+  color1 = "#ffa9a1",
+  color2 = "#FF6F61",
+  opacity,
+  speed,
+}) {
   const defaultSpeed = "2s"; // Define the defaultSpeed here
@@ -52,3 +56,3 @@
           d="M-20.1557 23.1651L-22.4453 24.8897C-24.419 26.3763 -25.5797 28.7038 -25.5797 31.1747V49.1513C-25.5797 53.4969 -22.0568 57.0198 -17.7112 57.0198H177.69C182.035 57.0198 185.558 53.4969 185.558 49.1513V35.4992C185.558 33.2551 184.6 31.1178 182.925 29.6248L170.864 18.8764C168.17 16.4757 164.188 16.2151 161.204 18.2441L147.546 27.5318C144.981 29.2756 141.632 29.3505 138.992 27.7229L129.697 21.9924C127.336 20.5365 124.382 20.4316 121.924 21.7163L116.746 24.4218C113.56 26.0864 109.652 25.3807 107.249 22.7074L100.606 15.315C97.1909 11.5146 91.1157 11.9265 88.2447 16.1532L84.2741 21.9989C81.7837 25.6652 76.758 26.5523 73.163 23.9599L65.3646 18.3367C62.4675 16.2476 58.5267 16.3719 55.767 18.6395L48.0492 24.9813C45.3673 27.185 41.5583 27.371 38.6745 25.4392L34.8228 22.8589C31.9672 20.9459 28.2003 21.1079 25.5194 23.2588L24.128 24.3752C21.0483 26.8461 16.6143 26.652 13.7623 23.9214L11.6883 21.9356C8.71581 19.0897 4.0525 19.0148 0.990242 21.7639L-0.363153 22.9788C-3.13543 25.4676 -7.27311 25.671 -10.2762 23.4663L-10.765 23.1074C-13.5648 21.0518 -17.3813 21.0752 -20.1557 23.1651Z"
-          fill={fillColor[0]} // Apply the first color in the gradient
+          fill={color1} // Apply the first color
           speed={speed || defaultSpeed}
@@ -61,3 +65,3 @@ delay="0s" // No delay for the first part
           d="M-167.683 26.3393L-169.973 28.0639C-171.946 29.5506 -173.107 31.878 -173.107 34.3489V52.3255C-173.107 56.6711 -169.584 60.194 -165.238 60.194H30.1625C34.5082 60.194 38.031 56.6711 38.031 52.3255V38.6734C38.031 36.4294 37.0729 34.2921 35.3975 32.7991L23.3363 22.0507C20.6424 19.6499 16.6607 19.3893 13.6768 21.4184L0.0185394 30.706C-2.54597 32.4499 -5.89561 32.5247 -8.53546 30.8971L-17.8301 25.1666C-20.1915 23.7107 -23.1449 23.6058 -25.6036 24.8905L-30.7814 27.5961C-33.9669 29.2606 -37.8755 28.5549 -40.2779 25.8816L-46.921 18.4892C-50.3363 14.6888 -56.4115 15.1007 -59.2825 19.3274L-63.2531 25.1731C-65.7435 28.8395 -70.7692 29.7265 -74.3642 27.1342L-82.1626 21.5109C-85.0597 19.4218 -89.0005 19.5461 -91.7602 21.8138L-99.478 28.1555C-102.16 30.3592 -105.969 30.5453 -108.853 28.6134L-112.704 26.0331C-115.56 24.1202 -119.327 24.2821 -122.008 26.4331L-123.399 27.5494C-126.479 30.0203 -130.913 29.8262 -133.765 27.0956L-135.839 25.1098C-138.811 22.2639 -143.475 22.189 -146.537 24.9381L-147.89 26.1531C-150.663 28.6418 -154.8 28.8453 -157.803 26.6405L-158.292 26.2816C-161.092 24.226 -164.909 24.2495 -167.683 26.3393Z"
-          fill={fillColor[1]} // Apply the second color in the gradient
+          fill={color2} // Apply the second color
           speed={speed || defaultSpeed}
@@ -79,3 +83,4 @@ delay="0.2s" // Adding delay for wave propagation
   size: PropTypes.string,
-  color: PropTypes.arrayOf(PropTypes.string),
+  color1: PropTypes.string,
+  color2: PropTypes.string,
   opacity: PropTypes.number,
@@ -85,2 +90,2 @@ speed: PropTypes.string,
 
-export default Wave;
+export default Wave;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

53684

increased by24.45%

Number of package files

27

increased by35%

Lines of code

918

increased by34.41%

Number of lines in readme file

206

increased by13.19%

Worsened metrics

Number of low license alerts

1

increased byInfinity%

No dependency changes