@timeax/form-palette 0.0.11 → 0.0.12

package/dist/index.d.mts

@@ -3638,10 +3638,31 @@ interface InputFieldBaseProps<TValue = unknown> {
  * NOTE: this is a type alias (not an interface) so we can safely intersect
  * unions coming from VariantPropsFor<K> / VariantValueFor<K>.
  */
-type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
     variant: K;
+    /**
+     * @deprecated Use the specific *ClassName props instead
+     * (className, labelClassName, errorClassName, etc.).
+     */
     classes?: Partial<InputFieldClassNames>;
 };
+interface InputFieldClassNameProps {
+    /** Root comes from `className` on HTMLDivElement */
+    labelRowClassName?: string;
+    inlineRowClassName?: string;
+    labelClassName?: string;
+    sublabelClassName?: string;
+    descriptionClassName?: string;
+    helpTextClassName?: string;
+    errorClassName?: string;
+    groupClassName?: string;
+    contentClassName?: string;
+    variantClassName?: string;
+    inlineInputColumnClassName?: string;
+    inlineLabelColumnClassName?: string;
+    requiredClassName?: string;
+    tagClassName?: string;
+}
 interface InputFieldClassNames {
     root?: string;
     labelRow?: string;

package/dist/index.d.ts

@@ -3638,10 +3638,31 @@ interface InputFieldBaseProps<TValue = unknown> {
  * NOTE: this is a type alias (not an interface) so we can safely intersect
  * unions coming from VariantPropsFor<K> / VariantValueFor<K>.
  */
-type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & {
+type InputFieldProps<K extends VariantKey = VariantKey, H = unknown> = InputFieldBaseProps<VariantValueFor<K, H>> & VariantPropsFor<K, H> & InputFieldClassNameProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & {
     variant: K;
+    /**
+     * @deprecated Use the specific *ClassName props instead
+     * (className, labelClassName, errorClassName, etc.).
+     */
     classes?: Partial<InputFieldClassNames>;
 };
+interface InputFieldClassNameProps {
+    /** Root comes from `className` on HTMLDivElement */
+    labelRowClassName?: string;
+    inlineRowClassName?: string;
+    labelClassName?: string;
+    sublabelClassName?: string;
+    descriptionClassName?: string;
+    helpTextClassName?: string;
+    errorClassName?: string;
+    groupClassName?: string;
+    contentClassName?: string;
+    variantClassName?: string;
+    inlineInputColumnClassName?: string;
+    inlineLabelColumnClassName?: string;
+    requiredClassName?: string;
+    tagClassName?: string;
+}
 interface InputFieldClassNames {
     root?: string;
     labelRow?: string;

package/dist/index.js

@@ -42281,6 +42281,40 @@ function renderHelperSlot(root2, slot, classes) {
       return null;
   }
 }
+function mergeClass(legacy, next) {
+  const value = [legacy, next].filter(Boolean).join(" ");
+  return value || void 0;
+}
+function getClasses(props) {
+  var _a;
+  const legacy = (_a = props.classes) != null ? _a : {};
+  return {
+    root: mergeClass(legacy.root, props.className),
+    labelRow: mergeClass(legacy.labelRow, props.labelRowClassName),
+    inlineRow: mergeClass(legacy.inlineRow, props.inlineRowClassName),
+    label: mergeClass(legacy.label, props.labelClassName),
+    sublabel: mergeClass(legacy.sublabel, props.sublabelClassName),
+    description: mergeClass(
+      legacy.description,
+      props.descriptionClassName
+    ),
+    helpText: mergeClass(legacy.helpText, props.helpTextClassName),
+    error: mergeClass(legacy.error, props.errorClassName),
+    group: mergeClass(legacy.group, props.groupClassName),
+    content: mergeClass(legacy.content, props.contentClassName),
+    variant: mergeClass(legacy.variant, props.variantClassName),
+    inlineInputColumn: mergeClass(
+      legacy.inlineInputColumn,
+      props.inlineInputColumnClassName
+    ),
+    inlineLabelColumn: mergeClass(
+      legacy.inlineLabelColumn,
+      props.inlineLabelColumnClassName
+    ),
+    required: mergeClass(legacy.required, props.requiredClassName),
+    tag: mergeClass(legacy.tag, props.tagClassName)
+  };
+}
 function InputField(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const {
@@ -42321,7 +42355,7 @@ function InputField(props) {
     // Field wrapper props
     className,
     style,
-    classes,
+    classes: _depreciated,
     // Everything else → forwarded to variant
     ...rest
   } = props;
@@ -42336,6 +42370,7 @@ function InputField(props) {
     }
     return null;
   }
+  const classes = getClasses(props);
   const layout = React54__namespace.useMemo(() => {
     var _a2;
     const defaultsLayout = (_a2 = module2.defaults) == null ? void 0 : _a2.layout;