@fabio.caffarello/react-design-system 1.23.13 → 1.23.14

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

@@ -15,6 +15,25 @@ export interface AutocompleteProps {
     className?: string;
     inputClassName?: string;
     size?: "sm" | "md" | "lg";
+    /**
+     * Visible label rendered above the input via the `Input` primitive's
+     * `label` API, which wires `<label htmlFor>` to the inner `<input>`.
+     * Provides the accessible name axe `aria-input-field-name` requires.
+     */
+    label?: string;
+    /**
+     * Invisible accessible name. Use when the input has no visible label
+     * (e.g. a tightly-packed toolbar combobox). One of `label`,
+     * `aria-label`, or `aria-labelledby` MUST be present — without any,
+     * the input has no programmatic name and axe `aria-input-field-name`
+     * (serious) flags it. A dev-only warning fires when all are missing.
+     */
+    "aria-label"?: string;
+    /**
+     * Override path: point at an id the consumer manages externally.
+     */
+    "aria-labelledby"?: string;
+    id?: string;
 }
 /**
  * Autocomplete Component

package/dist/ui/components/Autocomplete/AutocompleteList.d.ts

@@ -10,6 +10,16 @@ export interface AutocompleteListProps {
     allSelected?: boolean;
     onSelectAll?: () => void;
     onDeselectAll?: () => void;
+    /**
+     * Accessible name for the listbox. axe `aria-input-field-name`
+     * (serious) flags a `role="listbox"` portal without `aria-label` /
+     * `aria-labelledby` / `title`. The Autocomplete / MultiSelect parent
+     * cascades whatever accessible-name source the consumer provided
+     * (label string, aria-label, or external id) so the listbox inherits
+     * the same name as the input it dropdowns from.
+     */
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
 }
 /**
  * AutocompleteList Component

package/dist/ui/components/Drawer/DrawerContent.d.ts

@@ -3,11 +3,43 @@ export interface DrawerContentProps {
     children: ReactNode;
     className?: string;
     showCloseButton?: boolean;
+    /**
+     * Visible title rendered as a heading at the top of the drawer AND
+     * wired as the dialog's accessible name via `aria-labelledby`. Use
+     * this for the canonical case ("the drawer has a title").
+     */
+    title?: string;
+    /**
+     * Invisible accessible name. Use when the drawer has no visible
+     * title (e.g. a content-only side panel). One of `title`,
+     * `aria-label`, or `aria-labelledby` MUST be present — without any,
+     * `role="dialog"` has no accessible name and axe `aria-dialog-name`
+     * (serious) flags it. A dev-only warning fires when all three are
+     * missing.
+     */
+    "aria-label"?: string;
+    /**
+     * Override path: point at an id the consumer manages externally
+     * (typically a heading inside a `<DrawerHeader>` they laid out
+     * themselves). Takes precedence over `title` (which would otherwise
+     * generate its own id).
+     */
+    "aria-labelledby"?: string;
 }
 /**
  * DrawerContent Component
  *
  * The main content container for the drawer.
  * Renders in a portal with overlay.
+ *
+ * Accessible name — one of three paths:
+ *   1. `title="..."` → auto-renders a heading at the top and wires
+ *      `aria-labelledby` to it.
+ *   2. `aria-label="..."` → invisible name on the dialog.
+ *   3. `aria-labelledby="external-id"` → consumer-managed id (typically
+ *      a heading they place inside `<DrawerHeader>`).
+ *
+ * If all three are absent, the dialog has no accessible name —
+ * a dev-only `console.warn` fires.
  */
-export default function DrawerContent({ children, className, showCloseButton, }: DrawerContentProps): import("react").ReactPortal | null;
+export default function DrawerContent({ children, className, showCloseButton, title, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledByProp, }: DrawerContentProps): import("react").ReactPortal | null;

package/package.json

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