stone-kit 0.0.1 → 0.0.3
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/assets/Button.css +1 -0
- package/dist/components/Button/index.js +4 -0
- package/dist/components/Button/ui/Button.js +121 -0
- package/dist/components/Button/ui/Button.types.js +11 -0
- package/dist/main.js +4 -0
- package/package.json +68 -62
- package/dist/stone-kit.js +0 -99
- package/dist/style.css +0 -1
- package/dist/vite.svg +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._btnCommon_4cp41_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_4cp41_1:disabled{opacity:.2}._auto-width_4cp41_17{width:auto}._full-width_4cp41_21{width:100%}._l-size_4cp41_25{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._m-size_4cp41_33{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._s-size_4cp41_41{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._xs-size_4cp41_49{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._blue_4cp41_57{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_4cp41_57:hover,._blue_4cp41_57:focus{background:#024ac0;border:1px solid #024ac0}._blue_4cp41_57:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_4cp41_71{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_4cp41_71:hover,._sokolniki_4cp41_71:focus{background:#494f29;border:1px solid #494f29}._sokolniki_4cp41_71:active{background:#303519;border:1px solid #303519}._black_4cp41_85{background:#141416;border:1px solid #141416;color:#fff}._black_4cp41_85:hover,._black_4cp41_85:focus{background:#23262f;border:1px solid #353945}._black_4cp41_85:active{background:#353945;border:1px solid #777e90}._gray_4cp41_99{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_4cp41_99:hover,._gray_4cp41_99:focus{background:#f4f5f6;border:1px solid #b1b5c3}._gray_4cp41_99:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_4cp41_113{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_4cp41_113:hover,._whiteStroke_4cp41_113:focus{border:1px solid #b1b5c3}._whiteStroke_4cp41_113:active{border:1px solid #141416}._whiteFilled_4cp41_125{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_4cp41_125:hover,._whiteFilled_4cp41_125:focus{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_4cp41_125:active{background:#f4f5f6;border:1px solid #f4f5f6}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { jsxs as a, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import '../../../assets/Button.css';function z(e) {
|
|
3
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
+
}
|
|
5
|
+
var u = { exports: {} };
|
|
6
|
+
/*!
|
|
7
|
+
Copyright (c) 2018 Jed Watson.
|
|
8
|
+
Licensed under the MIT License (MIT), see
|
|
9
|
+
http://jedwatson.github.io/classnames
|
|
10
|
+
*/
|
|
11
|
+
(function(e) {
|
|
12
|
+
(function() {
|
|
13
|
+
var o = {}.hasOwnProperty;
|
|
14
|
+
function i() {
|
|
15
|
+
for (var t = "", n = 0; n < arguments.length; n++) {
|
|
16
|
+
var s = arguments[n];
|
|
17
|
+
s && (t = c(t, r(s)));
|
|
18
|
+
}
|
|
19
|
+
return t;
|
|
20
|
+
}
|
|
21
|
+
function r(t) {
|
|
22
|
+
if (typeof t == "string" || typeof t == "number")
|
|
23
|
+
return t;
|
|
24
|
+
if (typeof t != "object")
|
|
25
|
+
return "";
|
|
26
|
+
if (Array.isArray(t))
|
|
27
|
+
return i.apply(null, t);
|
|
28
|
+
if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
|
|
29
|
+
return t.toString();
|
|
30
|
+
var n = "";
|
|
31
|
+
for (var s in t)
|
|
32
|
+
o.call(t, s) && t[s] && (n = c(n, s));
|
|
33
|
+
return n;
|
|
34
|
+
}
|
|
35
|
+
function c(t, n) {
|
|
36
|
+
return n ? t ? t + " " + n : t + n : t;
|
|
37
|
+
}
|
|
38
|
+
e.exports ? (i.default = i, e.exports = i) : window.classNames = i;
|
|
39
|
+
})();
|
|
40
|
+
})(u);
|
|
41
|
+
var S = u.exports;
|
|
42
|
+
const j = /* @__PURE__ */ z(S), f = "_btnCommon_4cp41_1", m = "_blue_4cp41_57", p = "_sokolniki_4cp41_71", d = "_black_4cp41_85", b = "_gray_4cp41_99", h = "_whiteStroke_4cp41_113", w = "_whiteFilled_4cp41_125", x = {
|
|
43
|
+
btnCommon: f,
|
|
44
|
+
"auto-width": "_auto-width_4cp41_17",
|
|
45
|
+
"full-width": "_full-width_4cp41_21",
|
|
46
|
+
"l-size": "_l-size_4cp41_25",
|
|
47
|
+
"m-size": "_m-size_4cp41_33",
|
|
48
|
+
"s-size": "_s-size_4cp41_41",
|
|
49
|
+
"xs-size": "_xs-size_4cp41_49",
|
|
50
|
+
blue: m,
|
|
51
|
+
sokolniki: p,
|
|
52
|
+
black: d,
|
|
53
|
+
gray: b,
|
|
54
|
+
whiteStroke: h,
|
|
55
|
+
whiteFilled: w
|
|
56
|
+
}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
57
|
+
__proto__: null,
|
|
58
|
+
black: d,
|
|
59
|
+
blue: m,
|
|
60
|
+
btnCommon: f,
|
|
61
|
+
default: x,
|
|
62
|
+
gray: b,
|
|
63
|
+
sokolniki: p,
|
|
64
|
+
whiteFilled: w,
|
|
65
|
+
whiteStroke: h
|
|
66
|
+
}, Symbol.toStringTag, { value: "Module" })), _ = j.bind($), N = ({
|
|
67
|
+
size: e = "l",
|
|
68
|
+
pre: o = !1,
|
|
69
|
+
children: i = "",
|
|
70
|
+
post: r = !1,
|
|
71
|
+
variant: c = "blue",
|
|
72
|
+
width: t = "auto",
|
|
73
|
+
additionalClass: n,
|
|
74
|
+
...s
|
|
75
|
+
}) => {
|
|
76
|
+
if (s.as === "link") {
|
|
77
|
+
const { as: v, ...k } = s;
|
|
78
|
+
return /* @__PURE__ */ a(
|
|
79
|
+
"a",
|
|
80
|
+
{
|
|
81
|
+
className: _(
|
|
82
|
+
"btnCommon",
|
|
83
|
+
`${e}-size`,
|
|
84
|
+
`${c}`,
|
|
85
|
+
{ btnCommonInline: o || r },
|
|
86
|
+
`${t}-width`,
|
|
87
|
+
`${n ?? ""}`
|
|
88
|
+
),
|
|
89
|
+
...k,
|
|
90
|
+
children: [
|
|
91
|
+
o && /* @__PURE__ */ l("span", { children: o }),
|
|
92
|
+
i,
|
|
93
|
+
r && /* @__PURE__ */ l("span", { children: r })
|
|
94
|
+
]
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
}
|
|
98
|
+
const { as: O, ...y } = s;
|
|
99
|
+
return /* @__PURE__ */ a(
|
|
100
|
+
"button",
|
|
101
|
+
{
|
|
102
|
+
className: _(
|
|
103
|
+
"btnCommon",
|
|
104
|
+
`${e}-size`,
|
|
105
|
+
`${c}`,
|
|
106
|
+
{ btnCommonInline: o || r },
|
|
107
|
+
`${t}-width`,
|
|
108
|
+
`${n ?? ""}`
|
|
109
|
+
),
|
|
110
|
+
...y,
|
|
111
|
+
children: [
|
|
112
|
+
o && /* @__PURE__ */ l("span", { children: o }),
|
|
113
|
+
i,
|
|
114
|
+
r && /* @__PURE__ */ l("span", { children: r })
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
);
|
|
118
|
+
};
|
|
119
|
+
export {
|
|
120
|
+
N as default
|
|
121
|
+
};
|
package/dist/main.js
ADDED
package/package.json
CHANGED
|
@@ -1,64 +1,70 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
2
|
+
"name": "stone-kit",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.0.3",
|
|
5
|
+
"author": "Mollycodd1e",
|
|
6
|
+
"license": "ISC",
|
|
7
|
+
"type": "module",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"dev": "vite",
|
|
10
|
+
"build": "tsc && vite build",
|
|
11
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
12
|
+
"preview": "vite preview",
|
|
13
|
+
"prepublishOnly": "npm run build"
|
|
14
|
+
},
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"classnames": "^2.5.1"
|
|
17
|
+
},
|
|
18
|
+
"devDependencies": {
|
|
19
|
+
"@testing-library/dom": "^10.1.0",
|
|
20
|
+
"@testing-library/react": "^15.0.7",
|
|
21
|
+
"@types/node": "^20.12.12",
|
|
22
|
+
"@types/react": "^18.2.66",
|
|
23
|
+
"@types/react-dom": "^18.2.22",
|
|
24
|
+
"@typescript-eslint/eslint-plugin": "^7.2.0",
|
|
25
|
+
"@typescript-eslint/parser": "^7.2.0",
|
|
26
|
+
"@vitejs/plugin-react": "^4.2.1",
|
|
27
|
+
"c8": "^9.1.0",
|
|
28
|
+
"eslint": "^8.57.0",
|
|
29
|
+
"eslint-plugin-react": "^7.34.1",
|
|
30
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
31
|
+
"eslint-plugin-react-refresh": "^0.4.6",
|
|
32
|
+
"glob": "^10.3.16",
|
|
33
|
+
"jsdom": "^24.0.0",
|
|
34
|
+
"react": "^18.2.0",
|
|
35
|
+
"react-dom": "^18.2.0",
|
|
36
|
+
"react-test-renderer": "^18.3.1",
|
|
37
|
+
"sass": "^1.77.2",
|
|
38
|
+
"typescript": "^5.2.2",
|
|
39
|
+
"vite": "^5.2.0",
|
|
40
|
+
"vite-plugin-dts": "^3.9.1",
|
|
41
|
+
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
42
|
+
"vitest": "^1.6.0"
|
|
43
|
+
},
|
|
44
|
+
"main": "dist/main.js",
|
|
45
|
+
"types": "dist/main.d.ts",
|
|
46
|
+
"files": [
|
|
47
|
+
"dist"
|
|
48
|
+
],
|
|
49
|
+
"sideEffects": [
|
|
50
|
+
"**/*.css"
|
|
51
|
+
],
|
|
52
|
+
"description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
|
|
53
|
+
"directories": {
|
|
54
|
+
"lib": "lib"
|
|
55
|
+
},
|
|
56
|
+
"repository": {
|
|
57
|
+
"type": "git",
|
|
58
|
+
"url": "git+https://github.com/Mollycodd1e/viteKit.git"
|
|
59
|
+
},
|
|
60
|
+
"keywords": [
|
|
61
|
+
"kit",
|
|
62
|
+
"stone",
|
|
63
|
+
"ui"
|
|
64
|
+
],
|
|
65
|
+
"bugs": {
|
|
66
|
+
"url": "https://github.com/Mollycodd1e/viteKit/issues"
|
|
67
|
+
},
|
|
68
|
+
"homepage": "https://github.com/Mollycodd1e/viteKit#readme"
|
|
64
69
|
}
|
|
70
|
+
|
package/dist/stone-kit.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
function d(e) {
|
|
3
|
-
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
-
}
|
|
5
|
-
var f = { exports: {} };
|
|
6
|
-
/*!
|
|
7
|
-
Copyright (c) 2018 Jed Watson.
|
|
8
|
-
Licensed under the MIT License (MIT), see
|
|
9
|
-
http://jedwatson.github.io/classnames
|
|
10
|
-
*/
|
|
11
|
-
(function(e) {
|
|
12
|
-
(function() {
|
|
13
|
-
var s = {}.hasOwnProperty;
|
|
14
|
-
function o() {
|
|
15
|
-
for (var n = "", t = 0; t < arguments.length; t++) {
|
|
16
|
-
var r = arguments[t];
|
|
17
|
-
r && (n = i(n, c(r)));
|
|
18
|
-
}
|
|
19
|
-
return n;
|
|
20
|
-
}
|
|
21
|
-
function c(n) {
|
|
22
|
-
if (typeof n == "string" || typeof n == "number")
|
|
23
|
-
return n;
|
|
24
|
-
if (typeof n != "object")
|
|
25
|
-
return "";
|
|
26
|
-
if (Array.isArray(n))
|
|
27
|
-
return o.apply(null, n);
|
|
28
|
-
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
29
|
-
return n.toString();
|
|
30
|
-
var t = "";
|
|
31
|
-
for (var r in n)
|
|
32
|
-
s.call(n, r) && n[r] && (t = i(t, r));
|
|
33
|
-
return t;
|
|
34
|
-
}
|
|
35
|
-
function i(n, t) {
|
|
36
|
-
return t ? n ? n + " " + t : n + t : n;
|
|
37
|
-
}
|
|
38
|
-
e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
|
|
39
|
-
})();
|
|
40
|
-
})(f);
|
|
41
|
-
var p = f.exports;
|
|
42
|
-
const h = /* @__PURE__ */ d(p), y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
43
|
-
__proto__: null
|
|
44
|
-
}, Symbol.toStringTag, { value: "Module" })), u = h.bind(y), S = ({
|
|
45
|
-
size: e = "l",
|
|
46
|
-
pre: s = !1,
|
|
47
|
-
children: o = "",
|
|
48
|
-
post: c = !1,
|
|
49
|
-
variant: i = "blue",
|
|
50
|
-
width: n = "auto",
|
|
51
|
-
additionalClass: t,
|
|
52
|
-
...r
|
|
53
|
-
}) => {
|
|
54
|
-
if (r.as === "link") {
|
|
55
|
-
const { as: $, ...b } = r;
|
|
56
|
-
return /* @__PURE__ */ l(
|
|
57
|
-
"a",
|
|
58
|
-
{
|
|
59
|
-
className: u(
|
|
60
|
-
"btnCommon",
|
|
61
|
-
`${e}-size`,
|
|
62
|
-
`${i}`,
|
|
63
|
-
{ btnCommonInline: s || c },
|
|
64
|
-
`${n}-width`,
|
|
65
|
-
`${t ?? ""}`
|
|
66
|
-
),
|
|
67
|
-
...b,
|
|
68
|
-
children: [
|
|
69
|
-
s && /* @__PURE__ */ a("span", { children: s }),
|
|
70
|
-
o,
|
|
71
|
-
c && /* @__PURE__ */ a("span", { children: c })
|
|
72
|
-
]
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
|
-
const { as: j, ...m } = r;
|
|
77
|
-
return /* @__PURE__ */ l(
|
|
78
|
-
"button",
|
|
79
|
-
{
|
|
80
|
-
className: u(
|
|
81
|
-
"btnCommon",
|
|
82
|
-
`${e}-size`,
|
|
83
|
-
`${i}`,
|
|
84
|
-
{ btnCommonInline: s || c },
|
|
85
|
-
`${n}-width`,
|
|
86
|
-
`${t ?? ""}`
|
|
87
|
-
),
|
|
88
|
-
...m,
|
|
89
|
-
children: [
|
|
90
|
-
s && /* @__PURE__ */ a("span", { children: s }),
|
|
91
|
-
o,
|
|
92
|
-
c && /* @__PURE__ */ a("span", { children: c })
|
|
93
|
-
]
|
|
94
|
-
}
|
|
95
|
-
);
|
|
96
|
-
};
|
|
97
|
-
export {
|
|
98
|
-
S as Button
|
|
99
|
-
};
|
package/dist/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.btnCommon{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}.btnCommon:disabled{opacity:.2}.auto-width{width:auto}.full-width{width:100%}.l-size{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}.m-size{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}.s-size{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}.xs-size{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}.blue{background:#015ff9;border:1px solid #015ff9;color:#fff}.blue:hover,.blue:focus{background:#024ac0;border:1px solid #024ac0}.blue:active{background:#0645aa;border:1px solid #0645aa}.sokolniki{background:#60663e;border:1px solid #60663e;color:#fff}.sokolniki:hover,.sokolniki:focus{background:#494f29;border:1px solid #494f29}.sokolniki:active{background:#303519;border:1px solid #303519}.black{background:#141416;border:1px solid #141416;color:#fff}.black:hover,.black:focus{background:#23262f;border:1px solid #353945}.black:active{background:#353945;border:1px solid #777e90}.gray{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}.gray:hover,.gray:focus{background:#f4f5f6;border:1px solid #b1b5c3}.gray:active{background:#e6e8ec;border:1px solid #b1b5c3}.whiteStroke{background:#fff;border:1px solid #e6e8ec;color:#141416}.whiteStroke:hover,.whiteStroke:focus{border:1px solid #b1b5c3}.whiteStroke:active{border:1px solid #141416}.whiteFilled{background:#fff;border:1px solid #ffffff;color:#141416}.whiteFilled:hover,.whiteFilled:focus{background:#fcfcfd;border:1px solid #f4f5f6}.whiteFilled:active{background:#f4f5f6;border:1px solid #f4f5f6}
|
package/dist/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|