stone-kit 0.0.674 → 0.0.676

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.
@@ -1,7 +1,7 @@
1
- import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as o, Fragment as d } from "react/jsx-runtime";
2
2
  import { c as y } from "../../../index-rKuIKazb.js";
3
3
  import { NewIcon as w } from "../../NewIcon/ui/NewIcon.js";
4
- const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24", H = "_blue_acr66_68", S = "_sokolniki_acr66_82", p = "_black_acr66_96", L = "_gray_acr66_110", $ = "_whiteStroke_acr66_124", x = "_whiteFilled_acr66_136", F = "_shade_acr66_150", v = "_transparent_acr66_156", j = "_volodiyaLight_acr66_177", B = "_loader_acr66_183", I = "_LoaderSpin_acr66_1", _ = {
4
+ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66_24", v = "_blue_acr66_68", H = "_sokolniki_acr66_82", S = "_black_acr66_96", L = "_gray_acr66_110", $ = "_whiteStroke_acr66_124", x = "_whiteFilled_acr66_136", F = "_shade_acr66_150", j = "_transparent_acr66_156", p = "_volodiyaLight_acr66_177", B = "_loader_acr66_183", I = "_LoaderSpin_acr66_1", _ = {
5
5
  btnCommon: f,
6
6
  btnLoading: C,
7
7
  isHidden: N,
@@ -11,15 +11,15 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
11
11
  "small-size": "_small-size_acr66_44",
12
12
  "medium-size": "_medium-size_acr66_52",
13
13
  "large-size": "_large-size_acr66_60",
14
- blue: H,
15
- sokolniki: S,
16
- black: p,
14
+ blue: v,
15
+ sokolniki: H,
16
+ black: S,
17
17
  gray: L,
18
18
  whiteStroke: $,
19
19
  whiteFilled: x,
20
20
  shade: F,
21
- transparent: v,
22
- volodiyaLight: j,
21
+ transparent: j,
22
+ volodiyaLight: p,
23
23
  loader: B,
24
24
  LoaderSpin: I,
25
25
  "tiny-size_m": "_tiny-size_m_acr66_189",
@@ -30,8 +30,8 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
30
30
  "small-size_l": "_small-size_l_acr66_226",
31
31
  "medium-size_l": "_medium-size_l_acr66_233",
32
32
  "large-size_l": "_large-size_l_acr66_240"
