rc-lib-ui 1.0.4 → 1.0.6
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/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrap_11qpb_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:105}._inner_11qpb_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_11qpb_20{position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_11qpb_30{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_11qpb_30._one_11qpb_45{left:0%;top:0%;animation:_cssload-rotate-one_11qpb_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_11qpb_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_11qpb_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_11qpb_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_11qpb_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_11qpb_30._two_11qpb_55{right:0%;top:0%;animation:_cssload-rotate-two_11qpb_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_11qpb_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_11qpb_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_11qpb_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_11qpb_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_11qpb_30._three_11qpb_65{right:0%;bottom:0%;animation:_cssload-rotate-three_11qpb_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_11qpb_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_11qpb_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_11qpb_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_11qpb_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_11qpb_76{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_11qpb_1 .5s linear infinite alternate}@keyframes _textAnim_11qpb_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _cssload-rotate-one_11qpb_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_11qpb_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_11qpb_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
3
|
export interface BallProps {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
text?: string;
|
|
5
|
+
textPosition?: 'top' | 'bottom';
|
|
6
6
|
sx?: SxProps;
|
|
7
7
|
}
|
|
8
8
|
export declare const Ball: React.MemoExoticComponent<React.ForwardRefExoticComponent<BallProps & React.RefAttributes<HTMLDivElement>>>;
|
|
@@ -1,32 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import { Box as
|
|
4
|
-
import './Ball.css';const
|
|
5
|
-
wrap:
|
|
1
|
+
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import r from "react";
|
|
3
|
+
import { Box as e } from "@mui/material";
|
|
4
|
+
import './Ball.css';const l = "_wrap_11qpb_1", p = "_inner_11qpb_13", m = "_loader_11qpb_20", d = "_item_11qpb_30", i = "_one_11qpb_45", b = "_cssload-rotate-one_11qpb_1", q = "_two_11qpb_55", w = "_cssload-rotate-two_11qpb_1", h = "_three_11qpb_65", x = "_cssload-rotate-three_11qpb_1", R = "_text_11qpb_76", N = "_textAnim_11qpb_1", t = {
|
|
5
|
+
wrap: l,
|
|
6
|
+
inner: p,
|
|
6
7
|
loader: m,
|
|
7
|
-
|
|
8
|
-
one:
|
|
9
|
-
"cssload-rotate-one": "_cssload-rotate-
|
|
10
|
-
cssloadRotateOne:
|
|
11
|
-
two:
|
|
12
|
-
"cssload-rotate-two": "_cssload-rotate-
|
|
13
|
-
cssloadRotateTwo:
|
|
14
|
-
three:
|
|
15
|
-
"cssload-rotate-three": "_cssload-rotate-
|
|
16
|
-
cssloadRotateThree:
|
|
17
|
-
text:
|
|
18
|
-
textAnim:
|
|
19
|
-
},
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
] }),
|
|
28
|
-
s ? /* @__PURE__ */ e(o, { component: "p", className: t.text, children: `Загрузка ${s} ...` }) : ""
|
|
29
|
-
] })), u = a.memo(B);
|
|
8
|
+
item: d,
|
|
9
|
+
one: i,
|
|
10
|
+
"cssload-rotate-one": "_cssload-rotate-one_11qpb_1",
|
|
11
|
+
cssloadRotateOne: b,
|
|
12
|
+
two: q,
|
|
13
|
+
"cssload-rotate-two": "_cssload-rotate-two_11qpb_1",
|
|
14
|
+
cssloadRotateTwo: w,
|
|
15
|
+
three: h,
|
|
16
|
+
"cssload-rotate-three": "_cssload-rotate-three_11qpb_1",
|
|
17
|
+
cssloadRotateThree: x,
|
|
18
|
+
text: R,
|
|
19
|
+
textAnim: N
|
|
20
|
+
}, $ = 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
|
+
/* @__PURE__ */ o(e, { className: `${t.item} ${t.one}` }),
|
|
24
|
+
/* @__PURE__ */ o(e, { className: `${t.item} ${t.two}` }),
|
|
25
|
+
/* @__PURE__ */ o(e, { className: `${t.item} ${t.three}` })
|
|
26
|
+
] })
|
|
27
|
+
] }) })), B = r.memo($);
|
|
30
28
|
export {
|
|
31
|
-
|
|
29
|
+
B as Ball
|
|
32
30
|
};
|
package/package.json
CHANGED
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rc-lib-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"author": "SinGlEBW",
|
|
6
6
|
"license": "MIT",
|
|
7
|
-
|
|
8
7
|
"type": "module",
|
|
9
8
|
"module": "./dist/index.js",
|
|
10
9
|
"main": "./dist/index.js",
|
|
11
10
|
"types": "./dist/index.d.ts",
|
|
12
|
-
|
|
13
11
|
"files": [
|
|
14
12
|
"dist"
|
|
15
13
|
],
|
|
16
14
|
"publishConfig": {
|
|
17
15
|
"access": "public",
|
|
18
|
-
"registry": "https://registry.npmjs.org/"
|
|
16
|
+
"registry": "https://registry.npmjs.org/",
|
|
17
|
+
"directory": "dist"
|
|
19
18
|
},
|
|
20
19
|
"keywords": [
|
|
21
20
|
"rc-lib-ui"
|
|
@@ -24,33 +23,33 @@
|
|
|
24
23
|
"dev": "vite",
|
|
25
24
|
"build": "tsc && vite build",
|
|
26
25
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
27
|
-
"preview": "vite preview"
|
|
26
|
+
"preview": "vite preview",
|
|
27
|
+
"doc": "storybook dev -p 6006",
|
|
28
|
+
"doc-build": "storybook build"
|
|
28
29
|
},
|
|
29
30
|
"dependencies": {
|
|
30
31
|
"@emotion/react": "^11.13.3",
|
|
31
32
|
"@emotion/styled": "^11.13.0",
|
|
32
33
|
"@mui/material": "^6.1.0",
|
|
33
34
|
"@mui/styled-engine": "^6.1.0",
|
|
35
|
+
|
|
34
36
|
"classnames": "^2.5.1",
|
|
35
37
|
"rc-lib-ui": "^1.0.0",
|
|
36
|
-
"react": "^18.2.0",
|
|
37
|
-
"react-dom": "^18.2.0",
|
|
38
|
-
"react-transition-group": "^4.4.5"
|
|
39
|
-
},
|
|
40
|
-
|
|
41
|
-
"peerDependencies": {
|
|
42
|
-
"@emotion/react": "^11.13.3",
|
|
43
|
-
"@emotion/styled": "^11.13.0",
|
|
44
|
-
"@mui/material": "^6.1.0",
|
|
45
|
-
"@mui/styled-engine": "^6.1.0",
|
|
46
|
-
"classnames": "^2.5.1",
|
|
47
38
|
"react": "^18.2.0 || ^19.0.0",
|
|
48
39
|
"react-dom": "^18.2.0 || ^19.0.0",
|
|
49
40
|
"react-transition-group": "^4.4.5"
|
|
50
41
|
},
|
|
51
|
-
"peerDependenciesMeta": {},
|
|
52
42
|
"devDependencies": {
|
|
53
|
-
"
|
|
43
|
+
"@storybook/builder-vite": "^8.3.0",
|
|
44
|
+
"@chromatic-com/storybook": "^1.9.0",
|
|
45
|
+
"@storybook/addon-essentials": "^8.3.0",
|
|
46
|
+
"@storybook/addon-interactions": "^8.3.0",
|
|
47
|
+
"@storybook/addon-links": "^8.3.0",
|
|
48
|
+
"@storybook/addon-onboarding": "^8.3.0",
|
|
49
|
+
"@storybook/blocks": "^8.3.0",
|
|
50
|
+
"@storybook/react": "^8.3.0",
|
|
51
|
+
"@storybook/react-vite": "^8.3.0",
|
|
52
|
+
"@storybook/test": "^8.3.0",
|
|
54
53
|
"@types/node": "^22.5.4",
|
|
55
54
|
"@types/react": "^18.2.64",
|
|
56
55
|
"@types/react-dom": "^18.2.21",
|
|
@@ -61,13 +60,27 @@
|
|
|
61
60
|
"eslint": "^8.57.0",
|
|
62
61
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
63
62
|
"eslint-plugin-react-refresh": "^0.4.5",
|
|
63
|
+
"eslint-plugin-storybook": "^0.8.0",
|
|
64
64
|
"glob": "^11.0.0",
|
|
65
65
|
"prettier": "^3.3.3",
|
|
66
66
|
"sass": "^1.78.0",
|
|
67
|
+
"sass-embedded": "^1.78.0",
|
|
68
|
+
"storybook": "^8.3.0",
|
|
67
69
|
"typescript": "^5.2.2",
|
|
68
70
|
"typescript-plugin-css-modules": "^5.1.0",
|
|
69
71
|
"vite": "^5.1.6",
|
|
70
72
|
"vite-plugin-dts": "^4.2.1",
|
|
71
73
|
"vite-plugin-lib-inject-css": "^2.1.1"
|
|
72
|
-
}
|
|
74
|
+
},
|
|
75
|
+
"peerDependencies": {
|
|
76
|
+
"@emotion/react": "^11.13.3",
|
|
77
|
+
"@emotion/styled": "^11.13.0",
|
|
78
|
+
"@mui/material": "^6.1.0",
|
|
79
|
+
"@mui/styled-engine": "^6.1.0",
|
|
80
|
+
"classnames": "^2.5.1",
|
|
81
|
+
"react": "^18.2.0 || ^19.0.0",
|
|
82
|
+
"react-dom": "^18.2.0 || ^19.0.0",
|
|
83
|
+
"react-transition-group": "^4.4.5"
|
|
84
|
+
},
|
|
85
|
+
"peerDependenciesMeta": {}
|
|
73
86
|
}
|