@vonage/vivid 5.19.0 → 5.20.0

package/shared/patterns/localized.d.ts

@@ -9,7 +9,7 @@ export declare const Localized: <T extends Constructor<VividElement>>(Base: T) =
         _vividAriaBehaviour: import('../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -361,6 +361,13 @@ export declare const Localized: <T extends Constructor<VividElement>>(Base: T) =
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -403,12 +410,22 @@ export declare const Localized: <T extends Constructor<VividElement>>(Base: T) =
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../framework/reactive-controller').ReactiveController): void;
     };
 } & T;
 export declare const WithObservableLocale: <T extends Constructor<VividElement>>(Base: T) => {
@@ -777,6 +794,13 @@ export declare const WithObservableLocale: <T extends Constructor<VividElement>>
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -819,11 +843,21 @@ export declare const WithObservableLocale: <T extends Constructor<VividElement>>
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../framework/reactive-controller').ReactiveController): void;
     };
 } & T;

package/shared/patterns/trapped-focus.d.ts

@@ -8,7 +8,7 @@ export declare const TrappedFocus: <T extends Constructor<VividElement>>(Base: T
         _vividAriaBehaviour: import('../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -360,6 +360,13 @@ export declare const TrappedFocus: <T extends Constructor<VividElement>>(Base: T
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -402,11 +409,21 @@ export declare const TrappedFocus: <T extends Constructor<VividElement>>(Base: T
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../framework/reactive-controller').ReactiveController): void;
     };
 } & T;

package/shared/picker-field/mixins/calendar-picker.d.ts

@@ -478,6 +478,13 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions): void;
+    ariaControls: string | null;
+    ariaDescribedBy: string | null;
+    ariaDetails: string | null;
+    ariaErrorMessage: string | null;
+    ariaFlowTo: string | null;
+    ariaLabelledBy: string | null;
+    ariaOwns: string | null;
     roleChanged(prev: string | null, next: string | null): void;
     ariaAtomicChanged(prev: string | null, next: string | null): void;
     ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -520,12 +527,22 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
     ariaValueNowChanged(prev: string | null, next: string | null): void;
     ariaValueTextChanged(prev: string | null, next: string | null): void;
     ariaRelevantChanged(prev: string | null, next: string | null): void;
+    ariaControlsChanged(prev: string | null, next: string | null): void;
+    ariaDescribedByChanged(prev: string | null, next: string | null): void;
+    ariaDetailsChanged(prev: string | null, next: string | null): void;
+    ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+    ariaFlowToChanged(prev: string | null, next: string | null): void;
+    ariaLabelledByChanged(prev: string | null, next: string | null): void;
+    ariaOwnsChanged(prev: string | null, next: string | null): void;
     "__#private@#handleReplacedProp"(replacedProp: {
         newPropertyName: string;
         deprecatedPropertyName: string;
         fromDeprecated: (v: any) => any;
         toDeprecated?: ((v: any) => any) | undefined;
     }): void;
+    "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+    _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+    _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     helperText?: string;
     _helperTextSlottedContent?: HTMLElement[];
     get _feedbackDescribedBy(): string;
@@ -548,7 +565,7 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
         _vividAriaBehaviour: import('../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -900,6 +917,13 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -942,12 +966,22 @@ export declare const CalendarPicker: <T extends AbstractConstructor<PickerField>
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     }, any>;
     errorText?: string;
     errorTextChanged(_: string, newErrorText: string | undefined): void;

package/shared/picker-field/mixins/calendar-picker.template.d.ts

@@ -476,6 +476,13 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions): void;
+    ariaControls: string | null;
+    ariaDescribedBy: string | null;
+    ariaDetails: string | null;
+    ariaErrorMessage: string | null;
+    ariaFlowTo: string | null;
+    ariaLabelledBy: string | null;
+    ariaOwns: string | null;
     roleChanged(prev: string | null, next: string | null): void;
     ariaAtomicChanged(prev: string | null, next: string | null): void;
     ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -518,12 +525,22 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
     ariaValueNowChanged(prev: string | null, next: string | null): void;
     ariaValueTextChanged(prev: string | null, next: string | null): void;
     ariaRelevantChanged(prev: string | null, next: string | null): void;
+    ariaControlsChanged(prev: string | null, next: string | null): void;
+    ariaDescribedByChanged(prev: string | null, next: string | null): void;
+    ariaDetailsChanged(prev: string | null, next: string | null): void;
+    ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+    ariaFlowToChanged(prev: string | null, next: string | null): void;
+    ariaLabelledByChanged(prev: string | null, next: string | null): void;
+    ariaOwnsChanged(prev: string | null, next: string | null): void;
     "__#private@#handleReplacedProp"(replacedProp: {
         newPropertyName: string;
         deprecatedPropertyName: string;
         fromDeprecated: (v: any) => any;
         toDeprecated?: ((v: any) => any) | undefined;
     }): void;
