@arthurzakharov/ui-kit 2.0.2 → 2.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.
Files changed (4) hide show
  1. package/dist/assets/button-B5n1Rk4g.css +1 -0
  2. package/dist/controls/buttons/button/button.component.js +56 -56
  3. package/package.json +1 -1
  4. package/dist/assets/button-CG0UkrYi.css +0 -1
package/dist/assets/button-B5n1Rk4g.css ADDED
@@ -0,0 +1 @@
1
+ ._Button_7nu7i_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_7nu7i_1:disabled{cursor:not-allowed;opacity:.33}._Button_7nu7i_1._SM_7nu7i_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_7nu7i_1._LG_7nu7i_24._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_7nu7i_1._SM_7nu7i_19 ._Text_7nu7i_28{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._Button_7nu7i_1._MD_7nu7i_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_7nu7i_1._MD_7nu7i_34._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_7nu7i_1._LG_7nu7i_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_7nu7i_1._LG_7nu7i_24._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_7nu7i_1._MD_7nu7i_34 ._Text_7nu7i_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_7nu7i_1._LG_7nu7i_24 ._Text_7nu7i_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Button_7nu7i_1._Primary_7nu7i_62{background-color:var(--rm-ui-next-btn-bg)}._Button_7nu7i_1._Primary_7nu7i_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_7nu7i_1._Primary_7nu7i_62 ._Text_7nu7i_28,._Button_7nu7i_1._Primary_7nu7i_62 ._Info_7nu7i_71{color:#fff}._Button_7nu7i_1._Secondary_7nu7i_75{border:1px solid transparent;background-color:transparent}._Button_7nu7i_1._Secondary_7nu7i_75:hover{border-color:var(--rm-ui-grey-400)}._Button_7nu7i_1._Secondary_7nu7i_75:hover ._Text_7nu7i_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_7nu7i_1._Secondary_7nu7i_75 ._Text_7nu7i_28,._Button_7nu7i_1._Secondary_7nu7i_75 ._Info_7nu7i_71{color:var(--rm-ui-color-text-secondary)}._Button_7nu7i_1._Tertiary_7nu7i_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_7nu7i_1._Tertiary_7nu7i_24:hover{border-color:var(--rm-ui-grey-200)}._Button_7nu7i_1._Tertiary_7nu7i_24:hover ._Text_7nu7i_28{color:var(--rm-ui-grey-700)}._Button_7nu7i_1._Tertiary_7nu7i_24 ._Text_7nu7i_28,._Button_7nu7i_1._Tertiary_7nu7i_24 ._Info_7nu7i_71{color:var(--rm-ui-color-text-primary)}._Button_7nu7i_1:not(._Loading_7nu7i_111):not(:disabled):hover{cursor:pointer}._Button_7nu7i_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_7nu7i_1._FullWidth_7nu7i_119{width:100%}._Content_7nu7i_123{display:flex;flex-direction:column}._Info_7nu7i_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_7nu7i_71._SM_7nu7i_19{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Info_7nu7i_71._MD_7nu7i_34{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - 2px)}._Info_7nu7i_71._LG_7nu7i_24{font-size:var(--rm-ui-font-size-body-large);line-height:calc(var(--rm-ui-line-height-body-large) - 2px)}._Text_7nu7i_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_7nu7i_153{position:absolute}
package/dist/controls/buttons/button/button.component.js CHANGED
@@ -1,66 +1,66 @@
1
- import { jsxs as c, jsx as e } from "react/jsx-runtime";
2
- import l from "clsx";
3
- import { FadeScale as M } from "../../../animations/fade-scale/fade-scale.component.js";
4
- import { Loader as x } from "../../../components/loader/loader.component.js";
5
- import { Content as C } from "../../../utils/content/content.component.js";
6
- import { withControl as T, baseProps as _ } from "../../../utils/functions/functions.util.js";
7
- import '../../../assets/button-CG0UkrYi.css';const B = "_Button_1jlaj_1", F = "_SM_1jlaj_19", N = "_LG_1jlaj_24", S = "_Tertiary_1jlaj_24", b = "_Text_1jlaj_28", D = "_MD_1jlaj_34", G = "_Primary_1jlaj_62", P = "_Info_1jlaj_71", I = "_Secondary_1jlaj_75", W = "_Loading_1jlaj_111", g = "_FullWidth_1jlaj_119", w = "_Content_1jlaj_123", $ = "_Loader_1jlaj_153", t = {
8
- Button: B,
9
- SM: F,
10
- LG: N,
11
- Tertiary: S,
12
- Text: b,
13
- MD: D,
14
- Primary: G,
15
- Info: P,
16
- Secondary: I,
17
- Loading: W,
18
- FullWidth: g,
19
- Content: w,
20
- Loader: $
1
+ import { jsxs as i, jsx as a } from "react/jsx-runtime";
2
+ import c from "clsx";
3
+ import { FadeScale as x } from "../../../animations/fade-scale/fade-scale.component.js";
4
+ import { Loader as C } from "../../../components/loader/loader.component.js";
5
+ import { Content as T } from "../../../utils/content/content.component.js";
6
+ import { withControl as B, baseProps as _ } from "../../../utils/functions/functions.util.js";
7
+ import '../../../assets/button-B5n1Rk4g.css';const F = "_Button_7nu7i_1", N = "_SM_7nu7i_19", S = "_LG_7nu7i_24", b = "_Tertiary_7nu7i_24", D = "_Text_7nu7i_28", G = "_MD_7nu7i_34", P = "_Primary_7nu7i_62", I = "_Info_7nu7i_71", W = "_Secondary_7nu7i_75", g = "_Loading_7nu7i_111", w = "_FullWidth_7nu7i_119", $ = "_Content_7nu7i_123", j = "_Loader_7nu7i_153", t = {
8
+ Button: F,
9
+ SM: N,
10
+ LG: S,
11
+ Tertiary: b,
12
+ Text: D,
13
+ MD: G,
14
+ Primary: P,
15
+ Info: I,
16
+ Secondary: W,
17
+ Loading: g,
18
+ FullWidth: w,
19
+ Content: $,
20
+ Loader: j
21
21
  }, J = ({
22
22
  text: d,
23
- color: a = "primary",
24
- textSize: n = "md",
25
- infoSize: o = "sm",
26
- type: i = "button",
27
- disabled: m = !1,
28
- info: j = "",
23
+ color: n = "primary",
24
+ textSize: o = "md",
25
+ infoSize: e = "sm",
26
+ type: m = "button",
27
+ disabled: u = !1,
28
+ info: l = "",
29
29
  fullWidth: y = !1,
30
30
  loading: r = !1,
31
- preventDefault: u = !1,
32
- blurAfterClick: p = !1,
33
- onClick: L = () => {
31
+ preventDefault: p = !1,
32
+ blurAfterClick: L = !1,
33
+ onClick: f = () => {
34
34
  },
35
- onFocus: f,
36
- onBlur: h,
35
+ onFocus: h,
36
+ onBlur: M,
37
37
  ...s
38
- }) => /* @__PURE__ */ c(
38
+ }) => /* @__PURE__ */ i(
39
39
  "button",
40
40
  {
41
41
  "data-testid": _(s, "data-testid", "button"),
42
- type: i,
43
- disabled: m || r,
44
- className: l(t.Button, _(s, "className"), {
45
- [t.SM]: n === "sm",
46
- [t.MD]: n === "md",
47
- [t.LG]: n === "lg",
48
- [t.Primary]: a === "primary",
49
- [t.Secondary]: a === "secondary",
50
- [t.Tertiary]: a === "tertiary",
42
+ type: m,
43
+ disabled: u || r,
44
+ className: c(t.Button, _(s, "className"), {
45
+ [t.SM]: o === "sm",
46
+ [t.MD]: o === "md",
47
+ [t.LG]: o === "lg",
48
+ [t.Primary]: n === "primary",
49
+ [t.Secondary]: n === "secondary",
50
+ [t.Tertiary]: n === "tertiary",
51
51
  [t.FullWidth]: y,
52
52
  [t.Loading]: r
53
53
  }),
54
- onClick: T(L, { prevent: u, blur: p }),
55
- onFocus: () => f?.(),
56
- onBlur: () => h?.(),
54
+ onClick: B(f, { prevent: p, blur: L }),
55
+ onFocus: () => h?.(),
56
+ onBlur: () => M?.(),
57
57
  children: [
58
- r && /* @__PURE__ */ e(
59
- x,
58
+ r && /* @__PURE__ */ a(
59
+ C,
60
60
  {
61
61
  size: "xs",
62
62
  color: (() => {
63
- switch (a) {
63
+ switch (n) {
64
64
  case "primary":
65
65
  return "white";
66
66
  case "secondary":
@@ -72,17 +72,17 @@ import '../../../assets/button-CG0UkrYi.css';const B = "_Button_1jlaj_1", F = "_
72
72
  className: t.Loader
73
73
  }
74
74
  ),
75
- /* @__PURE__ */ c(M, { name: "content", keepMount: !0, condition: !r, className: t.Content, children: [
76
- /* @__PURE__ */ e("span", { className: t.Text, children: d }),
77
- /* @__PURE__ */ e(
78
- C,
75
+ /* @__PURE__ */ i(x, { name: "content", keepMount: !0, condition: !r, className: t.Content, children: [
76
+ /* @__PURE__ */ a("span", { className: t.Text, children: d }),
77
+ /* @__PURE__ */ a(
78
+ T,
79
79
  {
80
- className: l(t.Info, {
81
- [t.SM]: o === "sm",
82
- [t.MD]: o === "md",
83
- [t.LG]: o === "lg"
80
+ className: c(t.Info, {
81
+ [t.SM]: e === "sm",
82
+ [t.MD]: e === "md",
83
+ [t.LG]: e === "lg"
84
84
  }),
85
- children: j
85
+ children: l
86
86
  }
87
87
  )
88
88
  ] })
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arthurzakharov/ui-kit",
3
3
  "private": false,
4
- "version": "2.0.2",
4
+ "version": "2.0.3",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
package/dist/assets/button-CG0UkrYi.css DELETED
@@ -1 +0,0 @@
1
- ._Button_1jlaj_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_1jlaj_1:disabled{cursor:not-allowed;opacity:.33}._SM_1jlaj_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_1jlaj_24._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_1jlaj_19 ._Text_1jlaj_28{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_1jlaj_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_1jlaj_34._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_1jlaj_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_1jlaj_24._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_1jlaj_34 ._Text_1jlaj_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_1jlaj_24 ._Text_1jlaj_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_1jlaj_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_1jlaj_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_1jlaj_62 ._Text_1jlaj_28,._Primary_1jlaj_62 ._Info_1jlaj_71{color:#fff}._Secondary_1jlaj_75{border:1px solid transparent;background-color:transparent}._Secondary_1jlaj_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_1jlaj_75:hover ._Text_1jlaj_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_1jlaj_75 ._Text_1jlaj_28,._Secondary_1jlaj_75 ._Info_1jlaj_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_1jlaj_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_1jlaj_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_1jlaj_24:hover ._Text_1jlaj_28{color:var(--rm-ui-grey-700)}._Tertiary_1jlaj_24 ._Text_1jlaj_28,._Tertiary_1jlaj_24 ._Info_1jlaj_71{color:var(--rm-ui-color-text-primary)}._Button_1jlaj_1:not(._Loading_1jlaj_111):not(:disabled):hover{cursor:pointer}._Button_1jlaj_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_1jlaj_119{width:100%}._Content_1jlaj_123{display:flex;flex-direction:column}._Info_1jlaj_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_1jlaj_71._SM_1jlaj_19{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Info_1jlaj_71._MD_1jlaj_34{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - 2px)}._Info_1jlaj_71._LG_1jlaj_24{font-size:var(--rm-ui-font-size-body-large);line-height:calc(var(--rm-ui-line-height-body-large) - 2px)}._Text_1jlaj_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_1jlaj_153{position:absolute}