rc-lib-ui 1.0.17 → 1.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Preloaders/components/Ball/Ball.css +1 -1
- package/dist/Preloaders/components/Ball/Ball.js +16 -16
- package/dist/Preloaders/components/RotateCube/RotateCube.css +1 -1
- package/dist/Preloaders/components/RotateCube/RotateCube.js +26 -26
- package/dist/Preloaders/components/SpinnerBorder/SpinnerBorder.css +1 -1
- package/dist/Preloaders/components/SpinnerBorder/SpinnerBorder.js +16 -16
- package/dist/Preloaders/components/SpinnerGrow/SpinnerGrow.css +1 -1
- package/dist/Preloaders/components/SpinnerGrow/SpinnerGrow.js +7 -7
- package/dist/Preloaders/components/Time/Time.css +1 -1
- package/dist/Preloaders/components/Time/Time.js +15 -15
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrap_d943f_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:100}._inner_d943f_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_d943f_20{margin:0 auto;position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_d943f_31{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._item_d943f_31._one_d943f_46{left:0%;top:0%;animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_d943f_31._two_d943f_56{right:0%;top:0%;animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_d943f_31._three_d943f_66{right:0%;bottom:0%;animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_d943f_77{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_d943f_1 .5s linear infinite alternate}@keyframes _textAnim_d943f_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _cssload-rotate-one_d943f_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_d943f_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_d943f_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsx as o, jsxs as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import r from "react";
|
|
3
3
|
import { Box as e } from "@mui/material";
|
|
4
|
-
import './Ball.css';const
|
|
5
|
-
wrap:
|
|
6
|
-
inner:
|
|
7
|
-
loader:
|
|
8
|
-
item:
|
|
9
|
-
one:
|
|
10
|
-
"cssload-rotate-one": "_cssload-rotate-
|
|
4
|
+
import './Ball.css';const d = "_wrap_d943f_1", l = "_inner_d943f_13", m = "_loader_d943f_20", f = "_item_d943f_31", i = "_one_d943f_46", w = "_cssload-rotate-one_d943f_1", h = "_two_d943f_56", p = "_cssload-rotate-two_d943f_1", x = "_three_d943f_66", R = "_cssload-rotate-three_d943f_1", N = "_text_d943f_77", $ = "_textAnim_d943f_1", t = {
|
|
5
|
+
wrap: d,
|
|
6
|
+
inner: l,
|
|
7
|
+
loader: m,
|
|
8
|
+
item: f,
|
|
9
|
+
one: i,
|
|
10
|
+
"cssload-rotate-one": "_cssload-rotate-one_d943f_1",
|
|
11
11
|
cssloadRotateOne: w,
|
|
12
12
|
two: h,
|
|
13
|
-
"cssload-rotate-two": "_cssload-rotate-
|
|
13
|
+
"cssload-rotate-two": "_cssload-rotate-two_d943f_1",
|
|
14
14
|
cssloadRotateTwo: p,
|
|
15
15
|
three: x,
|
|
16
|
-
"cssload-rotate-three": "_cssload-rotate-
|
|
16
|
+
"cssload-rotate-three": "_cssload-rotate-three_d943f_1",
|
|
17
17
|
cssloadRotateThree: R,
|
|
18
18
|
text: N,
|
|
19
19
|
textAnim: $
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */
|
|
20
|
+
}, T = r.forwardRef(({ text: s, sx: _, textPosition: c = "top" }, n) => /* @__PURE__ */ o(e, { sx: _, className: t.wrap, ref: n, children: /* @__PURE__ */ a(e, { className: t.inner, children: [
|
|
21
|
+
s && /* @__PURE__ */ o(e, { sx: { order: c === "top" ? 0 : 1 }, component: "p", className: t.text, children: s }),
|
|
22
|
+
/* @__PURE__ */ a(e, { className: t.loader, children: [
|
|
23
23
|
/* @__PURE__ */ o(e, { className: `${t.item} ${t.one}` }),
|
|
24
24
|
/* @__PURE__ */ o(e, { className: `${t.item} ${t.two}` }),
|
|
25
25
|
/* @__PURE__ */ o(e, { className: `${t.item} ${t.three}` })
|
|
26
26
|
] })
|
|
27
|
-
] }) })),
|
|
27
|
+
] }) })), O = r.memo(T);
|
|
28
28
|
export {
|
|
29
|
-
|
|
29
|
+
O as Ball
|
|
30
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrap_8wb1i_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;z-index:100}._inner_8wb1i_14{position:relative;width:200px;height:200px}._item_8wb1i_20{width:100px;height:100px;position:absolute}._one_8wb1i_26{background-color:#fa5667;top:0;left:0;animation:_oneAnim_8wb1i_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_8wb1i_33{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_8wb1i_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_8wb1i_40{background-color:#1b91f7;bottom:0;right:0;animation:_threeAnim_8wb1i_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_8wb1i_47{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_8wb1i_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}@keyframes _oneAnim_8wb1i_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_8wb1i_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_8wb1i_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_8wb1i_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
2
|
+
import { forwardRef as w, memo as b } from "react";
|
|
3
3
|
import e from "classnames";
|
|
4
4
|
import { styled as f, Box as c } from "@mui/material";
|
|
5
|
-
import './RotateCube.css';const
|
|
6
|
-
wrap:
|
|
7
|
-
inner:
|
|
8
|
-
item:
|
|
9
|
-
one:
|
|
10
|
-
oneAnim:
|
|
5
|
+
import './RotateCube.css';const x = "_wrap_8wb1i_1", h = "_inner_8wb1i_14", p = "_item_8wb1i_20", $ = "_one_8wb1i_26", A = "_oneAnim_8wb1i_1", C = "_two_8wb1i_33", g = "_twoAnim_8wb1i_1", N = "_three_8wb1i_40", R = "_threeAnim_8wb1i_1", d = "_four_8wb1i_47", k = "_fourAnim_8wb1i_1", r = {
|
|
6
|
+
wrap: x,
|
|
7
|
+
inner: h,
|
|
8
|
+
item: p,
|
|
9
|
+
one: $,
|
|
10
|
+
oneAnim: A,
|
|
11
11
|
two: C,
|
|
12
12
|
twoAnim: g,
|
|
13
|
-
three:
|
|
14
|
-
threeAnim:
|
|
15
|
-
four:
|
|
16
|
-
fourAnim:
|
|
17
|
-
},
|
|
13
|
+
three: N,
|
|
14
|
+
threeAnim: R,
|
|
15
|
+
four: d,
|
|
16
|
+
fourAnim: k
|
|
17
|
+
}, F = f(c, { shouldForwardProp: (t) => !["sizeInner"].includes(t) })(({ sizeInner: t }) => ({
|
|
18
18
|
width: t,
|
|
19
19
|
height: t
|
|
20
|
-
})),
|
|
20
|
+
})), y = ({ sizeItem: t, spread: n }) => {
|
|
21
21
|
const o = "oneAnim";
|
|
22
22
|
return {
|
|
23
23
|
[`@keyframes ${o}`]: {
|
|
@@ -32,7 +32,7 @@ import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w =
|
|
|
32
32
|
zIndex: 1,
|
|
33
33
|
animationName: o
|
|
34
34
|
};
|
|
35
|
-
},
|
|
35
|
+
}, P = ({ sizeItem: t, spread: n }) => {
|
|
36
36
|
const o = "twoAnim";
|
|
37
37
|
return {
|
|
38
38
|
[`@keyframes ${o}`]: {
|
|
@@ -46,7 +46,7 @@ import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w =
|
|
|
46
46
|
right: 0,
|
|
47
47
|
animationName: o
|
|
48
48
|
};
|
|
49
|
-
},
|
|
49
|
+
}, B = ({ sizeItem: t, spread: n }) => {
|
|
50
50
|
const o = "threeAnim";
|
|
51
51
|
return {
|
|
52
52
|
[`@keyframes ${o}`]: {
|
|
@@ -61,7 +61,7 @@ import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w =
|
|
|
61
61
|
zIndex: 1,
|
|
62
62
|
animationName: o
|
|
63
63
|
};
|
|
64
|
-
},
|
|
64
|
+
}, T = ({ sizeItem: t, spread: n }) => {
|
|
65
65
|
const o = "fourAnim";
|
|
66
66
|
return {
|
|
67
67
|
[`@keyframes ${o}`]: {
|
|
@@ -87,18 +87,18 @@ import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w =
|
|
|
87
87
|
animationDuration: "1.8s",
|
|
88
88
|
animationTimingFunction: "cubic-bezier(.6,.01,.4,1)",
|
|
89
89
|
animationIterationCount: "infinite",
|
|
90
|
-
...n === "one" &&
|
|
91
|
-
...n === "two" &&
|
|
92
|
-
...n === "three" &&
|
|
93
|
-
...n === "four" &&
|
|
94
|
-
})),
|
|
90
|
+
...n === "one" && y({ sizeItem: t, spread: o }),
|
|
91
|
+
...n === "two" && P({ sizeItem: t, spread: o }),
|
|
92
|
+
...n === "three" && B({ sizeItem: t, spread: o }),
|
|
93
|
+
...n === "four" && T({ sizeItem: t, spread: o })
|
|
94
|
+
})), j = w(({ isCircle: t = !1, variant: n = "nearby", size: o = 50, sx: u = {} }, _) => {
|
|
95
95
|
const m = o / 2, s = n === "spread" ? 20 : 0;
|
|
96
|
-
return /* @__PURE__ */ a(c, { className: e("RotateCube", r.wrap), ref: _, children: /* @__PURE__ */ l(
|
|
97
|
-
|
|
96
|
+
return /* @__PURE__ */ a(c, { sx: u, className: e("RotateCube", r.wrap), ref: _, children: /* @__PURE__ */ l(
|
|
97
|
+
F,
|
|
98
98
|
{
|
|
99
99
|
sizeInner: o,
|
|
100
100
|
className: e("RotateCube-Inner", r.inner),
|
|
101
|
-
sx: { [`& .${r.item}`]: { borderRadius: t ? "50%" : "0" }
|
|
101
|
+
sx: { [`& .${r.item}`]: { borderRadius: t ? "50%" : "0" } },
|
|
102
102
|
children: [
|
|
103
103
|
/* @__PURE__ */ a(
|
|
104
104
|
i,
|
|
@@ -139,7 +139,7 @@ import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w =
|
|
|
139
139
|
]
|
|
140
140
|
}
|
|
141
141
|
) });
|
|
142
|
-
}),
|
|
142
|
+
}), q = b(j);
|
|
143
143
|
export {
|
|
144
|
-
|
|
144
|
+
q as RotateCube
|
|
145
145
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrap_en5cx_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}._spinner_en5cx_13{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_en5cx_1}._spinnerSm_en5cx_24{width:1rem;height:1rem;border-width:.2em}._text_en5cx_30{margin-left:8px}@keyframes _SpinnerBorderAnim_en5cx_1{to{transform:rotate(360deg)}}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as a, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Box as e } from "@mui/material";
|
|
3
|
-
import
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import './SpinnerBorder.css';const B = "
|
|
3
|
+
import i from "classnames";
|
|
4
|
+
import { forwardRef as d, memo as S } from "react";
|
|
5
|
+
import './SpinnerBorder.css';const B = "_wrap_en5cx_1", f = "_spinner_en5cx_13", h = "_SpinnerBorderAnim_en5cx_1", w = "_SpinnerBorderAnim_en5cx_1", A = "_spinnerSm_en5cx_24", l = "_text_en5cx_30", n = {
|
|
6
6
|
wrap: B,
|
|
7
|
-
spinner:
|
|
8
|
-
SpinnerBorderAnim:
|
|
9
|
-
spinnerBorderAnim:
|
|
10
|
-
spinnerSm:
|
|
11
|
-
text:
|
|
12
|
-
},
|
|
13
|
-
const
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
7
|
+
spinner: f,
|
|
8
|
+
SpinnerBorderAnim: h,
|
|
9
|
+
spinnerBorderAnim: w,
|
|
10
|
+
spinnerSm: A,
|
|
11
|
+
text: l
|
|
12
|
+
}, N = d(({ sx: t = {}, bgColor: r = "primary", size: s = 16, className: p, classNameBody: m, text: c = "" }, _) => {
|
|
13
|
+
const x = r.startsWith("#") ? r : `${r}.main`;
|
|
14
|
+
return /* @__PURE__ */ a(e, { className: i(n.wrap, p), sx: { color: x, ...t }, children: [
|
|
15
|
+
/* @__PURE__ */ o(e, { className: i(`${n.spinner} ${n.spinnerSm}`, m), sx: { width: s, height: s }, ref: _ }),
|
|
16
|
+
/* @__PURE__ */ o(e, { className: i("SpinnerBorder-Text", n.text), children: c })
|
|
17
17
|
] });
|
|
18
|
-
}),
|
|
18
|
+
}), M = S(N);
|
|
19
19
|
export {
|
|
20
|
-
|
|
20
|
+
M as SpinnerBorder
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._spinner-
|
|
1
|
+
._spinner-grow_n1rpq_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_n1rpq_1;z-index:100}._spinner-grow-sm_n1rpq_13{width:1rem;height:1rem}._positionCenterByParent_n1rpq_18{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_n1rpq_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { Box as
|
|
2
|
+
import { Box as o } from "@mui/material";
|
|
3
3
|
import { forwardRef as p, memo as m } from "react";
|
|
4
|
-
import './SpinnerGrow.css';const _ = "_spinner-
|
|
5
|
-
"spinner-grow": "_spinner-
|
|
4
|
+
import './SpinnerGrow.css';const _ = "_spinner-grow_n1rpq_1", a = "_spinner-grow-sm_n1rpq_13", w = "_positionCenterByParent_n1rpq_18", e = {
|
|
5
|
+
"spinner-grow": "_spinner-grow_n1rpq_1",
|
|
6
6
|
spinnerGrow: _,
|
|
7
|
-
"spinner-grow-sm": "_spinner-grow-
|
|
7
|
+
"spinner-grow-sm": "_spinner-grow-sm_n1rpq_13",
|
|
8
8
|
spinnerGrowSm: a,
|
|
9
9
|
positionCenterByParent: w
|
|
10
10
|
}, c = p(({ sx: s, bgColor: r = "primary" }, i) => {
|
|
11
11
|
const t = r.startsWith("#") ? r : `${r}.main`;
|
|
12
|
-
return /* @__PURE__ */ n(
|
|
13
|
-
}),
|
|
12
|
+
return /* @__PURE__ */ n(o, { sx: s, className: e.positionCenterByParent, id: "preloader", ref: i, children: /* @__PURE__ */ n(o, { className: `${e["spinner-grow"]} `, bgcolor: t, role: "status" }) });
|
|
13
|
+
}), l = m(c);
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
l as SpinnerGrow
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._clockLoader_1rq2k_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:100}._item_1rq2k_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_1rq2k_13:before,._item_1rq2k_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_1rq2k_1 infinite linear}._item_1rq2k_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_1rq2k_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_1rq2k_1{to{transform:translateY(-45%) rotate(1turn)}}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
1
|
+
import { jsxs as i, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import n, { forwardRef as l } from "react";
|
|
3
|
-
import { Box as
|
|
4
|
-
import './Time.css';const d = "
|
|
3
|
+
import { Box as s } from "@mui/material";
|
|
4
|
+
import './Time.css';const d = "_clockLoader_1rq2k_1", _ = "_item_1rq2k_13", f = "_spin_1rq2k_1", o = {
|
|
5
5
|
clockLoader: d,
|
|
6
|
-
item:
|
|
7
|
-
spin:
|
|
8
|
-
},
|
|
9
|
-
const
|
|
10
|
-
return /* @__PURE__ */ i(
|
|
11
|
-
/* @__PURE__ */
|
|
12
|
-
|
|
6
|
+
item: _,
|
|
7
|
+
spin: f
|
|
8
|
+
}, k = l(({ sx: t, color: r = "primary", children: m }, a) => {
|
|
9
|
+
const e = r.startsWith("#") ? r : `${r}.main`;
|
|
10
|
+
return /* @__PURE__ */ i(s, { sx: t, className: `${o.clockLoader} d-flex flex-column`, ref: a, children: [
|
|
11
|
+
/* @__PURE__ */ c(
|
|
12
|
+
s,
|
|
13
13
|
{
|
|
14
14
|
sx: {
|
|
15
|
-
borderColor:
|
|
16
|
-
"&:after, &:before": { backgroundColor:
|
|
15
|
+
borderColor: e,
|
|
16
|
+
"&:after, &:before": { backgroundColor: e }
|
|
17
17
|
},
|
|
18
18
|
className: o.item
|
|
19
19
|
}
|
|
20
20
|
),
|
|
21
|
-
/* @__PURE__ */
|
|
21
|
+
/* @__PURE__ */ c("div", { className: `${o.clockLoader} ${o.title}`, children: m })
|
|
22
22
|
] });
|
|
23
|
-
}),
|
|
23
|
+
}), $ = n.memo(k);
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
$ as Time
|
|
26
26
|
};
|