@arthurzakharov/ui-kit 1.9.6 → 1.9.8

package/dist/assets/form-row-D6RaOZ-h.css

@@ -0,0 +1 @@
+._FormRow_7ij1y_1{display:flex;flex-direction:column;align-items:stretch}._XXS_7ij1y_7{gap:var(--rm-ui-padding-xxs);--rm-form-row-gap: var(--rm-ui-padding-xxs)}._XS_7ij1y_12{gap:var(--rm-ui-padding-xs);--rm-form-row-gap: var(--rm-ui-padding-xs)}._SM_7ij1y_17{gap:var(--rm-ui-padding-sm);--rm-form-row-gap: var(--rm-ui-padding-sm)}._MD_7ij1y_22{gap:var(--rm-ui-padding-md);--rm-form-row-gap: var(--rm-ui-padding-md)}._LG_7ij1y_27,._XL_7ij1y_32{gap:var(--rm-ui-padding-xl);--rm-form-row-gap: var(--rm-ui-padding-xl)}._XXL_7ij1y_37{gap:var(--rm-ui-padding-xxl);--rm-form-row-gap: var(--rm-ui-padding-xxl)}._XXXL_7ij1y_42{gap:var(--rm-ui-padding-xxxl);--rm-form-row-gap: var(--rm-ui-padding-xxxl)}@media screen and (min-width:768px){._FormRow_7ij1y_1{flex-direction:row}._Child_7ij1y_52[data-children-quantity="1"]{width:100%}._Child_7ij1y_52[data-children-quantity="2"]:not([data-width]){width:50%}._Child_7ij1y_52[data-children-quantity="3"]:not([data-width]){width:calc(100% / 3)}._Child_7ij1y_52[data-children-quantity="4"]:not([data-width]){width:25%}._Child_7ij1y_52[data-width="1"]{width:100%}._Child_7ij1y_52[data-width="1/2"]{width:50%}._Child_7ij1y_52[data-width="1/2"][data-children-quantity="1"]{width:calc((100% / 2) - (var(--rm-form-row-gap) / 2))}._Child_7ij1y_52[data-width="1/3"]{width:calc(100% / 3)}._Child_7ij1y_52[data-width="1/3"][data-children-quantity="1"]{width:calc((100% / 3) - (var(--rm-form-row-gap) / 2))}._Child_7ij1y_52[data-width="2/3"]{width:calc(200% / 3)}._Child_7ij1y_52[data-width="2/3"][data-children-quantity="1"]{width:calc((200% / 3) - (var(--rm-form-row-gap) / 2))}._Child_7ij1y_52[data-width="1/4"]{width:25%}._Child_7ij1y_52[data-width="1/4"][data-children-quantity="1"]{width:calc((100% / 4) - (var(--rm-form-row-gap) / 2))}._Child_7ij1y_52[data-width="2/4"]{width:50%}._Child_7ij1y_52[data-width="2/4"][data-children-quantity="1"]{width:calc((200% / 4) - (var(--rm-form-row-gap) / 2))}._Child_7ij1y_52[data-width="3/4"]{width:75%}._Child_7ij1y_52[data-width="3/4"][data-children-quantity="1"]{width:calc((300% / 4) - (var(--rm-form-row-gap) / 2))}}

package/dist/components/form-row/form-row.component.d.ts

