@arthurzakharov/ui-kit 1.4.9 → 1.5.0
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_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)}}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import d from "clsx";
|
|
3
3
|
import { baseProps as n } from "../../utils/functions/functions.util.js";
|
|
4
|
-
import '../../assets/info-panel-
|
|
5
|
-
InfoPanel:
|
|
6
|
-
List:
|
|
4
|
+
import '../../assets/info-panel-kV7VEW8z.css';const c = "_InfoPanel_1xied_1", m = "_List_1xied_30", _ = "_Item_1xied_40", r = "_Key_1xied_48", f = "_Value_1xied_52", e = {
|
|
5
|
+
InfoPanel: c,
|
|
6
|
+
List: m,
|
|
7
7
|
Item: _,
|
|
8
8
|
Key: r,
|
|
9
9
|
Value: f
|
|
10
|
-
},
|
|
10
|
+
}, u = ({ data: i, ...s }) => /* @__PURE__ */ a(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
|
-
"data-testid": n(
|
|
14
|
-
className:
|
|
15
|
-
children: /* @__PURE__ */ a("ul", { "data-testid": "info-panel-list", className:
|
|
16
|
-
/* @__PURE__ */ a("span", { "data-testid": "info-panel-key", className:
|
|
17
|
-
/* @__PURE__ */ a("span", { "data-testid": "info-panel-value", className:
|
|
13
|
+
"data-testid": n(s, "data-testid", "info-panel"),
|
|
14
|
+
className: d(e.InfoPanel, n(s, "className")),
|
|
15
|
+
children: /* @__PURE__ */ a("ul", { "data-testid": "info-panel-list", className: e.List, children: i.map(([t, l]) => /* @__PURE__ */ o("li", { className: e.Item, children: [
|
|
16
|
+
/* @__PURE__ */ a("span", { "data-testid": "info-panel-key", className: e.Key, children: t }),
|
|
17
|
+
/* @__PURE__ */ a("span", { "data-testid": "info-panel-value", className: e.Value, children: l })
|
|
18
18
|
] }, t)) })
|
|
19
19
|
}
|
|
20
20
|
);
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
u as InfoPanel
|
|
23
23
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._InfoPanel_h5syx_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_h5syx_1:before,._InfoPanel_h5syx_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:inherit}._InfoPanel_h5syx_1:before{left:0}._InfoPanel_h5syx_1:after{right:0}._List_h5syx_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_h5syx_40{display:flex;flex-direction:row;align-items:center;justify-content:space-between}._Key_h5syx_47{color:var(--rm-ui-color-text-secondary)}._Value_h5syx_51{color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._Item_h5syx_40{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}
|