@arthurzakharov/ui-kit 2.0.4 → 2.0.5

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-CE_Bd7VQ.css +1 -0
  2. package/dist/controls/buttons/button/button.component.js +62 -62
  3. package/package.json +1 -1
  4. package/dist/assets/button-0LDVBgrU.css +0 -1
package/dist/assets/button-CE_Bd7VQ.css ADDED
@@ -0,0 +1 @@
1
+ ._Button_esa05_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_esa05_1:disabled{cursor:not-allowed;opacity:.33}._Button_esa05_1._SM_esa05_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_esa05_1._LG_esa05_24._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_esa05_1._SM_esa05_19 ._Text_esa05_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_esa05_1._MD_esa05_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_esa05_1._MD_esa05_34._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_esa05_1._LG_esa05_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_esa05_1._LG_esa05_24._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_esa05_1._MD_esa05_34 ._Text_esa05_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_esa05_1._LG_esa05_24 ._Text_esa05_28{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Button_esa05_1._Primary_esa05_62{background-color:var(--rm-ui-next-btn-bg)}._Button_esa05_1._Primary_esa05_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_esa05_1._Primary_esa05_62 ._Text_esa05_28,._Button_esa05_1._Primary_esa05_62 ._Info_esa05_71{color:#fff}._Button_esa05_1._Secondary_esa05_75{border:1px solid transparent;background-color:transparent}._Button_esa05_1._Secondary_esa05_75:hover{border-color:var(--rm-ui-grey-400)}._Button_esa05_1._Secondary_esa05_75:hover ._Text_esa05_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_esa05_1._Secondary_esa05_75 ._Text_esa05_28,._Button_esa05_1._Secondary_esa05_75 ._Info_esa05_71{color:var(--rm-ui-color-text-secondary)}._Button_esa05_1._Tertiary_esa05_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_esa05_1._Tertiary_esa05_24:hover{border-color:var(--rm-ui-grey-200)}._Button_esa05_1._Tertiary_esa05_24:hover ._Text_esa05_28{color:var(--rm-ui-grey-700)}._Button_esa05_1._Tertiary_esa05_24 ._Text_esa05_28,._Button_esa05_1._Tertiary_esa05_24 ._Info_esa05_71{color:var(--rm-ui-color-text-primary)}._Button_esa05_1:not(._Loading_esa05_111):not(:disabled):hover{cursor:pointer}._Button_esa05_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_esa05_1._FullWidth_esa05_119{width:100%}._Content_esa05_123{display:flex;flex-direction:column}._Info_esa05_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_esa05_71._SM_esa05_19{font-size:var(--rm-ui-font-size-body-small);line-height:1.2}._Info_esa05_71._MD_esa05_34{font-size:var(--rm-ui-font-size-body);line-height:1.2}._Info_esa05_71._LG_esa05_24{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Text_esa05_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_esa05_154{position:absolute}
package/dist/controls/buttons/button/button.component.js CHANGED
@@ -1,66 +1,66 @@
1
- import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
- import l from "clsx";
3
- import { FadeScale as h } from "../../../animations/fade-scale/fade-scale.component.js";
4
- import { Loader as M } from "../../../components/loader/loader.component.js";
5
- import { Content as x } from "../../../utils/content/content.component.js";
6
- import { withControl as C, baseProps as _ } from "../../../utils/functions/functions.util.js";
7
- import '../../../assets/button-0LDVBgrU.css';const T = "_Button_wu4lk_1", B = "_SM_wu4lk_19", F = "_LG_wu4lk_24", N = "_Tertiary_wu4lk_24", S = "_Text_wu4lk_28", b = "_MD_wu4lk_34", D = "_Primary_wu4lk_62", G = "_Info_wu4lk_71", P = "_Secondary_wu4lk_75", I = "_Loading_wu4lk_111", W = "_FullWidth_wu4lk_119", g = "_Content_wu4lk_123", $ = "_Loader_wu4lk_153", t = {
8
- Button: T,
9
- SM: B,
10
- LG: F,
11
- Tertiary: N,
12
- Text: S,
13
- MD: b,
14
- Primary: D,
15
- Info: G,
16
- Secondary: P,
17
- Loading: I,
18
- FullWidth: W,
19
- Content: g,
20
- Loader: $
1
+ import { jsxs as c, jsx as n } from "react/jsx-runtime";
2
+ import _ 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 d } from "../../../utils/functions/functions.util.js";
7
+ import '../../../assets/button-CE_Bd7VQ.css';const F = "_Button_esa05_1", N = "_SM_esa05_19", S = "_LG_esa05_24", b = "_Tertiary_esa05_24", D = "_Text_esa05_28", G = "_MD_esa05_34", P = "_Primary_esa05_62", I = "_Info_esa05_71", W = "_Secondary_esa05_75", g = "_Loading_esa05_111", w = "_FullWidth_esa05_119", $ = "_Content_esa05_123", j = "_Loader_esa05_154", 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
- text: d,
23
- color: r = "primary",
24
- textSize: o = "md",
25
- infoSize: e = "sm",
26
- type: i = "button",
27
- disabled: m = !1,
28
- info: u = "",
29
- fullWidth: y = !1,
30
- loading: n = !1,
31
- preventDefault: w = !1,
32
- blurAfterClick: k = !1,
33
- onClick: p = () => {
22
+ text: i,
23
+ color: e = "primary",
24
+ textSize: s = "md",
25
+ infoSize: r = "sm",
26
+ type: m = "button",
27
+ disabled: l = !1,
28
+ info: y = "",
29
+ fullWidth: u = !1,
30
+ loading: a = !1,
31
+ preventDefault: p = !1,
32
+ blurAfterClick: L = !1,
33
+ onClick: f = () => {
34
34
  },
35
- onFocus: L,
36
- onBlur: f,
37
- ...s
35
+ onFocus: h,
36
+ onBlur: M,
37
+ ...o
38
38
  }) => /* @__PURE__ */ c(
39
39
  "button",
40
40
  {
41
- "data-testid": _(s, "data-testid", "button"),
42
- type: i,
43
- disabled: m || n,
44
- className: l(t.Button, _(s, "className"), {
45
- [t.SM]: o === "sm",
46
- [t.MD]: o === "md",
47
- [t.LG]: o === "lg",
48
- [t.Primary]: r === "primary",
49
- [t.Secondary]: r === "secondary",
50
- [t.Tertiary]: r === "tertiary",
51
- [t.FullWidth]: y,
52
- [t.Loading]: n
41
+ "data-testid": d(o, "data-testid", "button"),
42
+ type: m,
43
+ disabled: l || a,
44
+ className: _(t.Button, d(o, "className"), {
45
+ [t.SM]: s === "sm",
46
+ [t.MD]: s === "md",
47
+ [t.LG]: s === "lg",
48
+ [t.Primary]: e === "primary",
49
+ [t.Secondary]: e === "secondary",
50
+ [t.Tertiary]: e === "tertiary",
51
+ [t.FullWidth]: u,
52
+ [t.Loading]: a
53
53
  }),
54
- onClick: C(p, { prevent: w, blur: k }),
55
- onFocus: () => L?.(),
56
- onBlur: () => f?.(),
54
+ onClick: B(f, { prevent: p, blur: L }),
55
+ onFocus: () => h?.(),
56
+ onBlur: () => M?.(),
57
57
  children: [
58
- n && /* @__PURE__ */ a(
59
- M,
58
+ a && /* @__PURE__ */ n(
59
+ C,
60
60
  {
61
61
  size: "xs",
62
62
  color: (() => {
63
- switch (r) {
63
+ switch (e) {
64
64
  case "primary":
65
65
  return "white";
66
66
  case "secondary":
@@ -72,17 +72,17 @@ import '../../../assets/button-0LDVBgrU.css';const T = "_Button_wu4lk_1", B = "_
72
72
  className: t.Loader
73
73
  }
74
74
  ),
75
- /* @__PURE__ */ c(h, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
76
- /* @__PURE__ */ a("span", { className: t.Text, children: d }),
77
- /* @__PURE__ */ a(
78
- x,
75
+ /* @__PURE__ */ c(x, { name: "content", keepMount: !0, condition: !a, className: t.Content, children: [
76
+ /* @__PURE__ */ n("span", { className: t.Text, children: i }),
77
+ /* @__PURE__ */ n(
78
+ T,
79
79
  {
80
- className: l(t.Info, {
81
- [t.SM]: e === "sm",
82
- [t.MD]: e === "md",
83
- [t.LG]: e === "lg"
80
+ className: _(t.Info, {
81
+ [t.SM]: r === "sm",
82
+ [t.MD]: r === "md",
83
+ [t.LG]: r === "lg"
84
84
  }),
85
- children: u
85
+ children: y
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.4",
4
+ "version": "2.0.5",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
package/dist/assets/button-0LDVBgrU.css DELETED
@@ -1 +0,0 @@
1
- ._Button_wu4lk_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_wu4lk_1:disabled{cursor:not-allowed;opacity:.33}._Button_wu4lk_1._SM_wu4lk_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_wu4lk_1._LG_wu4lk_24._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_wu4lk_1._SM_wu4lk_19 ._Text_wu4lk_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_wu4lk_1._MD_wu4lk_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_wu4lk_1._MD_wu4lk_34._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_wu4lk_1._LG_wu4lk_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_wu4lk_1._LG_wu4lk_24._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_wu4lk_1._MD_wu4lk_34 ._Text_wu4lk_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_wu4lk_1._LG_wu4lk_24 ._Text_wu4lk_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Button_wu4lk_1._Primary_wu4lk_62{background-color:var(--rm-ui-next-btn-bg)}._Button_wu4lk_1._Primary_wu4lk_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_wu4lk_1._Primary_wu4lk_62 ._Text_wu4lk_28,._Button_wu4lk_1._Primary_wu4lk_62 ._Info_wu4lk_71{color:#fff}._Button_wu4lk_1._Secondary_wu4lk_75{border:1px solid transparent;background-color:transparent}._Button_wu4lk_1._Secondary_wu4lk_75:hover{border-color:var(--rm-ui-grey-400)}._Button_wu4lk_1._Secondary_wu4lk_75:hover ._Text_wu4lk_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_wu4lk_1._Secondary_wu4lk_75 ._Text_wu4lk_28,._Button_wu4lk_1._Secondary_wu4lk_75 ._Info_wu4lk_71{color:var(--rm-ui-color-text-secondary)}._Button_wu4lk_1._Tertiary_wu4lk_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_wu4lk_1._Tertiary_wu4lk_24:hover{border-color:var(--rm-ui-grey-200)}._Button_wu4lk_1._Tertiary_wu4lk_24:hover ._Text_wu4lk_28{color:var(--rm-ui-grey-700)}._Button_wu4lk_1._Tertiary_wu4lk_24 ._Text_wu4lk_28,._Button_wu4lk_1._Tertiary_wu4lk_24 ._Info_wu4lk_71{color:var(--rm-ui-color-text-primary)}._Button_wu4lk_1:not(._Loading_wu4lk_111):not(:disabled):hover{cursor:pointer}._Button_wu4lk_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_wu4lk_1._FullWidth_wu4lk_119{width:100%}._Content_wu4lk_123{display:flex;flex-direction:column}._Info_wu4lk_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_wu4lk_71._SM_wu4lk_19{font-size:var(--rm-ui-font-size-body-small);line-height:1.2}._Info_wu4lk_71._MD_wu4lk_34{font-size:var(--rm-ui-font-size-body);line-height:1.2}._Info_wu4lk_71._LG_wu4lk_24{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Text_wu4lk_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_wu4lk_153{position:absolute}