@arthurzakharov/ui-kit 1.6.1 → 1.6.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
|
+
._InfoPanel_1u1r0_1{position:relative;padding:var(--rm-ui-padding-md) 0;background-color:var(--rm-ui-info-panel-bg);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)}._InfoPanel_1u1r0_1:before,._InfoPanel_1u1r0_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:inherit}._InfoPanel_1u1r0_1:before{left:0}._InfoPanel_1u1r0_1:after{right:0}._List_1u1r0_30{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Item_1u1r0_40{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xxs)}._Key_1u1r0_48{color:var(--rm-ui-color-text-secondary)}._Value_1u1r0_52{color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._Item_1u1r0_40{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as e, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import c from "clsx";
|
|
3
3
|
import { baseProps as n } from "../../utils/functions/functions.util.js";
|
|
4
|
-
import '../../assets/info-panel-
|
|
5
|
-
InfoPanel:
|
|
4
|
+
import '../../assets/info-panel-BJPuE65n.css';const r = "_InfoPanel_1u1r0_1", m = "_List_1u1r0_30", d = "_Item_1u1r0_40", _ = "_Key_1u1r0_48", f = "_Value_1u1r0_52", a = {
|
|
5
|
+
InfoPanel: r,
|
|
6
6
|
List: m,
|
|
7
|
-
Item:
|
|
8
|
-
Key:
|
|
7
|
+
Item: d,
|
|
8
|
+
Key: _,
|
|
9
9
|
Value: f
|
|
10
|
-
},
|
|
10
|
+
}, N = ({ data: l, ...s }) => /* @__PURE__ */ e(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
13
|
"data-testid": n(s, "data-testid", "info-panel"),
|
|
14
|
-
className:
|
|
15
|
-
children: /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
14
|
+
className: c(a.InfoPanel, n(s, "className")),
|
|
15
|
+
children: /* @__PURE__ */ e("ul", { "data-testid": "info-panel-list", className: a.List, children: l.map(([t, i]) => /* @__PURE__ */ o("li", { className: a.Item, children: [
|
|
16
|
+
/* @__PURE__ */ e("span", { "data-testid": "info-panel-key", className: a.Key, children: t }),
|
|
17
|
+
/* @__PURE__ */ e("span", { "data-testid": "info-panel-value", className: a.Value, children: i })
|
|
18
18
|
] }, t)) })
|
|
19
19
|
}
|
|
20
20
|
);
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
N as InfoPanel
|
|
23
23
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as G } from "react/jsx-runtime";
|
|
2
2
|
import h from "clsx";
|
|
3
3
|
import { Content as L } from "../../utils/content/content.component.js";
|
|
4
|
-
import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_553v9_7", S = "_Center_553v9_11", f = "_Right_553v9_15", T = "_Light_553v9_21",
|
|
4
|
+
import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_553v9_7", S = "_Center_553v9_11", f = "_Right_553v9_15", T = "_Light_553v9_21", b = "_Regular_553v9_25", B = "_Medium_553v9_29", H = "_Bold_553v9_33", w = "_BodyExtraSmall_553v9_39", P = "_BodySmall_553v9_44", R = "_Body_553v9_39", z = "_BodyLarge_553v9_54", A = "_HL1_553v9_59", E = "_HL2_553v9_64", C = "_HL3_553v9_69", k = "_HL4_553v9_74", M = "_HL5_553v9_79", F = "_TextPrimary_553v9_86", $ = "_TextSecondary_553v9_90", N = "_AccentPrimary_553v9_94", j = "_AccentSecondary_553v9_98", W = "_ThemePrimary_553v9_102", q = "_ThemeSecondary_553v9_106", D = "_Success_553v9_114", I = "_Focus_553v9_118", J = "_Link_553v9_122", K = "_Grey950_553v9_126", O = "_Grey900_553v9_130", Q = "_Grey800_553v9_134", U = "_Grey700_553v9_138", V = "_Grey600_553v9_142", X = "_Grey500_553v9_146", Y = "_Grey400_553v9_150", Z = "_Grey300_553v9_154", ee = "_Grey200_553v9_158", re = "_Grey100_553v9_162", te = "_Grey50_553v9_146", e = {
|
|
5
5
|
Lined: x,
|
|
6
6
|
Left: u,
|
|
7
7
|
Center: S,
|
|
8
8
|
Right: f,
|
|
9
9
|
Light: T,
|
|
10
|
-
Regular:
|
|
11
|
-
Medium:
|
|
12
|
-
Bold:
|
|
10
|
+
Regular: b,
|
|
11
|
+
Medium: B,
|
|
12
|
+
Bold: H,
|
|
13
13
|
BodyExtraSmall: w,
|
|
14
14
|
BodySmall: P,
|
|
15
15
|
Body: R,
|
|
@@ -43,9 +43,9 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_5
|
|
|
43
43
|
}, oe = {
|
|
44
44
|
"page-info": { tag: "p", weight: "light", size: "body", color: "text-secondary" },
|
|
45
45
|
"page-subtitle": { tag: "h6", weight: "regular", size: "body", color: "text-primary" },
|
|
46
|
-
"page-title": { tag: "h1", weight: "
|
|
46
|
+
"page-title": { tag: "h1", weight: "bold", size: "hl2", color: "text-primary" },
|
|
47
47
|
"sidebar-title": { tag: "h3", weight: "medium", size: "hl3", color: "text-primary" },
|
|
48
|
-
"step-title": { tag: "h2", weight: "
|
|
48
|
+
"step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" }
|
|
49
49
|
}, _e = ({
|
|
50
50
|
children: m,
|
|
51
51
|
className: g,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._InfoPanel_1xied_1{position:relative;padding:var(--rm-ui-padding-md) 0;background-color:var(--rm-ui-info-panel-bg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._InfoPanel_1xied_1:before,._InfoPanel_1xied_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:inherit}._InfoPanel_1xied_1:before{left:0}._InfoPanel_1xied_1:after{right:0}._List_1xied_30{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Item_1xied_40{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xxs)}._Key_1xied_48{color:var(--rm-ui-color-text-secondary)}._Value_1xied_52{color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._Item_1xied_40{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}
|