@openreachtech/furo-vue 1.3.1 → 1.4.0

package/public/furo-vue/components.json

@@ -1,6 +1,6 @@
 {
   "library": "@openreachtech/furo-vue",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "generatedFrom": "app/docs/component-registry.js",
   "layers": [
     "foundation",
@@ -1097,7 +1097,13 @@
           "name": "parcel",
           "type": "FuroAutocompleteFieldParcel | null",
           "default": "null",
-          "description": "Furo behavior. The only public prop; HTML / form attributes pass through to the root."
+          "description": "Furo behavior. HTML attributes such as class and style pass through to the root wrapper."
+        },
+        {
+          "name": "inputParcel",
+          "type": "FuroAutocompleteFieldInputParcel | null",
+          "default": "null",
+          "description": "Attributes bound onto the inner combobox input (id, name, aria-label, aria-labelledby, aria-describedby, required). Use it to give the combobox an accessible name and to target it from a label."
         }
       ],
       "parcel": [
@@ -1322,6 +1328,7 @@
         "Debounced search-keyword emit (default 300ms) using TimerClerk, fired only while the popover is open.",
         "Loading, invalid, disabled, and multiple states drive the trigger UI and visible list.",
         "Creatable rows surface a create option when the trimmed keyword has no exact match; the parent owns appending it.",
+        "inputParcel binds id, name and aria-* onto the inner combobox input, so a label or an aria attribute can name the real control.",
         "Rich slot surface for trigger, group, option, indicator, separator, empty, loading, and create-option states."
       ]
     },
@@ -2775,7 +2782,7 @@
           "name": "animated",
           "type": "boolean",
           "default": "true",
-          "description": "When true, the placeholder pulses. Reduced-motion users always see a static placeholder."
+          "description": "When true, the placeholder shimmers. Reduced-motion users always see a static placeholder."
         }
       ],
       "events": [],
@@ -2784,7 +2791,7 @@
         "Presentational loading placeholder shown while real content is fetching.",
         "Three shape variants — text (default), circle, and rectangle — mapped without JS branching.",
         "Optional width and height overrides accept any CSS length via custom properties.",
-        "Pulse animation signals the loading state and pauses for reduced-motion users.",
+        "Shimmer animation signals the loading state and pauses for reduced-motion users.",
         "Carries no value, emits nothing, and is hidden from assistive tech."
       ]
     },

package/types/generated/components/molecules/FuroAutocompleteField/FuroAutocompleteField.vue.d.ts

@@ -189,6 +189,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onTransitionrun?: (payload: TransitionEvent) => void;
     onTransitionstart?: (payload: TransitionEvent) => void;
     parcel?: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldParcel | null;
