@arthurzakharov/ui-kit 1.6.7 → 1.6.8
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
|
+
._DialogArticle_cjtxd_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Buttons_cjtxd_8{position:fixed;bottom:var(--rm-ui-padding-lg);left:var(--rm-ui-padding-lg);right:var(--rm-ui-padding-lg);display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm);background-color:var(--rm-ui-content-bg)}._DialogArticle_cjtxd_1 *[class=h1],._DialogArticle_cjtxd_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=h2],._DialogArticle_cjtxd_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=h3],._DialogArticle_cjtxd_1 h3,._DialogArticle_cjtxd_1 *[class=h4],._DialogArticle_cjtxd_1 h4,._DialogArticle_cjtxd_1 *[class=h5],._DialogArticle_cjtxd_1 h5,._DialogArticle_cjtxd_1 *[class=h6],._DialogArticle_cjtxd_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=p],._DialogArticle_cjtxd_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=a],._DialogArticle_cjtxd_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_cjtxd_1 *[class=a]:hover,._DialogArticle_cjtxd_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_cjtxd_1 *[class=b],._DialogArticle_cjtxd_1 b,._DialogArticle_cjtxd_1 *[class=strong],._DialogArticle_cjtxd_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_cjtxd_1 *[class=ul],._DialogArticle_cjtxd_1 ul,._DialogArticle_cjtxd_1 *[class=ol],._DialogArticle_cjtxd_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_cjtxd_1 *[class=ul],._DialogArticle_cjtxd_1 ul{list-style:disc}._DialogArticle_cjtxd_1 *[class=ol],._DialogArticle_cjtxd_1 ol{list-style:decimal}._DialogArticle_cjtxd_1 *[class=li],._DialogArticle_cjtxd_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_cjtxd_1 *[class=table],._DialogArticle_cjtxd_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_cjtxd_1 *[class=hr],._DialogArticle_cjtxd_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_cjtxd_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}@media screen and (min-width:768px){._Buttons_cjtxd_8{position:initial;bottom:initial;left:initial;right:initial}}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as g, useState as
|
|
3
|
-
import { useWindowSize as
|
|
1
|
+
import { jsxs as s, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as g, useState as x } from "react";
|
|
3
|
+
import { useWindowSize as h, useResizeObserver as b } from "usehooks-ts";
|
|
4
4
|
import A from "clsx";
|
|
5
5
|
import { Button as l } from "../../controls/buttons/button/button.component.js";
|
|
6
6
|
import "../../controls/primitives/box/box.component.js";
|
|
7
7
|
import { baseProps as c } from "../../utils/functions/functions.util.js";
|
|
8
8
|
import "lucide-react";
|
|
9
|
-
import '../../assets/dialog-article-
|
|
9
|
+
import '../../assets/dialog-article-kvbDGRO0.css';const B = "_DialogArticle_cjtxd_1", D = "_Buttons_cjtxd_8", n = {
|
|
10
10
|
DialogArticle: B,
|
|
11
11
|
Buttons: D
|
|
12
|
-
},
|
|
13
|
-
const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] =
|
|
12
|
+
}, N = (d) => {
|
|
13
|
+
const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = x(0), { width: p } = h();
|
|
14
14
|
return b({
|
|
15
15
|
ref: o,
|
|
16
16
|
onResize: (r) => f(p < 768 && r.height ? r.height : 0)
|
|
17
|
-
}), /* @__PURE__ */
|
|
17
|
+
}), /* @__PURE__ */ s(
|
|
18
18
|
"div",
|
|
19
19
|
{
|
|
20
20
|
"data-testid": c(i, "data-testid", "dialog-article"),
|
|
@@ -22,8 +22,8 @@ import '../../assets/dialog-article-Cz9hR7zZ.css';const B = "_DialogArticle_1ya5
|
|
|
22
22
|
style: { paddingBottom: u },
|
|
23
23
|
children: [
|
|
24
24
|
m,
|
|
25
|
-
(t || e) && /* @__PURE__ */
|
|
26
|
-
t && /* @__PURE__ */
|
|
25
|
+
(t || e) && /* @__PURE__ */ s("div", { "data-testid": "dialog-article-buttons", ref: o, className: n.Buttons, children: [
|
|
26
|
+
t && /* @__PURE__ */ a(
|
|
27
27
|
l,
|
|
28
28
|
{
|
|
29
29
|
"data-testid": "dialog-article-cancel",
|
|
@@ -35,7 +35,7 @@ import '../../assets/dialog-article-Cz9hR7zZ.css';const B = "_DialogArticle_1ya5
|
|
|
35
35
|
onClick: t.fn
|
|
36
36
|
}
|
|
37
37
|
),
|
|
38
|
-
e && /* @__PURE__ */
|
|
38
|
+
e && /* @__PURE__ */ a(
|
|
39
39
|
l,
|
|
40
40
|
{
|
|
41
41
|
"data-testid": "dialog-article-confirm",
|
|
@@ -53,5 +53,5 @@ import '../../assets/dialog-article-Cz9hR7zZ.css';const B = "_DialogArticle_1ya5
|
|
|
53
53
|
);
|
|
54
54
|
};
|
|
55
55
|
export {
|
|
56
|
-
|
|
56
|
+
N as DialogArticle
|
|
57
57
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._DialogArticle_1ya58_1{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Buttons_1ya58_8{position:fixed;bottom:var(--rm-ui-padding-lg);left:var(--rm-ui-padding-lg);right:var(--rm-ui-padding-lg);display:flex;flex-direction:column;gap:var(--rm-ui-padding-sm);background-color:var(--rm-ui-content-bg)}._DialogArticle_1ya58_1 *[class=h1],._DialogArticle_1ya58_1 h1{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1);color:var(--rm-ui-color-text-primary)}._DialogArticle_1ya58_1 *[class=h2],._DialogArticle_1ya58_1 h2{margin:var(--rm-ui-padding-lg) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-theme-primary)}._DialogArticle_1ya58_1 *[class=h3],._DialogArticle_1ya58_1 h3,._DialogArticle_1ya58_1 *[class=h4],._DialogArticle_1ya58_1 h4,._DialogArticle_1ya58_1 *[class=h5],._DialogArticle_1ya58_1 h5,._DialogArticle_1ya58_1 *[class=h6],._DialogArticle_1ya58_1 h6{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3);color:var(--rm-ui-color-theme-primary)}._DialogArticle_1ya58_1 *[class=p],._DialogArticle_1ya58_1 p{margin:0 0 var(--rm-ui-padding-md);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_1ya58_1 *[class=a],._DialogArticle_1ya58_1 a{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-link);text-decoration:none}._DialogArticle_1ya58_1 *[class=a]:hover,._DialogArticle_1ya58_1 a:hover{cursor:pointer;text-decoration:underline}._DialogArticle_1ya58_1 *[class=b],._DialogArticle_1ya58_1 b,._DialogArticle_1ya58_1 *[class=strong],._DialogArticle_1ya58_1 strong{font-weight:var(--rm-ui-font-weight-medium)}._DialogArticle_1ya58_1 *[class=ul],._DialogArticle_1ya58_1 ul,._DialogArticle_1ya58_1 *[class=ol],._DialogArticle_1ya58_1 ol{padding-left:var(--rm-ui-padding-xxl);margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md)}._DialogArticle_1ya58_1 *[class=ul],._DialogArticle_1ya58_1 ul{list-style:disc}._DialogArticle_1ya58_1 *[class=ol],._DialogArticle_1ya58_1 ol{list-style:decimal}._DialogArticle_1ya58_1 *[class=li],._DialogArticle_1ya58_1 li{padding-bottom:var(--rm-ui-padding-xs)}._DialogArticle_1ya58_1 *[class=table],._DialogArticle_1ya58_1 table{margin:var(--rm-ui-padding-xs) 0 var(--rm-ui-padding-md);width:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._DialogArticle_1ya58_1 *[class=hr],._DialogArticle_1ya58_1 hr{margin:var(--rm-ui-padding-md) 0;border-width:1px;border-color:var(--rm-ui-color-text-primary);border-bottom:none}._DialogArticle_1ya58_1 *[class=center]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center}@media screen and (min-width:768px){._Buttons_1ya58_8{position:initial;bottom:initial;left:initial;right:initial}}
|