@arthurzakharov/ui-kit 1.9.5 → 1.9.7

package/dist/assets/form-row-C3gc233I.css

@@ -0,0 +1 @@
+._FormRow_1cyhm_1{display:flex;flex-direction:column;align-items:stretch}._XXS_1cyhm_7{gap:var(--rm-ui-padding-xxs);--rm-form-row-gap: var(--rm-ui-padding-xxs)}._XS_1cyhm_12{gap:var(--rm-ui-padding-xs);--rm-form-row-gap: var(--rm-ui-padding-xs)}._SM_1cyhm_17{gap:var(--rm-ui-padding-sm);--rm-form-row-gap: var(--rm-ui-padding-sm)}._MD_1cyhm_22{gap:var(--rm-ui-padding-md);--rm-form-row-gap: var(--rm-ui-padding-md)}._LG_1cyhm_27,._XL_1cyhm_32{gap:var(--rm-ui-padding-xl);--rm-form-row-gap: var(--rm-ui-padding-xl)}._XXL_1cyhm_37{gap:var(--rm-ui-padding-xxl);--rm-form-row-gap: var(--rm-ui-padding-xxl)}._XXXL_1cyhm_42{gap:var(--rm-ui-padding-xxxl);--rm-form-row-gap: var(--rm-ui-padding-xxxl)}@media screen and (min-width:768px){._FormRow_1cyhm_1{flex-direction:row}._Child_1cyhm_52[data-children-quantity="1"]{width:100%}._Child_1cyhm_52[data-children-quantity="2"]:not([data-width]){width:50%}._Child_1cyhm_52[data-children-quantity="3"]:not([data-width]){width:calc(100% / 3)}._Child_1cyhm_52[data-children-quantity="4"]:not([data-width]){width:25%}._Child_1cyhm_52[data-width="1"]{width:100%}._Child_1cyhm_52[data-width="1/2"]{width:50%}._Child_1cyhm_52[data-width="1/2"][data-children-quantity="1"]{width:calc((100% / 2) - var(--rm-form-row-gap))}._Child_1cyhm_52[data-width="1/3"]{width:calc(100% / 3)}._Child_1cyhm_52[data-width="1/3"][data-children-quantity="1"]{width:calc((100% / 3) - var(--rm-form-row-gap))}._Child_1cyhm_52[data-width="2/3"]{width:calc(200% / 3)}._Child_1cyhm_52[data-width="2/3"][data-children-quantity="1"]{width:calc((200% / 3) - var(--rm-form-row-gap))}._Child_1cyhm_52[data-width="1/4"]{width:25%}._Child_1cyhm_52[data-width="1/4"][data-children-quantity="1"]{width:calc((100% / 4) - var(--rm-form-row-gap))}._Child_1cyhm_52[data-width="2/4"]{width:50%}._Child_1cyhm_52[data-width="2/4"][data-children-quantity="1"]{width:calc((200% / 4) - var(--rm-form-row-gap))}._Child_1cyhm_52[data-width="3/4"]{width:75%}._Child_1cyhm_52[data-width="3/4"][data-children-quantity="1"]{width:calc((300% / 4) - var(--rm-form-row-gap))}}

package/dist/components/form-row/form-row.component.js

@@ -1,19 +1,19 @@
-import { jsx as X } from "react/jsx-runtime";
-import { Children as d, isValidElement as u } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { Children as X, isValidElement as u } from "react";
 import f from "clsx";