+    "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+    _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+    _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     helperText?: string;
     _helperTextSlottedContent?: HTMLElement[];
     get _feedbackDescribedBy(): string;
@@ -546,7 +563,7 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
         _vividAriaBehaviour: import('../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -898,6 +915,13 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -940,12 +964,22 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     }, any>;
     errorText?: string;
     errorTextChanged(_: string, newErrorText: string | undefined): void;

package/shared/picker-field/mixins/inline-time-picker/inline-time-picker.d.ts

@@ -6,7 +6,7 @@ declare const InlineTimePicker_base: {
         _vividAriaBehaviour: import('../../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -358,6 +358,13 @@ declare const InlineTimePicker_base: {
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -400,12 +407,22 @@ declare const InlineTimePicker_base: {
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../../framework/reactive-controller').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class InlineTimePicker extends InlineTimePicker_base {

package/shared/picker-field/mixins/min-max-calendar-picker.d.ts

@@ -482,6 +482,13 @@ export declare const MinMaxCalendarPicker: <T extends AbstractConstructor<Calend
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions): void;
+    ariaControls: string | null;
+    ariaDescribedBy: string | null;
+    ariaDetails: string | null;
+    ariaErrorMessage: string | null;
+    ariaFlowTo: string | null;
+    ariaLabelledBy: string | null;
+    ariaOwns: string | null;
     roleChanged(prev: string | null, next: string | null): void;
     ariaAtomicChanged(prev: string | null, next: string | null): void;
     ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -524,12 +531,22 @@ export declare const MinMaxCalendarPicker: <T extends AbstractConstructor<Calend
     ariaValueNowChanged(prev: string | null, next: string | null): void;
     ariaValueTextChanged(prev: string | null, next: string | null): void;
     ariaRelevantChanged(prev: string | null, next: string | null): void;
+    ariaControlsChanged(prev: string | null, next: string | null): void;
+    ariaDescribedByChanged(prev: string | null, next: string | null): void;
+    ariaDetailsChanged(prev: string | null, next: string | null): void;
+    ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+    ariaFlowToChanged(prev: string | null, next: string | null): void;
+    ariaLabelledByChanged(prev: string | null, next: string | null): void;
+    ariaOwnsChanged(prev: string | null, next: string | null): void;
     "__#private@#handleReplacedProp"(replacedProp: {
         newPropertyName: string;
         deprecatedPropertyName: string;
         fromDeprecated: (v: any) => any;
         toDeprecated?: ((v: any) => any) | undefined;
     }): void;
+    "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+    _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+    _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     helperText?: string;
     _helperTextSlottedContent?: HTMLElement[];
     get _feedbackDescribedBy(): string;
@@ -552,7 +569,7 @@ export declare const MinMaxCalendarPicker: <T extends AbstractConstructor<Calend
         _vividAriaBehaviour: import('../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -904,6 +921,13 @@ export declare const MinMaxCalendarPicker: <T extends AbstractConstructor<Calend
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -946,12 +970,22 @@ export declare const MinMaxCalendarPicker: <T extends AbstractConstructor<Calend
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     }, any>;
     errorText?: string;
     errorTextChanged(_: string, newErrorText: string | undefined): void;

package/shared/picker-field/mixins/single-date-picker.d.ts

@@ -479,6 +479,13 @@ export declare const SingleDatePickerMixin: <T extends AbstractConstructor<Calen
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions): void;
+    ariaControls: string | null;
+    ariaDescribedBy: string | null;
+    ariaDetails: string | null;
+    ariaErrorMessage: string | null;
+    ariaFlowTo: string | null;
+    ariaLabelledBy: string | null;
+    ariaOwns: string | null;
     roleChanged(prev: string | null, next: string | null): void;
     ariaAtomicChanged(prev: string | null, next: string | null): void;
     ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -521,12 +528,22 @@ export declare const SingleDatePickerMixin: <T extends AbstractConstructor<Calen
     ariaValueNowChanged(prev: string | null, next: string | null): void;
     ariaValueTextChanged(prev: string | null, next: string | null): void;
     ariaRelevantChanged(prev: string | null, next: string | null): void;
+    ariaControlsChanged(prev: string | null, next: string | null): void;
+    ariaDescribedByChanged(prev: string | null, next: string | null): void;
+    ariaDetailsChanged(prev: string | null, next: string | null): void;
+    ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+    ariaFlowToChanged(prev: string | null, next: string | null): void;
+    ariaLabelledByChanged(prev: string | null, next: string | null): void;
+    ariaOwnsChanged(prev: string | null, next: string | null): void;
     "__#private@#handleReplacedProp"(replacedProp: {
         newPropertyName: string;
         deprecatedPropertyName: string;
         fromDeprecated: (v: any) => any;
         toDeprecated?: ((v: any) => any) | undefined;
     }): void;
+    "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+    _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+    _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     helperText?: string;
     _helperTextSlottedContent?: HTMLElement[];
     get _feedbackDescribedBy(): string;
@@ -549,7 +566,7 @@ export declare const SingleDatePickerMixin: <T extends AbstractConstructor<Calen
         _vividAriaBehaviour: import('../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -901,6 +918,13 @@ export declare const SingleDatePickerMixin: <T extends AbstractConstructor<Calen
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -943,12 +967,22 @@ export declare const SingleDatePickerMixin: <T extends AbstractConstructor<Calen
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     }, any>;
     errorText?: string;
     errorTextChanged(_: string, newErrorText: string | undefined): void;

package/shared/picker-field/mixins/single-value-picker.d.ts

@@ -439,6 +439,13 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     tabIndex: number;
     blur(): void;
     focus(options?: FocusOptions): void;
+    ariaControls: string | null;
+    ariaDescribedBy: string | null;
+    ariaDetails: string | null;
+    ariaErrorMessage: string | null;
+    ariaFlowTo: string | null;
+    ariaLabelledBy: string | null;
+    ariaOwns: string | null;
     roleChanged(prev: string | null, next: string | null): void;
     ariaAtomicChanged(prev: string | null, next: string | null): void;
     ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -481,12 +488,22 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
     ariaValueNowChanged(prev: string | null, next: string | null): void;
     ariaValueTextChanged(prev: string | null, next: string | null): void;
     ariaRelevantChanged(prev: string | null, next: string | null): void;
+    ariaControlsChanged(prev: string | null, next: string | null): void;
+    ariaDescribedByChanged(prev: string | null, next: string | null): void;
+    ariaDetailsChanged(prev: string | null, next: string | null): void;
+    ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+    ariaFlowToChanged(prev: string | null, next: string | null): void;
+    ariaLabelledByChanged(prev: string | null, next: string | null): void;
+    ariaOwnsChanged(prev: string | null, next: string | null): void;
     "__#private@#handleReplacedProp"(replacedProp: {
         newPropertyName: string;
         deprecatedPropertyName: string;
         fromDeprecated: (v: any) => any;
         toDeprecated?: ((v: any) => any) | undefined;
     }): void;
+    "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+    _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+    _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     helperText?: string;
     _helperTextSlottedContent?: HTMLElement[];
     get _feedbackDescribedBy(): string;
@@ -509,7 +526,7 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
         _vividAriaBehaviour: import('../../aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
-        disconnectedCallback(): void;
+        disconnectedCallback: (() => void) & (() => void);
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
         accessKey: string;
         readonly accessKeyLabel: string;
@@ -861,6 +878,13 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        ariaControls: string | null;
+        ariaDescribedBy: string | null;
+        ariaDetails: string | null;
+        ariaErrorMessage: string | null;
+        ariaFlowTo: string | null;
+        ariaLabelledBy: string | null;
+        ariaOwns: string | null;
         roleChanged(prev: string | null, next: string | null): void;
         ariaAtomicChanged(prev: string | null, next: string | null): void;
         ariaAutoCompleteChanged(prev: string | null, next: string | null): void;
@@ -903,12 +927,22 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
         ariaValueNowChanged(prev: string | null, next: string | null): void;
         ariaValueTextChanged(prev: string | null, next: string | null): void;
         ariaRelevantChanged(prev: string | null, next: string | null): void;
+        ariaControlsChanged(prev: string | null, next: string | null): void;
+        ariaDescribedByChanged(prev: string | null, next: string | null): void;
+        ariaDetailsChanged(prev: string | null, next: string | null): void;
+        ariaErrorMessageChanged(prev: string | null, next: string | null): void;
+        ariaFlowToChanged(prev: string | null, next: string | null): void;
+        ariaLabelledByChanged(prev: string | null, next: string | null): void;
+        ariaOwnsChanged(prev: string | null, next: string | null): void;
         "__#private@#handleReplacedProp"(replacedProp: {
             newPropertyName: string;
             deprecatedPropertyName: string;
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
+        "__#private@#controllers": Set<import('../../framework/reactive-controller').ReactiveController>;
+        _addController(controller: import('../../framework/reactive-controller').ReactiveController): void;
+        _removeController(controller: import('../../framework/reactive-controller').ReactiveController): void;
     }, any>;
     errorText?: string;
     errorTextChanged(_: string, newErrorText: string | undefined): void;