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

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("clsx"),s=require("styled-components"),c=s.keyframes(["0%{transform:scale(0);}100%{transform:scale(1);}"]),a=n=>s.keyframes(["0%{transform:translate(0,0);}100%{transform:",";}"],`translate(${5*n/3}px, 0)`),d=s.keyframes(["0%{transform:scale(1);}100%{transform:scale(0);}"]),l={Container:s.span.withConfig({displayName:"_style__Container",componentId:"sc-1ktgpxe-0"})(["display:flex;align-items:center;justify-content:center;width:",";height:",";"],({$fullScreen:n})=>n?"100vw":"100%",({$fullScreen:n})=>n?"100vh":"100%"),Spinner:s.span.withConfig({displayName:"_style__Spinner",componentId:"sc-1ktgpxe-1"})(["display:flex;position:relative;width:",";height:",";span{position:absolute;width:",";height:",";border-radius:50%;background:",";}span:nth-child(1){left:",";animation:"," 0.6s infinite;}span:nth-child(2){left:",";animation:"," 0.6s infinite;}span:nth-child(3){left:",";animation:"," 0.6s infinite;}span:nth-child(4){left:",";animation:"," 0.6s infinite;}"],({$size:n})=>`${17*n/3}px`,({$size:n})=>`${n}px`,({$size:n})=>`${n}px`,({$size:n})=>`${n}px`,({$color:n})=>n,({$size:n})=>`${2*n/3}px`,c,({$size:n})=>`${2*n/3}px`,({$size:n})=>a(n),({$size:n})=>`${7*n/3}px`,({$size:n})=>a(n),({$size:n})=>`${4*n}px`,d)},f=({size:n=12,color:e="#00bfff",fullScreen:t=!1,className:o,htmlAttributes:r})=>i.jsx(l.Container,{...r,$fullScreen:t,className:p("loading-ellipsis",`loading-ellipsis--size-${n}`,`loading-ellipsis--color-${e}`,t&&"loading-ellipsis--fullScreen",o),children:i.jsxs(l.Spinner,{$size:n,$color:e,className:"loading-ellipsis-inner",children:[i.jsx("span",{}),i.jsx("span",{}),i.jsx("span",{}),i.jsx("span",{})]})});exports.LoadingEllipsis=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("clsx"),s=require("styled-components"),c=s.keyframes(["0%{transform:scale(0);}100%{transform:scale(1);}"]),a=n=>s.keyframes(["0%{transform:translate(0,0);}100%{transform:",";}"],`translate(${5*n/3}px, 0)`),d=s.keyframes(["0%{transform:scale(1);}100%{transform:scale(0);}"]),l={Container:s.span.withConfig({displayName:"_style__Container",componentId:"sc-1ktgpxe-0"})(["display:flex;align-items:center;justify-content:center;width:",";height:",";"],({$fullScreen:n})=>n?"100vw":"100%",({$fullScreen:n})=>n?"100vh":"100%"),Spinner:s.span.withConfig({displayName:"_style__Spinner",componentId:"sc-1ktgpxe-1"})(["display:flex;position:relative;width:",";height:",";span{position:absolute;width:",";height:",";border-radius:50%;background:",";}span:nth-child(1){left:",";animation:"," 0.6s infinite;}span:nth-child(2){left:",";animation:"," 0.6s infinite;}span:nth-child(3){left:",";animation:"," 0.6s infinite;}span:nth-child(4){left:",";animation:"," 0.6s infinite;}"],({$size:n})=>`${17*n/3}px`,({$size:n})=>`${n}px`,({$size:n})=>`${n}px`,({$size:n})=>`${n}px`,({$color:n})=>n,({$size:n})=>`${2*n/3}px`,c,({$size:n})=>`${2*n/3}px`,({$size:n})=>a(n),({$size:n})=>`${7*n/3}px`,({$size:n})=>a(n),({$size:n})=>`${4*n}px`,d)},f=({size:n=12,color:e="#000000",fullScreen:t=!1,className:o,htmlAttributes:r})=>i.jsx(l.Container,{...r,$fullScreen:t,className:p("loading-ellipsis",`loading-ellipsis--size-${n}`,`loading-ellipsis--color-${e}`,t&&"loading-ellipsis--fullScreen",o),children:i.jsxs(l.Spinner,{$size:n,$color:e,className:"loading-ellipsis-inner",children:[i.jsx("span",{}),i.jsx("span",{}),i.jsx("span",{}),i.jsx("span",{})]})});exports.LoadingEllipsis=f;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import c from "clsx";
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import d from "clsx";
 import a, { keyframes as s } from "styled-components";
-const d = /* @__PURE__ */ s(["0%{transform:scale(0);}100%{transform:scale(1);}"]), o = (n) => s(["0%{transform:translate(0,0);}100%{transform:", ";}"], `translate(${5 * n / 3}px, 0)`), m = /* @__PURE__ */ s(["0%{transform:scale(1);}100%{transform:scale(0);}"]), l = {
+const m = /* @__PURE__ */ s(["0%{transform:scale(0);}100%{transform:scale(1);}"]), o = (n) => s(["0%{transform:translate(0,0);}100%{transform:", ";}"], `translate(${5 * n / 3}px, 0)`), f = /* @__PURE__ */ s(["0%{transform:scale(1);}100%{transform:scale(0);}"]), l = {
   Container: a.span.withConfig({
     displayName: "_style__Container",
     componentId: "sc-1ktgpxe-0"
@@ -25,7 +25,7 @@ const d = /* @__PURE__ */ s(["0%{transform:scale(0);}100%{transform:scale(1);}"]
     $color: n
   }) => n, ({
     $size: n
-  }) => `${2 * n / 3}px`, d, ({
+  }) => `${2 * n / 3}px`, m, ({
     $size: n
   }) => `${2 * n / 3}px`, ({
     $size: n
@@ -35,14 +35,14 @@ const d = /* @__PURE__ */ s(["0%{transform:scale(0);}100%{transform:scale(1);}"]
     $size: n
   }) => o(n), ({
     $size: n
-  }) => `${4 * n}px`, m)
+  }) => `${4 * n}px`, f)
 }, $ = ({
   size: n = 12,
-  color: t = "#00bfff",
+  color: t = "#000000",
   fullScreen: e = !1,
   className: p,
   htmlAttributes: r
-}) => /* @__PURE__ */ i(l.Container, { ...r, $fullScreen: e, className: c("loading-ellipsis", `loading-ellipsis--size-${n}`, `loading-ellipsis--color-${t}`, e && "loading-ellipsis--fullScreen", p), children: /* @__PURE__ */ f(l.Spinner, { $size: n, $color: t, className: "loading-ellipsis-inner", children: [
+}) => /* @__PURE__ */ i(l.Container, { ...r, $fullScreen: e, className: d("loading-ellipsis", `loading-ellipsis--size-${n}`, `loading-ellipsis--color-${t}`, e && "loading-ellipsis--fullScreen", p), children: /* @__PURE__ */ c(l.Spinner, { $size: n, $color: t, className: "loading-ellipsis-inner", children: [
   /* @__PURE__ */ i("span", {}),
   /* @__PURE__ */ i("span", {}),
   /* @__PURE__ */ i("span", {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.loading-ellipsis",
-  "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",