-import { baseProps as _ } from "../../utils/functions/functions.util.js";
-import '../../assets/form-row-BIcA2L8w.css';const L = "_FormRow_qe4e4_1", w = "_XXS_qe4e4_7", q = "_XS_qe4e4_11", S = "_SM_qe4e4_15", F = "_MD_qe4e4_19", x = "_LG_qe4e4_23", v = "_XL_qe4e4_27", b = "_XXL_qe4e4_31", M = "_XXXL_qe4e4_35", R = "_Child_qe4e4_39", e = {
+import { baseProps as h } from "../../utils/functions/functions.util.js";
+import '../../assets/form-row-C3gc233I.css';const L = "_FormRow_1cyhm_1", w = "_XXS_1cyhm_7", S = "_XS_1cyhm_12", y = "_SM_1cyhm_17", F = "_MD_1cyhm_22", x = "_LG_1cyhm_27", v = "_XL_1cyhm_32", b = "_XXL_1cyhm_37", M = "_XXXL_1cyhm_42", R = "_Child_1cyhm_52", o = {
   FormRow: L,
   XXS: w,
-  XS: q,
-  SM: S,
+  XS: S,
+  SM: y,
   MD: F,
   LG: x,
   XL: v,
   XXL: b,
   XXXL: M,
   Child: R
-}, r = {
+}, s = {
   1: 12,
   "1/2": 6,
   "1/3": 4,
@@ -21,44 +21,44 @@ import '../../assets/form-row-BIcA2L8w.css';const L = "_FormRow_qe4e4_1", w = "_
   "1/4": 3,
   "2/4": 6,
   "3/4": 9
-}, k = r[1], j = ({ children: i, gap: o = "sm", widths: t, ...a }) => {
-  if (d.count(i) === 0) return null;
-  const l = d.toArray(i).filter(u);
-  let c = !1;
-  if (t)
-    if (t.length !== l.length)
+}, k = s[1], j = ({ children: r, gap: t = "sm", widths: e, ...i }) => {
+  if (X.count(r) === 0) return null;
+  const l = X.toArray(r).filter(u);
+  let a = !1;
+  if (e)
+    if (e.length !== l.length)
       console.warn(
-        `[FormRow] \`widths\` length (${t.length}) does not match the number of children (${l.length}). Falling back to default equal-width behaviour.`
+        `[FormRow] \`widths\` length (${e.length}) does not match the number of children (${l.length}). Falling back to default equal-width behaviour.`
       );
     else {
-      const s = t.find((n) => !(n in r));
-      s !== void 0 ? console.warn(
-        `[FormRow] \`widths\` contains unknown value "${s}". Supported values are: ${Object.keys(r).join(", ")}. Falling back to default equal-width behaviour.`
-      ) : t.reduce((m, h) => m + r[h], 0) > k ? console.warn(
-        `[FormRow] \`widths\` total (${t.join(" + ")}) exceeds 1. Falling back to default equal-width behaviour.`
-      ) : c = !0;
+      const c = e.find((n) => !(n in s));
+      c !== void 0 ? console.warn(
+        `[FormRow] \`widths\` contains unknown value "${c}". Supported values are: ${Object.keys(s).join(", ")}. Falling back to default equal-width behaviour.`
+      ) : e.reduce((d, _) => d + s[_], 0) > k ? console.warn(
+        `[FormRow] \`widths\` total (${e.join(" + ")}) exceeds 1. Falling back to default equal-width behaviour.`
+      ) : a = !0;
     }
-  return /* @__PURE__ */ X(
+  return /* @__PURE__ */ m(
     "div",
     {
-      "data-testid": _(a, "data-testid", "form-row"),
-      className: f(e.FormRow, _(a, "className"), {
-        [e.XXS]: o === "xxs",
-        [e.XS]: o === "xs",
-        [e.SM]: o === "sm",
-        [e.MD]: o === "md",
-        [e.LG]: o === "lg",
-        [e.XL]: o === "xl",
-        [e.XXL]: o === "xxl",
-        [e.XXXL]: o === "xxxl"
+      "data-testid": h(i, "data-testid", "form-row"),
+      className: f(o.FormRow, h(i, "className"), {
+        [o.XXS]: t === "xxs",
+        [o.XS]: t === "xs",
+        [o.SM]: t === "sm",
+        [o.MD]: t === "md",
+        [o.LG]: t === "lg",
+        [o.XL]: t === "xl",
+        [o.XXL]: t === "xxl",
+        [o.XXXL]: t === "xxxl"
       }),
-      children: l.map((s, n) => /* @__PURE__ */ X(
+      children: l.map((c, n) => /* @__PURE__ */ m(
         "div",
         {
           "data-children-quantity": l.length,
-          "data-width": c ? t[n] : void 0,
-          className: e.Child,
-          children: s
+          "data-width": a ? e[n] : void 0,
+          className: o.Child,
+          children: c
         },
         n
       ))

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.9.5",
+  "version": "1.9.7",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/form-row-BIcA2L8w.css

@@ -1 +0,0 @@
-._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%}}