33
- }, i = y.bind(_), E = ({
34
- size: d = "medium",
33
+ }, a = y.bind(_), E = ({
34
+ size: m = "medium",
35
35
  size_m: z,
36
36
  size_l: h,
37
37
  onCLick: r,
@@ -41,21 +41,21 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
41
41
  variant: b = "blue",
42
42
  width: k = "auto",
43
43
  additionalClass: g = "",
44
- isLoading: a = !1,
44
+ isLoading: i = !1,
45
45
  ...l
46
46
  }) => {
47
- const t = i(
47
+ const t = a(
48
48
  _.btnCommon,
49
- _[`${d}-size`],
49
+ _[`${m}-size`],
50
50
  _[`${z}-size_m`],
51
51
  _[`${h}-size_l`],
52
52
  _[`${b}`],
53
- { [_.btnLoading]: a },
53
+ { [_.btnLoading]: i },
54
54
  { [_.btnCommonInline]: s || n },
55
55
  _[`${k}-width`],
56
56
  g
57
- ), c = () => /* @__PURE__ */ o(m, { children: [
58
- a && /* @__PURE__ */ e(
57
+ ), c = () => /* @__PURE__ */ o(d, { children: [
58
+ i && /* @__PURE__ */ e(
59
59
  w,
60
60
  {
61
61
  name: "loader",
@@ -64,10 +64,10 @@ const f = "_btnCommon_acr66_1", C = "_btnLoading_acr66_20", N = "_isHidden_acr66
64
64
  additionalClass: _.loader
65
65
  }
66
66
  ),
67
- /* @__PURE__ */ o(m, { children: [
68
- s && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: s }),
69
- /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: u }),
70
- n && /* @__PURE__ */ e("span", { className: i({ [_.isHidden]: a }), children: n })
67
+ /* @__PURE__ */ o(d, { children: [
68
+ s && /* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: s }),
69
+ /* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: u }),
70
+ n && /* @__PURE__ */ e("div", { className: a({ [_.isHidden]: i }), children: n })
71
71
  ] })
72
72
  ] });
73
73
  return l.as === "link" ? /* @__PURE__ */ e(
@@ -1,4 +1,4 @@
1
- import { jsxs as a, Fragment as m, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as a, Fragment as m, jsx as p } from "react/jsx-runtime";
2
2
  import { forwardRef as x } from "react";
3
3
  import { c as k } from "../../../index-rKuIKazb.js";
4
4
  const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inputWrapperPre_1ice0_38", w = "_light_1ice0_54", $ = "_dark_1ice0_92", B = "_inputWrapperError_1ice0_133", E = "_checkBox_1ice0_147", r = {
@@ -21,11 +21,11 @@ const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inpu
21
21
  variant: l = "light",
22
22
  width: h = "auto",
23
23
  error: d,
24
- type: p,
24
+ type: i,
25
25
  additionalClass: W = "",
26
26
  ...c
27
27
  }, n) => /* @__PURE__ */ a(m, { children: [
28
- p !== "checkbox" && /* @__PURE__ */ a(
28
+ i !== "checkbox" && /* @__PURE__ */ a(
29
29
  "div",
30
30
  {
31
31
  className: o(
@@ -41,20 +41,20 @@ const f = "_inputWrapper_1ice0_10", P = "_inputWrapperPost_1ice0_37", g = "_inpu
41
41
  W
42
42
  ),
43
43
  children: [
44
- e && /* @__PURE__ */ i("span", { children: e }),
45
- /* @__PURE__ */ i(
44
+ e && /* @__PURE__ */ p("div", { children: e }),
45
+ /* @__PURE__ */ p(
46
46
  "input",
47
47
  {
48
48
  ref: n,
49
- type: p,
49
+ type: i,
50
50
  ...c
51
51
  }
52
52
  ),
53
- t && /* @__PURE__ */ i("span", { children: t })
53
+ t && /* @__PURE__ */ p("div", { children: t })
54
54
  ]
55
55
  }
56
56
  ),
57
- p === "checkbox" && /* @__PURE__ */ i("input", { className: o(r.checkBox), ref: n, type: p, ...c })
57
+ i === "checkbox" && /* @__PURE__ */ p("input", { className: o(r.checkBox), ref: n, type: i, ...c })
58
58
  ] })
59
59
  );
60
60
  N.displayName = "Input";
@@ -1,32 +1,31 @@
1
- import { jsxs as m, Fragment as S, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as m, Fragment as N, jsx as r } from "react/jsx-runtime";
2
2
  import { s as t, O as k } from "../../../Option-C4HGcCtY.js";
3
3
  import { NewIcon as v } from "../../NewIcon/ui/NewIcon.js";
4
4
  import { c as w } from "../../../index-rKuIKazb.js";
5
- import { useState as b } from "react";
6
- const x = w.bind(t), D = ({
5
+ import { useState as x } from "react";
6
+ const b = w.bind(t), D = ({
7
7
  category: o,
8
8
  selectedOptions: s,
9
9
  disabledOptions: u,
10
- clickableOptions: n,
10
+ clickableOptions: i,
11
11
  handleOptionClick: p,
12
- sizeIcon: r,
12
+ sizeIcon: n,
13
13
  mode: d
14
14
  }) => {
15
- const [l, f] = b(!0), C = s.map((e) => JSON.stringify(e)), a = d === "category", h = d === "double", g = a && o.options.every((e) => C.includes(JSON.stringify(e))), N = a ? g ? "minusCheck" : "selectUnchecked" : h && s.some((e) => e.value === o.value) ? "minusCheck" : "selectUnchecked";
16
- return /* @__PURE__ */ m(S, { children: [
15
+ const [l, f] = x(!0), g = s.map((e) => JSON.stringify(e)), a = d === "category", h = d === "double", C = a && o.options.every((e) => g.includes(JSON.stringify(e))), S = a ? C ? "minusCheck" : "selectUnchecked" : h && s.some((e) => e.value === o.value) ? "minusCheck" : "selectUnchecked";
16
+ return /* @__PURE__ */ m(N, { children: [
17
17
  /* @__PURE__ */ m(
18
18
  "div",
19
19
  {
20
- className: x(
20
+ className: b(
21
21
  t.option,
22
22
  t.category,
23
- t.optionClickable,
24
23
  {
25
24
  [t.selected]: s.some((e) => e.value === o.value),
26
25
  [t.optionDisabled]: u.some(
27
26
  (e) => e.value === o.value
28
27
  ),
29
- [t.optionClickable]: n ? n.includes(`${o.value}`) : !0
28
+ [t.optionClickable]: i ? i.includes(o.value.toString()) : !0
30
29
  }
31
30
  ),
32
31
  onClick: () => {
@@ -34,37 +33,37 @@ const x = w.bind(t), D = ({
34
33
  },
35
34
  children: [
36
35
  /* @__PURE__ */ m("div", { className: t.leftSide, children: [
37
- /* @__PURE__ */ i(
36
+ /* @__PURE__ */ r(
38
37
  v,
39
38
  {
40
- size: r ?? "20",
41
- name: N
39
+ size: n ?? "20",
40
+ name: S
42
41
  }
43
42
  ),
44
- /* @__PURE__ */ i("div", { children: o.label })
43
+ /* @__PURE__ */ r("div", { children: o.label })
45
44
  ] }),
46
- /* @__PURE__ */ i("div", { className: t.iconArrow, onClick: (e) => {
45
+ /* @__PURE__ */ r("div", { className: t.iconArrow, onClick: (e) => {
47
46
  e.stopPropagation(), f((c) => !c);
48
- }, children: /* @__PURE__ */ i(
47
+ }, children: /* @__PURE__ */ r(
49
48
  v,
50
49
  {
51
50
  name: "arrowShort",
52
51
  deg: l ? "180" : "0",
53
- size: r ?? "24"
52
+ size: n ?? "24"
54
53
  }
55
54
  ) })
56
55
  ]
57
56
  }
58
57
  ),
59
- l && o.options.map((e, c) => /* @__PURE__ */ i(
58
+ l && o.options.map((e, c) => /* @__PURE__ */ r(
60
59
  k,
61
60
  {
62
61
  option: e,
63
62
  disabledOptions: u,
64
63
  selectedOptions: s,
65
64
  handleOptionClick: () => p(e),
66
- sizeIcon: r,
67
- clickableOptions: n,
65
+ sizeIcon: n,
66
+ clickableOptions: i,
68
67
  isOptionCategory: !0
69
68
  },
70
69
  c
@@ -1,60 +1,60 @@
1
- import { jsxs as _, jsx as s } from "react/jsx-runtime";
1
+ import { jsxs as d, jsx as l } from "react/jsx-runtime";
2
2
  import { c as u } from "../../../index-rKuIKazb.js";
3
- const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", n = {
3
+ const w = "_btnCommon_1act6_1", r = "_whiteFilled_1act6_34", t = {
4
4
  btnCommon: w,
5
5
  "auto-width": "_auto-width_1act6_18",
6
6
  "full-width": "_full-width_1act6_22",
7
7
  "small-size": "_small-size_1act6_26",
8
8
  whiteFilled: r
9
- }, h = u.bind(n), F = ({
10
- size: a = "small",
11
- pre: t = !1,
12
- children: e = "",
13
- post: l = !1,
14
- variant: m = "whiteFilled",
15
- width: o = "auto",
16
- additionalClass: c = "",
17
- ...i
9
+ }, _ = u.bind(t), F = ({
10
+ size: m = "small",
11
+ pre: n = !1,
12
+ children: o = "",
13
+ post: i = !1,
14
+ variant: s = "whiteFilled",
15
+ width: c = "auto",
16
+ additionalClass: a = "",
17
+ ...e
18
18
  }) => {
19
- if (i.as === "link") {
20
- const { as: C, ...b } = i;
21
- return /* @__PURE__ */ _(
19
+ if (e.as === "link") {
20
+ const { as: C, ...b } = e;
21
+ return /* @__PURE__ */ d(
22
22
  "a",
23
23
  {
24
- className: h(
25
- n.btnCommon,
26
- n[`${a}-size`],
27
- n[`${m}`],
28
- { [n.btnCommonInline]: t || l },
29
- n[`${o}-width`],
30
- c
24
+ className: _(
25
+ t.btnCommon,
26
+ t[`${m}-size`],
27
+ t[`${s}`],
28
+ { [t.btnCommonInline]: n || i },
29
+ t[`${c}-width`],
30
+ a
31
31
  ),
32
32
  ...b,
33
33
  children: [
34
- t && /* @__PURE__ */ s("span", { children: t }),
35
- e,
36
- l && /* @__PURE__ */ s("span", { children: l })
34
+ n && /* @__PURE__ */ l("div", { children: n }),
35
+ o,
36
+ i && /* @__PURE__ */ l("div", { children: i })
37
37
  ]
38
38
  }
39
39
  );
40
40
  }
41
- const { as: f, ...d } = i;
42
- return /* @__PURE__ */ _(
41
+ const { as: f, ...h } = e;
42
+ return /* @__PURE__ */ d(
43
43
  "button",
44
44
  {
45
- className: h(
46
- n.btnCommon,
47
- n[`${a}-size`],
48
- n[`${m}`],
49
- { [n.btnCommonInline]: t || l },
50
- n[`${o}-width`],
51
- c
45
+ className: _(
46
+ t.btnCommon,
47
+ t[`${m}-size`],
48
+ t[`${s}`],
49
+ { [t.btnCommonInline]: n || i },
50
+ t[`${c}-width`],
51
+ a
52
52
  ),
53
- ...d,
53
+ ...h,
54
54
  children: [
55
- t && /* @__PURE__ */ s("span", { children: t }),
56
- e,
57
- l && /* @__PURE__ */ s("span", { children: l })
55
+ n && /* @__PURE__ */ l("div", { children: n }),
56
+ o,
57
+ i && /* @__PURE__ */ l("div", { children: i })
58
58
  ]
59
59
  }
60
60
  );
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.674",
5
+ "version": "0.0.676",
6
6
  "author": "Mollycodd1e",
7
7
  "license": "ISC",
8
8
  "type": "module",