stone-kit 0.0.764 → 0.0.765
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 +59 -59
- package/dist/components/NewIcon/ui/NewIcon.js +16 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
# Stone-kit
|
|
2
|
-
|
|
3
|
-
Uikit for stone redesign 2.0
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Package installation:
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm i stone-kit@latest
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
For Next.js page router in App.tsx:
|
|
16
|
-
|
|
17
|
-
```bash
|
|
18
|
-
import 'stone-kit/dist/style.css'
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
and then:
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
import {Button} from 'stone-kit'
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
For other projects u can immediately:
|
|
28
|
-
|
|
29
|
-
```bash
|
|
30
|
-
import {Button} from 'stone-kit'
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Docs
|
|
34
|
-
|
|
35
|
-
### ButtonProps
|
|
36
|
-
|
|
37
|
-
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
-
|
|
39
|
-
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
-
|
|
41
|
-
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
-
|
|
43
|
-
variant: optional, color variants of button. type:
|
|
44
|
-
'blue',
|
|
45
|
-
'gray',
|
|
46
|
-
'whiteStroke',
|
|
47
|
-
'sokolniki',
|
|
48
|
-
'black',
|
|
49
|
-
'whiteFilled'
|
|
50
|
-
|
|
51
|
-
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
-
|
|
53
|
-
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
-
|
|
55
|
-
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
-
|
|
57
|
-
### MobileButtonProps
|
|
58
|
-
|
|
59
|
-
### Tag
|
|
1
|
+
# Stone-kit
|
|
2
|
+
|
|
3
|
+
Uikit for stone redesign 2.0
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Package installation:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm i stone-kit@latest
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
For Next.js page router in App.tsx:
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
import 'stone-kit/dist/style.css'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
and then:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
import {Button} from 'stone-kit'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For other projects u can immediately:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
import {Button} from 'stone-kit'
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
## Docs
|
|
34
|
+
|
|
35
|
+
### ButtonProps
|
|
36
|
+
|
|
37
|
+
size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
|
|
38
|
+
|
|
39
|
+
pre: optional, insert icon/text before button text. type: ReactNode
|
|
40
|
+
|
|
41
|
+
post: optional, insert icon/text after button text. type: ReactNode
|
|
42
|
+
|
|
43
|
+
variant: optional, color variants of button. type:
|
|
44
|
+
'blue',
|
|
45
|
+
'gray',
|
|
46
|
+
'whiteStroke',
|
|
47
|
+
'sokolniki',
|
|
48
|
+
'black',
|
|
49
|
+
'whiteFilled'
|
|
50
|
+
|
|
51
|
+
width: optional, width of button. type: 'auto' | 'full'
|
|
52
|
+
|
|
53
|
+
additionalClass: optional, add your custom class to button. type: 'string'
|
|
54
|
+
|
|
55
|
+
as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
|
|
56
|
+
|
|
57
|
+
### MobileButtonProps
|
|
58
|
+
|
|
59
|
+
### Tag
|
|
@@ -38,11 +38,11 @@ const d = ({
|
|
|
38
38
|
title: t,
|
|
39
39
|
titleId: l,
|
|
40
40
|
...r
|
|
41
|
-
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M19 7L9.66667 17L5 12", stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round" })),
|
|
41
|
+
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M19 7L9.66667 17L5 12", stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round" })), B = o(S), F = ({
|
|
42
42
|
title: t,
|
|
43
43
|
titleId: l,
|
|
44
44
|
...r
|
|
45
|
-
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5.99997 6L18 18.0001", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M18.0001 6L6.00003 18.0001", stroke: "currentColor" })),
|
|
45
|
+
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5.99997 6L18 18.0001", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M18.0001 6L6.00003 18.0001", stroke: "currentColor" })), z = o(F), H = ({
|
|
46
46
|
title: t,
|
|
47
47
|
titleId: l,
|
|
48
48
|
...r
|
|
@@ -146,11 +146,11 @@ const d = ({
|
|
|
146
146
|
title: t,
|
|
147
147
|
titleId: l,
|
|
148
148
|
...r
|
|
149
|
-
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M14.25 13.124a2.628 2.628 0 0 0-2.625-2.625h-6A2.628 2.628 0 0 0 3 13.124c0 1.044.616 1.94 1.5 2.362v1.763h-.75a.75.75 0 1 0 0 1.5h.75v1.5a.75.75 0 1 0 1.5 0v-1.5h5.25v1.5a.75.75 0 1 0 1.5 0v-1.5h.75a.75.75 0 1 0 0-1.5h-.75v-1.763a2.622 2.622 0 0 0 1.5-2.362zM6 17.25v-1.5h5.25v1.5H6zm14.657-6.629c.366.72.435 1.475.223 2.225-.392 1.386-1.757 2.287-3.24 2.138-.181-.018-.258.024-.3.06a.293.293 0 0 0-.09.227v4.98a.75.75 0 1 1-1.5 0v-7.126a4.108 4.108 0 0 0-3.173-4.014.751.751 0 0 1-.573-.816c.07-.615.5-1.203 1.277-1.745.204-.142.22-.39.22-.492a3.029 3.029 0 0 1 .229-1.207 2.958 2.958 0 0 1 1.977-1.748 3.122 3.122 0 0 1 1.608.006c.878.235 1.61.888 1.957 1.745.16.398.237.806.227 1.215-.002.12.023.344.22.483A2.988 2.988 0 0 1 21 9.001c0 .44-.104.882-.308 1.31-.078.164-.072.231-.072.231.003.012.024.052.038.079z", fill: "currentColor" })),
|
|
149
|
+
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M14.25 13.124a2.628 2.628 0 0 0-2.625-2.625h-6A2.628 2.628 0 0 0 3 13.124c0 1.044.616 1.94 1.5 2.362v1.763h-.75a.75.75 0 1 0 0 1.5h.75v1.5a.75.75 0 1 0 1.5 0v-1.5h5.25v1.5a.75.75 0 1 0 1.5 0v-1.5h.75a.75.75 0 1 0 0-1.5h-.75v-1.763a2.622 2.622 0 0 0 1.5-2.362zM6 17.25v-1.5h5.25v1.5H6zm14.657-6.629c.366.72.435 1.475.223 2.225-.392 1.386-1.757 2.287-3.24 2.138-.181-.018-.258.024-.3.06a.293.293 0 0 0-.09.227v4.98a.75.75 0 1 1-1.5 0v-7.126a4.108 4.108 0 0 0-3.173-4.014.751.751 0 0 1-.573-.816c.07-.615.5-1.203 1.277-1.745.204-.142.22-.39.22-.492a3.029 3.029 0 0 1 .229-1.207 2.958 2.958 0 0 1 1.977-1.748 3.122 3.122 0 0 1 1.608.006c.878.235 1.61.888 1.957 1.745.16.398.237.806.227 1.215-.002.12.023.344.22.483A2.988 2.988 0 0 1 21 9.001c0 .44-.104.882-.308 1.31-.078.164-.072.231-.072.231.003.012.024.052.038.079z", fill: "currentColor" })), B1 = o(S1), F1 = ({
|
|
150
150
|
title: t,
|
|
151
151
|
titleId: l,
|
|
152
152
|
...r
|
|
153
|
-
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M15.446 6.052h-.151l-3.218 6.097L8.744 6 4.179 17.108H3V18h6.462v-.892H8.18l1.282-3.472L12.077 18l2.513-4.364 1.282 3.472H14.59V18H21v-.892h-1.11L15.446 6.052z", fill: "#EC5353" })),
|
|
153
|
+
}, a) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M15.446 6.052h-.151l-3.218 6.097L8.744 6 4.179 17.108H3V18h6.462v-.892H8.18l1.282-3.472L12.077 18l2.513-4.364 1.282 3.472H14.59V18H21v-.892h-1.11L15.446 6.052z", fill: "#EC5353" })), z1 = o(F1), H1 = ({
|
|
154
154
|
title: t,
|
|
155
155
|
titleId: l,
|
|
156
156
|
...r
|
|
@@ -210,7 +210,7 @@ const d = ({
|
|
|
210
210
|
title: t,
|
|
211
211
|
titleId: l,
|
|
212
212
|
...r
|
|
213
|
-
}, a) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M16.0418 7.56663L16.8751 6.73329L14.4918 4.40829L13.6584 5.24163C12.8002 4.70323 11.8372 4.35381 10.8334 4.21663V3.33329H12.5001V1.66663H7.50009V3.33329H9.16676V4.21663C7.6413 4.39543 6.21496 5.06408 5.10174 6.12224C3.98851 7.1804 3.24844 8.57102 2.99255 10.0855C2.73666 11.5999 2.97876 13.1565 3.68252 14.5216C4.38628 15.8868 5.51376 16.987 6.89578 17.657C8.2778 18.3271 9.83984 18.531 11.3475 18.238C12.8552 17.9451 14.2273 17.1711 15.2578 16.0323C16.2884 14.8934 16.9218 13.4511 17.0632 11.9217C17.2045 10.3924 16.8461 8.85838 16.0418 7.54996V7.56663ZM10.0001 16.6666C8.56418 16.6644 7.18771 16.093 6.17236 15.0777C5.15702 14.0623 4.58563 12.6859 4.58342 11.25H10.0001V5.83329C11.4367 5.83329 12.8144 6.40398 13.8302 7.4198C14.8461 8.43562 15.4168 9.81337 15.4168 11.25C15.4168 12.6865 14.8461 14.0643 13.8302 15.0801C12.8144 16.0959 11.4367 16.6666 10.0001 16.6666Z", fill: "#141416" })), c0 = o(o0),
|
|
213
|
+
}, a) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: a, "aria-labelledby": l, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: l }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M16.0418 7.56663L16.8751 6.73329L14.4918 4.40829L13.6584 5.24163C12.8002 4.70323 11.8372 4.35381 10.8334 4.21663V3.33329H12.5001V1.66663H7.50009V3.33329H9.16676V4.21663C7.6413 4.39543 6.21496 5.06408 5.10174 6.12224C3.98851 7.1804 3.24844 8.57102 2.99255 10.0855C2.73666 11.5999 2.97876 13.1565 3.68252 14.5216C4.38628 15.8868 5.51376 16.987 6.89578 17.657C8.2778 18.3271 9.83984 18.531 11.3475 18.238C12.8552 17.9451 14.2273 17.1711 15.2578 16.0323C16.2884 14.8934 16.9218 13.4511 17.0632 11.9217C17.2045 10.3924 16.8461 8.85838 16.0418 7.54996V7.56663ZM10.0001 16.6666C8.56418 16.6644 7.18771 16.093 6.17236 15.0777C5.15702 14.0623 4.58563 12.6859 4.58342 11.25H10.0001V5.83329C11.4367 5.83329 12.8144 6.40398 13.8302 7.4198C14.8461 8.43562 15.4168 9.81337 15.4168 11.25C15.4168 12.6865 14.8461 14.0643 13.8302 15.0801C12.8144 16.0959 11.4367 16.6666 10.0001 16.6666Z", fill: "#141416" })), c0 = o(o0), s = {}, s0 = {
|
|
214
214
|
arrowRight: () => /* @__PURE__ */ n(l0, {}),
|
|
215
215
|
loader: () => /* @__PURE__ */ n(h, {}),
|
|
216
216
|
filter: () => /* @__PURE__ */ n(f, {}),
|
|
@@ -221,9 +221,9 @@ const d = ({
|
|
|
221
221
|
download: () => /* @__PURE__ */ n(b, {}),
|
|
222
222
|
user: () => /* @__PURE__ */ n(k, {}),
|
|
223
223
|
squareMeter: () => /* @__PURE__ */ n(R, {}),
|
|
224
|
-
check: () => /* @__PURE__ */ n(
|
|
224
|
+
check: () => /* @__PURE__ */ n(B, {}),
|
|
225
225
|
minusCheck: () => /* @__PURE__ */ n(I1, {}),
|
|
226
|
-
close: () => /* @__PURE__ */ n(
|
|
226
|
+
close: () => /* @__PURE__ */ n(z, {}),
|
|
227
227
|
layers: () => /* @__PURE__ */ n(A, {}),
|
|
228
228
|
layersFilled: () => /* @__PURE__ */ n(Z, {}),
|
|
229
229
|
minus: () => /* @__PURE__ */ n(q, {}),
|
|
@@ -247,8 +247,8 @@ const d = ({
|
|
|
247
247
|
arrowLong: () => /* @__PURE__ */ n(x1, {}),
|
|
248
248
|
auto: () => /* @__PURE__ */ n(k1, {}),
|
|
249
249
|
pedestrian: () => /* @__PURE__ */ n(R1, {}),
|
|
250
|
-
park: () => /* @__PURE__ */ n(
|
|
251
|
-
metro: () => /* @__PURE__ */ n(
|
|
250
|
+
park: () => /* @__PURE__ */ n(B1, {}),
|
|
251
|
+
metro: () => /* @__PURE__ */ n(z1, {}),
|
|
252
252
|
food: () => /* @__PURE__ */ n($1, {}),
|
|
253
253
|
building: () => /* @__PURE__ */ n(A1, {}),
|
|
254
254
|
case: () => /* @__PURE__ */ n(Z1, {}),
|
|
@@ -263,13 +263,13 @@ const d = ({
|
|
|
263
263
|
redo: () => /* @__PURE__ */ n(r0, {}),
|
|
264
264
|
pin: () => /* @__PURE__ */ n(n0, {}),
|
|
265
265
|
timer: () => /* @__PURE__ */ n(c0, {})
|
|
266
|
-
}, i0 = m.bind(
|
|
266
|
+
}, i0 = m.bind(s), h0 = ({
|
|
267
267
|
name: t,
|
|
268
268
|
size: l = "24",
|
|
269
269
|
color: r,
|
|
270
270
|
strokeWidth: a,
|
|
271
|
-
additionalClass:
|
|
272
|
-
deg:
|
|
271
|
+
additionalClass: i,
|
|
272
|
+
deg: c
|
|
273
273
|
}) => {
|
|
274
274
|
const w = s0[t];
|
|
275
275
|
return /* @__PURE__ */ n(
|
|
@@ -278,11 +278,13 @@ const d = ({
|
|
|
278
278
|
style: {
|
|
279
279
|
width: l + "px",
|
|
280
280
|
height: l + "px",
|
|
281
|
-
|
|
281
|
+
minWidth: l + "px",
|
|
282
|
+
minHeight: l + "px",
|
|
283
|
+
transform: c ? `rotate(${c}deg)` : void 0,
|
|
282
284
|
color: r,
|
|
283
285
|
strokeWidth: a
|
|
284
286
|
},
|
|
285
|
-
className: i0(
|
|
287
|
+
className: i0(s.root, i),
|
|
286
288
|
children: /* @__PURE__ */ n(
|
|
287
289
|
w,
|
|
288
290
|
{
|