@fabio.caffarello/react-design-system 1.23.8 → 1.23.10

package/dist/ui/components/MultiSelect/MultiSelect.d.ts

@@ -14,6 +14,12 @@ export interface MultiSelectProps {
     className?: string;
     inputClassName?: string;
     size?: "sm" | "md" | "lg";
+    /**
+     * Required label for the multi-select input. Becomes the accessible
+     * name via <label htmlFor>. Make this a real domain term ("Tags",
+     * "Select fruits"), not the element type ("multi-select" / "input").
+     */
+    label: string;
 }
 /**
  * MultiSelect Component

package/dist/ui/primitives/Textarea/Textarea.d.ts

@@ -2,19 +2,24 @@ import type { TextareaHTMLAttributes } from "react";
 interface Props extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     error?: boolean;
     resize?: "none" | "both" | "horizontal" | "vertical";
+    label?: string;
 }
 /**
  * Textarea Component
  *
  * A styled textarea component for longer text input.
- * Follows Atomic Design principles as an Atom component.
+ *
+ * For an accessible name, supply ONE of:
+ *  - `label` prop (renders a visible `<label>` above the textarea), OR
+ *  - `aria-label` / `aria-labelledby`, OR
+ *  - an external `<Label htmlFor={id}>` paired with the same `id` prop
+ *    (use the Label primitive when you need `variant="required" | "optional"`).
+ *
+ * In development, a missing accessible name logs a warning to the console.
  *
  * @example
  * ```tsx
- * <Textarea
- *   placeholder="Enter description..."
- *   rows={4}
- * />
+ * <Textarea label="Description" rows={4} />
  * ```
  */
 declare const Textarea: import("react").NamedExoticComponent<Props & import("react").RefAttributes<HTMLTextAreaElement>>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fabio.caffarello/react-design-system",
   "private": false,
-  "version": "1.23.8",
+  "version": "1.23.10",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",