@tipp/ui 2.3.15 → 2.3.16

package/dist/index.cjs

@@ -5538,16 +5538,16 @@ function DynamicFormField({
         })
       );
     case "long_text":
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TextArea, __spreadProps(__spreadValues({}, commonProps), { placeholder: field.placeholder, rows: 4 }));
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TextArea, __spreadProps(__spreadValues({ rows: 4 }, commonProps), { placeholder: field.placeholder }));
     case "dropdown":
       return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         Select.Root,
         {
+          disabled: readonly,
           onValueChange: readonly ? void 0 : (newValue) => {
             void setFieldValue(name, newValue);
           },
           value,
-          disabled: readonly,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Select.Trigger, { placeholder: field.placeholder }),
             /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Select.Content, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Select.Item, { value: String(option.value), children: option.label }, option.value)) })
@@ -5558,12 +5558,12 @@ function DynamicFormField({
       return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         import_themes34.RadioGroup.Root,
         {
+          disabled: readonly,
           onValueChange: readonly ? void 0 : (newValue) => {
             void setFieldValue(name, newValue);
           },
           orientation: field.orientation,
           value: String(value || ""),
-          disabled: readonly,
           children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_themes34.RadioGroup.Item, { value: String(option.value), children: option.label }, option.value))
         }
       );
@@ -5571,28 +5571,28 @@ function DynamicFormField({
       return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         CheckboxGroup.Root,
         {
+          disabled: readonly,
           onValueChange: readonly ? void 0 : (newValue) => {
             void setFieldValue(name, newValue);
           },
           orientation: field.orientation,
           value: Array.isArray(value) ? value.map(String) : [],
-          disabled: readonly,
           children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckboxGroup.Item, { value: String(option.value), children: option.label }, option.value))
         }
       );
     case "yes_no":
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: { display: "flex", alignItems: "flex-start", gap: "8px" }, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_themes22.Flex, { gap: "2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Checkbox,
           {
             checked: Boolean(value),
+            disabled: readonly,
             onCheckedChange: readonly ? void 0 : (checked) => {
               void setFieldValue(name, checked);
-            },
-            disabled: readonly
+            }
           }
         ),
-        field.description ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: { fontSize: "14px", color: "#666", lineHeight: "1.4" }, children: field.description }) : null
+        field.description ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
       ] });
     default:
       return null;
@@ -5703,7 +5703,7 @@ function DynamicFormFieldList({
             required: field.required,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DynamicFormField, { field }),
-              field.description ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Typo, { children: field.description }) : null
+              field.description && field.type !== "yes_no" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Typo, { color: "gray", variant: "caption", children: field.description }) : null
             ]
           }
         )