@purr-react-styled-components/components.loading-ripple 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("clsx"),t=require("styled-components"),r=i=>t.keyframes(["0%{top:","px;left:","px;width:0;height:0;opacity:0;}4.9%{top:","px;left:","px;width:0;height:0;opacity:0;}5%{top:","px;left:","px;width:0;height:0;opacity:1;}100%{top:0px;left:0px;width:","px;height:","px;opacity:0;}"],i*.5,i*.5,i*.5,i*.5,i*.5,i*.5,i,i),l={Container:t.span.withConfig({displayName:"_style__Container",componentId:"sc-1wjgbyx-0"})(["display:flex;align-items:center;justify-content:center;width:",";height:",";"],({$fullScreen:i})=>i?"100vw":"100%",({$fullScreen:i})=>i?"100vh":"100%"),Ripple:t.span.withConfig({displayName:"_style__Ripple",componentId:"sc-1wjgbyx-1"})(["display:inline-block;position:relative;width:",";height:",";span{position:absolute;border:4px solid ",";opacity:1;border-radius:50%;animation:"," 1s cubic-bezier(0,0.2,0.8,1) infinite;}span:nth-child(2){animation-delay:-0.5s;}"],({$size:i})=>`${i+8}px`,({$size:i})=>`${i+8}px`,({$color:i})=>i,({$size:i})=>r(i))},c=({size:i=80,color:p="#00bfff",fullScreen:n=!1,className:o,htmlAttributes:a})=>e.jsx(l.Container,{...a,$fullScreen:n,className:s("loading-ripple",`loading-ripple--size-${i}`,`loading-ripple--color-${p}`,n&&"loading-ripple--fullScreen",o),children:e.jsxs(l.Ripple,{$size:i,$color:p,className:"loading-ripple-inner",children:[e.jsx("span",{}),e.jsx("span",{})]})});exports.LoadingRipple=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("clsx"),t=require("styled-components"),r=i=>t.keyframes(["0%{top:","px;left:","px;width:0;height:0;opacity:0;}4.9%{top:","px;left:","px;width:0;height:0;opacity:0;}5%{top:","px;left:","px;width:0;height:0;opacity:1;}100%{top:0px;left:0px;width:","px;height:","px;opacity:0;}"],i*.5,i*.5,i*.5,i*.5,i*.5,i*.5,i,i),l={Container:t.span.withConfig({displayName:"_style__Container",componentId:"sc-1wjgbyx-0"})(["display:flex;align-items:center;justify-content:center;width:",";height:",";"],({$fullScreen:i})=>i?"100vw":"100%",({$fullScreen:i})=>i?"100vh":"100%"),Ripple:t.span.withConfig({displayName:"_style__Ripple",componentId:"sc-1wjgbyx-1"})(["display:inline-block;position:relative;width:",";height:",";span{position:absolute;border:4px solid ",";opacity:1;border-radius:50%;animation:"," 1s cubic-bezier(0,0.2,0.8,1) infinite;}span:nth-child(2){animation-delay:-0.5s;}"],({$size:i})=>`${i+8}px`,({$size:i})=>`${i+8}px`,({$color:i})=>i,({$size:i})=>r(i))},c=({size:i=80,color:p="#000000",fullScreen:n=!1,className:o,htmlAttributes:a})=>e.jsx(l.Container,{...a,$fullScreen:n,className:s("loading-ripple",`loading-ripple--size-${i}`,`loading-ripple--color-${p}`,n&&"loading-ripple--fullScreen",o),children:e.jsxs(l.Ripple,{$size:i,$color:p,className:"loading-ripple-inner",children:[e.jsx("span",{}),e.jsx("span",{})]})});exports.LoadingRipple=c;

package/dist/index.js

@@ -22,9 +22,9 @@ const c = (i) => d(["0%{top:", "px;left:", "px;width:0;height:0;opacity:0;}4.9%{
   }) => i, ({
     $size: i
   }) => c(i))
-}, y = ({
+}, g = ({
   size: i = 80,
-  color: t = "#00bfff",
+  color: t = "#000000",
   fullScreen: e = !1,
   className: l,
   htmlAttributes: a
@@ -33,5 +33,5 @@ const c = (i) => d(["0%{top:", "px;left:", "px;width:0;height:0;opacity:0;}4.9%{
   /* @__PURE__ */ p("span", {})
 ] }) });
 export {
-  y as LoadingRipple
+  g as LoadingRipple
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.loading-ripple",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,7 +25,7 @@
     "react": "*",
     "styled-components": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.7"
+    "@purr-core/utils.definitions": "0.0.9"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",