@arthurzakharov/ui-kit 1.9.5 → 1.9.6
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
|
+
._FormRow_ne9gl_1{display:flex;flex-direction:column;align-items:stretch}._XXS_ne9gl_14{gap:var(--rm-ui-padding-xxs);--rm-form-row-gap: var(--rm-ui-padding-xxs)}._XS_ne9gl_19{gap:var(--rm-ui-padding-xs);--rm-form-row-gap: var(--rm-ui-padding-xs)}._SM_ne9gl_24{gap:var(--rm-ui-padding-sm);--rm-form-row-gap: var(--rm-ui-padding-sm)}._MD_ne9gl_29{gap:var(--rm-ui-padding-md);--rm-form-row-gap: var(--rm-ui-padding-md)}._LG_ne9gl_34,._XL_ne9gl_39{gap:var(--rm-ui-padding-xl);--rm-form-row-gap: var(--rm-ui-padding-xl)}._XXL_ne9gl_44{gap:var(--rm-ui-padding-xxl);--rm-form-row-gap: var(--rm-ui-padding-xxl)}._XXXL_ne9gl_49{gap:var(--rm-ui-padding-xxxl);--rm-form-row-gap: var(--rm-ui-padding-xxxl)}@media screen and (min-width:768px){._FormRow_ne9gl_1{flex-direction:row}._Child_ne9gl_67:not([data-children-quantity="1"]):not([data-width]){flex-grow:1}._Child_ne9gl_67[data-children-quantity="1"]{width:100%}._Child_ne9gl_67[data-children-quantity="2"]:not([data-width]){width:50%}._Child_ne9gl_67[data-children-quantity="3"]:not([data-width]){width:calc(100% / 3)}._Child_ne9gl_67[data-children-quantity="4"]:not([data-width]){width:25%}._Child_ne9gl_67[data-children-quantity="2"]{--rm-form-row-gap-shrink: calc(var(--rm-form-row-gap) / 2)}._Child_ne9gl_67[data-children-quantity="3"]{--rm-form-row-gap-shrink: calc(var(--rm-form-row-gap) * 2 / 3)}._Child_ne9gl_67[data-children-quantity="4"]{--rm-form-row-gap-shrink: calc(var(--rm-form-row-gap) * 3 / 4)}._Child_ne9gl_67[data-width="1"]{width:100%}._Child_ne9gl_67[data-width="1/2"]{width:calc(100% / 2 - var(--rm-form-row-gap-shrink, 0px))}._Child_ne9gl_67[data-width="1/3"]{width:calc(100% / 3 - var(--rm-form-row-gap-shrink, 0px))}._Child_ne9gl_67[data-width="2/3"]{width:calc(200% / 3 - var(--rm-form-row-gap-shrink, 0px))}._Child_ne9gl_67[data-width="1/4"]{width:calc(100% / 4 - var(--rm-form-row-gap-shrink, 0px))}._Child_ne9gl_67[data-width="2/4"]{width:calc(200% / 4 - var(--rm-form-row-gap-shrink, 0px))}._Child_ne9gl_67[data-width="3/4"]{width:calc(300% / 4 - var(--rm-form-row-gap-shrink, 0px))}}
|
|
@@ -2,11 +2,11 @@ import { jsx as X } from "react/jsx-runtime";
|
|
|
2
2
|
import { Children as d, isValidElement as u } from "react";
|
|
3
3
|
import f from "clsx";
|
|
4
4
|
import { baseProps as _ } from "../../utils/functions/functions.util.js";
|
|
5
|
-
import '../../assets/form-row-
|
|
5
|
+
import '../../assets/form-row-Dgz7icFK.css';const L = "_FormRow_ne9gl_1", w = "_XXS_ne9gl_14", S = "_XS_ne9gl_19", g = "_SM_ne9gl_24", F = "_MD_ne9gl_29", x = "_LG_ne9gl_34", v = "_XL_ne9gl_39", b = "_XXL_ne9gl_44", M = "_XXXL_ne9gl_49", R = "_Child_ne9gl_67", o = {
|
|
6
6
|
FormRow: L,
|
|
7
7
|
XXS: w,
|
|
8
|
-
XS:
|
|
9
|
-
SM:
|
|
8
|
+
XS: S,
|
|
9
|
+
SM: g,
|
|
10
10
|
MD: F,
|
|
11
11
|
LG: x,
|
|
12
12
|
XL: v,
|
|
@@ -21,7 +21,7 @@ import '../../assets/form-row-BIcA2L8w.css';const L = "_FormRow_qe4e4_1", w = "_
|
|
|
21
21
|
"1/4": 3,
|
|
22
22
|
"2/4": 6,
|
|
23
23
|
"3/4": 9
|
|
24
|
-
}, k = r[1], j = ({ children: i, gap:
|
|
24
|
+
}, k = r[1], j = ({ children: i, gap: e = "sm", widths: t, ...a }) => {
|
|
25
25
|
if (d.count(i) === 0) return null;
|
|
26
26
|
const l = d.toArray(i).filter(u);
|
|
27
27
|
let c = !1;
|
|
@@ -42,22 +42,22 @@ import '../../assets/form-row-BIcA2L8w.css';const L = "_FormRow_qe4e4_1", w = "_
|
|
|
42
42
|
"div",
|
|
43
43
|
{
|
|
44
44
|
"data-testid": _(a, "data-testid", "form-row"),
|
|
45
|
-
className: f(
|
|
46
|
-
[
|
|
47
|
-
[
|
|
48
|
-
[
|
|
49
|
-
[
|
|
50
|
-
[
|
|
51
|
-
[
|
|
52
|
-
[
|
|
53
|
-
[
|
|
45
|
+
className: f(o.FormRow, _(a, "className"), {
|
|
46
|
+
[o.XXS]: e === "xxs",
|
|
47
|
+
[o.XS]: e === "xs",
|
|
48
|
+
[o.SM]: e === "sm",
|
|
49
|
+
[o.MD]: e === "md",
|
|
50
|
+
[o.LG]: e === "lg",
|
|
51
|
+
[o.XL]: e === "xl",
|
|
52
|
+
[o.XXL]: e === "xxl",
|
|
53
|
+
[o.XXXL]: e === "xxxl"
|
|
54
54
|
}),
|
|
55
55
|
children: l.map((s, n) => /* @__PURE__ */ X(
|
|
56
56
|
"div",
|
|
57
57
|
{
|
|
58
58
|
"data-children-quantity": l.length,
|
|
59
59
|
"data-width": c ? t[n] : void 0,
|
|
60
|
-
className:
|
|
60
|
+
className: o.Child,
|
|
61
61
|
children: s
|
|
62
62
|
},
|
|
63
63
|
n
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._FormRow_qe4e4_1{display:flex;flex-direction:column;align-items:stretch}._XXS_qe4e4_7{gap:var(--rm-ui-padding-xxs)}._XS_qe4e4_11{gap:var(--rm-ui-padding-xs)}._SM_qe4e4_15{gap:var(--rm-ui-padding-sm)}._MD_qe4e4_19{gap:var(--rm-ui-padding-md)}._LG_qe4e4_23,._XL_qe4e4_27{gap:var(--rm-ui-padding-xl)}._XXL_qe4e4_31{gap:var(--rm-ui-padding-xxl)}._XXXL_qe4e4_35{gap:var(--rm-ui-padding-xxxl)}._Child_qe4e4_39{flex-grow:1}@media screen and (min-width:768px){._FormRow_qe4e4_1{flex-direction:row}._Child_qe4e4_39[data-children-quantity="1"]{width:100%}._Child_qe4e4_39[data-children-quantity="2"]{width:50%}._Child_qe4e4_39[data-children-quantity="3"]{width:calc(100% / 3)}._Child_qe4e4_39[data-children-quantity="4"]{width:25%}._Child_qe4e4_39[data-width="1"]{width:100%}._Child_qe4e4_39[data-width="1/2"]{width:50%}._Child_qe4e4_39[data-width="1/3"]{width:calc(100% / 3)}._Child_qe4e4_39[data-width="2/3"]{width:calc(200% / 3)}._Child_qe4e4_39[data-width="1/4"]{width:25%}._Child_qe4e4_39[data-width="2/4"]{width:50%}._Child_qe4e4_39[data-width="3/4"]{width:75%}}
|