@@ -3,21 +3,6 @@ import { Base, Size } from '../../utils/types';
 export type FormRowWidth = '1/2' | '1/3' | '2/3' | '1/4' | '2/4' | '3/4' | '1';
 export interface FormRowProps extends PropsWithChildren<Base> {
     gap: Size;
-    /**
-     * Force the desktop width of each child individually.
-     *
-     * Pass an array of fractions, one per valid child, in order. Supported values
-     * cover every valid fraction of a four-column grid:
-     * `'1/2'`, `'1/3'`, `'2/3'`, `'1/4'`, `'2/4'`, `'3/4'` and `'1'`.
-     *
-     * If the array length does not match the number of valid children, the array
-     * contains an unknown value, or the fractions sum to more than 1, a warning
-     * is logged and the prop is ignored — the row falls back to the default
-     * behaviour where all children share the row width equally.
-     *
-     * On mobile (< 768px) the row stacks vertically as usual; this prop only
-     * affects the desktop layout.
-     */
     widths?: FormRowWidth[];
 }
 export declare const FormRow: ({ children, gap, widths, ...base }: FormRowProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -2,18 +2,18 @@ import { jsx as X } from "react/jsx-runtime";
 import { Children as d, isValidElement as u } from "react";
 import f from "clsx";
 import { baseProps as _ } from "../../utils/functions/functions.util.js";
-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 = {
+import '../../assets/form-row-D6RaOZ-h.css';const L = "_FormRow_7ij1y_1", w = "_XXS_7ij1y_7", j = "_XS_7ij1y_12", S = "_SM_7ij1y_17", y = "_MD_7ij1y_22", F = "_LG_7ij1y_27", x = "_XL_7ij1y_32", v = "_XXL_7ij1y_37", b = "_XXXL_7ij1y_42", M = "_Child_7ij1y_52", o = {
   FormRow: L,
   XXS: w,
-  XS: S,
-  SM: g,
-  MD: F,
-  LG: x,
-  XL: v,
-  XXL: b,
-  XXXL: M,
-  Child: R
-}, r = {
+  XS: j,
+  SM: S,
+  MD: y,
+  LG: F,
+  XL: x,
+  XXL: v,
+  XXXL: b,
+  Child: M
+}, s = {
   1: 12,
   "1/2": 6,
   "1/3": 4,
@@ -21,21 +21,21 @@ import '../../assets/form-row-Dgz7icFK.css';const L = "_FormRow_ne9gl_1", w = "_
   "1/4": 3,
   "2/4": 6,
   "3/4": 9
-}, k = r[1], j = ({ children: i, gap: e = "sm", widths: t, ...a }) => {
-  if (d.count(i) === 0) return null;
-  const l = d.toArray(i).filter(u);
+}, R = s[1], T = ({ children: r, gap: t = "sm", widths: e, ...a }) => {
+  if (d.count(r) === 0) return null;
+  const l = d.toArray(r).filter(u);
   let c = !1;
-  if (t)
-    if (t.length !== l.length)
+  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.`
+      const i = e.find((n) => !(n in s));
+      i !== void 0 ? console.warn(
+        `[FormRow] \`widths\` contains unknown value "${i}". Supported values are: ${Object.keys(s).join(", ")}. Falling back to default equal-width behaviour.`
+      ) : e.reduce((m, h) => m + s[h], 0) > R ? console.warn(
+        `[FormRow] \`widths\` total (${e.join(" + ")}) exceeds 1. Falling back to default equal-width behaviour.`
       ) : c = !0;
     }
   return /* @__PURE__ */ X(
@@ -43,22 +43,22 @@ import '../../assets/form-row-Dgz7icFK.css';const L = "_FormRow_ne9gl_1", w = "_
     {
       "data-testid": _(a, "data-testid", "form-row"),
       className: f(o.FormRow, _(a, "className"), {
-        [o.XXS]: e === "xxs",
-        [o.XS]: e === "xs",
-        [o.SM]: e === "sm",
-        [o.MD]: e === "md",
-        [o.LG]: e === "lg",
-        [o.XL]: e === "xl",
-        [o.XXL]: e === "xxl",
-        [o.XXXL]: e === "xxxl"
+        [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((i, n) => /* @__PURE__ */ X(
         "div",
         {
           "data-children-quantity": l.length,
-          "data-width": c ? t[n] : void 0,
+          "data-width": c ? e[n] : void 0,
           className: o.Child,
-          children: s
+          children: i
         },
         n
       ))
@@ -66,5 +66,5 @@ import '../../assets/form-row-Dgz7icFK.css';const L = "_FormRow_ne9gl_1", w = "_
   );
 };
 export {
-  j as FormRow
+  T as FormRow
 };

package/package.json

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

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

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