+    inputParcel?: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldInputParcel | null;
 }, {
     context: FuroAutocompleteFieldContext;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -390,6 +391,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onTransitionrun?: (payload: TransitionEvent) => void;
     onTransitionstart?: (payload: TransitionEvent) => void;
     parcel?: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldParcel | null;
+    inputParcel?: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldInputParcel | null;
 }> & Readonly<{
     "onChange-value"?: (payload: import("./AutocompleteEmitPayload.js").default) => any;
     "onUpdate:value"?: (value: import("./AutocompleteEmitPayload.js").FuroAutocompleteOption) => any;
@@ -402,6 +404,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:open"?: (isOpen: boolean) => any;
 }>, {
     parcel: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldParcel;
+    inputParcel: import("./FuroAutocompleteFieldContext.js").FuroAutocompleteFieldInputParcel;
 }, FuroAutocompleteFieldSlots, {
     ComboboxRoot: <T extends import("reka-ui").AcceptableValue = import("reka-ui").AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;

package/types/generated/components/molecules/FuroAutocompleteField/FuroAutocompleteFieldContext.d.ts

@@ -131,6 +131,12 @@ export default class FuroAutocompleteFieldContext extends BaseFuroContext<null,
      * @returns {import('vue').Ref<boolean>}
      */
     get internalOpenPopoverRef(): import("vue").Ref<boolean>;
+    /**
+     * get: attributes bound onto the inner combobox input.
+     *
+     * @returns {Props['inputParcel']}
+     */
+    get inputParcel(): Props["inputParcel"];
     /**
      * Get loading.
      *
@@ -609,6 +615,12 @@ export default class FuroAutocompleteFieldContext extends BaseFuroContext<null,
      * @returns {string}
      */
     extractPlaceholderText(): string;
+    /**
+     * Extract the attributes bound onto the inner combobox input.
+     *
+     * @returns {Props['inputParcel']}
+     */
+    extractInputAttributes(): Props["inputParcel"];
 }
 export type FuroAutocompleteFieldContextParams = import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams & {
     props: Props;
@@ -629,7 +641,13 @@ export type EmitEventName = keyof typeof FuroAutocompleteFieldContext.EMIT_EVENT
 export type FuroAcceptableValue = string | number | bigint | Record<string, unknown> | null;
 export type Props = import("vue").HTMLAttributes & {
     parcel?: FuroAutocompleteFieldParcel | null;
+    inputParcel?: FuroAutocompleteFieldInputParcel | null;
 };
+/**
+ * Attributes for the inner `<input role="combobox">` (`id`, `name`, `aria-*`, `required`, …).
+ * The component keeps `placeholder`, the display text and the search keyword for itself.
+ */
+export type FuroAutocompleteFieldInputParcel = Omit<import("vue").InputHTMLAttributes, "placeholder" | "value">;
 /**
  * Closed-set Furo behavior for `<FuroAutocompleteField>`.
  * JSON-serializable only. Not an open passthrough to the internal combobox library.

package/types/generated/components/molecules/FuroSkeleton/FuroSkeletonContext.d.ts

@@ -3,7 +3,7 @@
  *
  * Presentational loading placeholder shown while real content is fetching.
  * Carries no value and emits nothing — shape comes from the variant, size from
- * optional width / height, and a pulse animation signals the loading state.
+ * optional width / height, and a shimmer animation signals the loading state.
  *
  * @extends {BaseFuroContext<null, Props, null>}
  */
@@ -43,7 +43,7 @@ export default class FuroSkeletonContext extends BaseFuroContext<null, Props, nu
         "--furo-skeleton-height": string | null;
     };
     /**
-     * Whether the pulse animation runs. Reduced-motion users still get a static
+     * Whether the shimmer animation runs. Reduced-motion users still get a static
      * placeholder via the CSS media query.
      *
      * @returns {boolean} true when animated; defaults to true.

package/types/generated/components/organisms/FuroAlertDialog/FuroAlertDialogContext.d.ts

@@ -126,6 +126,12 @@ export default class FuroAlertDialogContext extends BaseFuroContext<null, Props,
      * @returns {Record<string, boolean>}
      */
     extractContentClassNames(): Record<string, boolean>;
+    /**
+     * Extract attributes forwarded to the content element.
+     *
+     * @returns {Record<string, undefined>} `aria-describedby` cleared when no description renders.
+     */
+    extractContentAttributes(): Record<string, undefined>;
     /**
      * CSS selector (scoped to dialog content) for the element to focus on open.
      *

package/types/generated/components/organisms/FuroDialog/FuroDialogContext.d.ts

@@ -124,6 +124,12 @@ export default class FuroDialogContext extends BaseFuroContext<null, Props, "UPD
      * @returns {Record<string, boolean>}
      */
     extractContentClassNames(): Record<string, boolean>;
+    /**
+     * Extract attributes forwarded to the content element.
+     *
+     * @returns {Record<string, undefined>} `aria-describedby` cleared when no description renders.
+     */
+    extractContentAttributes(): Record<string, undefined>;
     /**
      * CSS selector (scoped to dialog content) for the element to focus on open.
      *