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 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" })), z = o(S), B = ({
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" })), F = o(B), H = ({
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" })), z1 = o(S1), B1 = ({
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" })), F1 = o(B1), H1 = ({
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), c = {}, s0 = {
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(z, {}),
224
+ check: () => /* @__PURE__ */ n(B, {}),
225
225
  minusCheck: () => /* @__PURE__ */ n(I1, {}),
226
- close: () => /* @__PURE__ */ n(F, {}),
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(z1, {}),
251
- metro: () => /* @__PURE__ */ n(F1, {}),
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(c), h0 = ({
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: s,
272
- deg: i
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
- transform: `rotate(${i}deg)`,
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(c.root, s),
287
+ className: i0(s.root, i),
286
288
  children: /* @__PURE__ */ n(
287
289
  w,
288
290
  {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "stone-kit",
3
3
  "description": "uikit for redesign",
4
4
  "private": false,
5
- "version": "0.0.764",
5
+ "version": "0.0.765",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",