@arthurzakharov/ui-kit 1.7.1 → 1.7.2
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Button_2uv09_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_2uv09_1:disabled{cursor:not-allowed;opacity:.75}._SM_2uv09_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_2uv09_19 ._Text_2uv09_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_2uv09_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_2uv09_34._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_2uv09_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_2uv09_24._Tertiary_2uv09_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_2uv09_34 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_2uv09_24 ._Text_2uv09_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_2uv09_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_2uv09_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_2uv09_62 ._Text_2uv09_28,._Primary_2uv09_62 ._Info_2uv09_71{color:#fff}._Secondary_2uv09_75{border:1px solid transparent;background-color:transparent}._Secondary_2uv09_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75:hover ._Text_2uv09_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_2uv09_75 ._Text_2uv09_28,._Secondary_2uv09_75 ._Info_2uv09_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_2uv09_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_2uv09_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_2uv09_24:hover ._Text_2uv09_28{color:var(--rm-ui-grey-700)}._Tertiary_2uv09_24 ._Text_2uv09_28,._Tertiary_2uv09_24 ._Info_2uv09_71{color:var(--rm-ui-color-text-primary)}._Button_2uv09_1:not(._Loading_2uv09_111):not(:disabled):hover{cursor:pointer}._Button_2uv09_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_2uv09_119{width:100%}._Content_2uv09_123{display:flex;flex-direction:column}._Info_2uv09_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_2uv09_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_2uv09_140{position:absolute}
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import L from "clsx";
|
|
3
3
|
import { FadeScale as h } from "../../../animations/fade-scale/fade-scale.component.js";
|
|
4
|
-
import { Loader as
|
|
5
|
-
import { Content as
|
|
6
|
-
import { withControl as
|
|
7
|
-
import '../../../assets/button-
|
|
8
|
-
Button:
|
|
9
|
-
SM:
|
|
10
|
-
LG:
|
|
11
|
-
Tertiary:
|
|
12
|
-
Text:
|
|
13
|
-
MD:
|
|
14
|
-
Primary:
|
|
15
|
-
Info:
|
|
16
|
-
Secondary:
|
|
17
|
-
Loading:
|
|
18
|
-
FullWidth:
|
|
19
|
-
Content:
|
|
20
|
-
Loader:
|
|
4
|
+
import { Loader as x } from "../../../components/loader/loader.component.js";
|
|
5
|
+
import { Content as M } from "../../../utils/content/content.component.js";
|
|
6
|
+
import { withControl as S, baseProps as c } from "../../../utils/functions/functions.util.js";
|
|
7
|
+
import '../../../assets/button-BjcertIq.css';const C = "_Button_2uv09_1", T = "_SM_2uv09_19", B = "_LG_2uv09_24", F = "_Tertiary_2uv09_24", N = "_Text_2uv09_28", b = "_MD_2uv09_34", P = "_Primary_2uv09_62", D = "_Info_2uv09_71", G = "_Secondary_2uv09_75", I = "_Loading_2uv09_111", W = "_FullWidth_2uv09_119", w = "_Content_2uv09_123", $ = "_Loader_2uv09_140", t = {
|
|
8
|
+
Button: C,
|
|
9
|
+
SM: T,
|
|
10
|
+
LG: B,
|
|
11
|
+
Tertiary: F,
|
|
12
|
+
Text: N,
|
|
13
|
+
MD: b,
|
|
14
|
+
Primary: P,
|
|
15
|
+
Info: D,
|
|
16
|
+
Secondary: G,
|
|
17
|
+
Loading: I,
|
|
18
|
+
FullWidth: W,
|
|
19
|
+
Content: w,
|
|
20
|
+
Loader: $
|
|
21
21
|
}, H = ({
|
|
22
|
-
text:
|
|
22
|
+
text: _,
|
|
23
23
|
color: r = "primary",
|
|
24
24
|
size: o = "md",
|
|
25
|
-
type:
|
|
26
|
-
disabled:
|
|
25
|
+
type: i = "button",
|
|
26
|
+
disabled: u = !1,
|
|
27
27
|
info: d = "",
|
|
28
28
|
fullWidth: m = !1,
|
|
29
29
|
loading: n = !1,
|
|
30
|
-
preventDefault:
|
|
30
|
+
preventDefault: l = !1,
|
|
31
31
|
blurAfterClick: y = !1,
|
|
32
|
-
onClick:
|
|
32
|
+
onClick: f = () => {
|
|
33
33
|
},
|
|
34
|
-
onFocus:
|
|
35
|
-
onBlur:
|
|
34
|
+
onFocus: p,
|
|
35
|
+
onBlur: v,
|
|
36
36
|
...a
|
|
37
37
|
}) => /* @__PURE__ */ s(
|
|
38
38
|
"button",
|
|
39
39
|
{
|
|
40
40
|
"data-testid": c(a, "data-testid", "button"),
|
|
41
|
-
type:
|
|
42
|
-
disabled:
|
|
41
|
+
type: i,
|
|
42
|
+
disabled: u || n,
|
|
43
43
|
className: L(t.Button, c(a, "className"), {
|
|
44
44
|
[t.SM]: o === "sm",
|
|
45
45
|
[t.MD]: o === "md",
|
|
@@ -50,12 +50,12 @@ import '../../../assets/button-quDWRhSN.css';const T = "_Button_12lx1_1", B = "_
|
|
|
50
50
|
[t.FullWidth]: m,
|
|
51
51
|
[t.Loading]: n
|
|
52
52
|
}),
|
|
53
|
-
onClick:
|
|
54
|
-
onFocus: () =>
|
|
55
|
-
onBlur: () =>
|
|
53
|
+
onClick: S(f, { prevent: l, blur: y }),
|
|
54
|
+
onFocus: () => p?.(),
|
|
55
|
+
onBlur: () => v?.(),
|
|
56
56
|
children: [
|
|
57
57
|
n && /* @__PURE__ */ e(
|
|
58
|
-
|
|
58
|
+
x,
|
|
59
59
|
{
|
|
60
60
|
size: "xs",
|
|
61
61
|
color: (() => {
|
|
@@ -72,8 +72,8 @@ import '../../../assets/button-quDWRhSN.css';const T = "_Button_12lx1_1", B = "_
|
|
|
72
72
|
}
|
|
73
73
|
),
|
|
74
74
|
/* @__PURE__ */ s(h, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
|
|
75
|
-
/* @__PURE__ */ e("span", { className: t.Text, children:
|
|
76
|
-
/* @__PURE__ */ e(
|
|
75
|
+
/* @__PURE__ */ e("span", { className: t.Text, children: _ }),
|
|
76
|
+
/* @__PURE__ */ e(M, { className: t.Info, children: d })
|
|
77
77
|
] })
|
|
78
78
|
]
|
|
79
79
|
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Button_12lx1_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)}._SM_12lx1_14{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_12lx1_19._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_12lx1_14 ._Text_12lx1_23{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_12lx1_29{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_12lx1_29._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_12lx1_19{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_12lx1_19._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_12lx1_29 ._Text_12lx1_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_12lx1_19 ._Text_12lx1_23{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_12lx1_57{background-color:var(--rm-ui-next-btn-bg)}._Primary_12lx1_57:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_12lx1_57 ._Text_12lx1_23,._Primary_12lx1_57 ._Info_12lx1_66{color:#fff}._Secondary_12lx1_70{border:1px solid transparent;background-color:transparent}._Secondary_12lx1_70:hover{border-color:var(--rm-ui-grey-400)}._Secondary_12lx1_70:hover ._Text_12lx1_23{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_12lx1_70 ._Text_12lx1_23,._Secondary_12lx1_70 ._Info_12lx1_66{color:var(--rm-ui-color-text-secondary)}._Tertiary_12lx1_19{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_12lx1_19:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_12lx1_19:hover ._Text_12lx1_23{color:var(--rm-ui-grey-700)}._Tertiary_12lx1_19 ._Text_12lx1_23,._Tertiary_12lx1_19 ._Info_12lx1_66{color:var(--rm-ui-color-text-primary)}._Button_12lx1_1:not(._Loading_12lx1_106):not(:disabled):hover{cursor:pointer}._Button_12lx1_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_12lx1_114{width:100%}._Content_12lx1_118{display:flex;flex-direction:column}._Info_12lx1_66{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_12lx1_23{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_12lx1_135{position:absolute}
|