@vonage/vivid 5.23.1 → 5.25.0

package/lib/color-picker/color-picker.d.ts

@@ -48,6 +48,7 @@ declare const ColorPicker_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -401,7 +402,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -480,6 +480,7 @@ declare const ColorPicker_base: {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -834,7 +835,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -950,6 +950,7 @@ declare const ColorPicker_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1303,7 +1304,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1374,6 +1374,7 @@ declare const ColorPicker_base: {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1728,7 +1729,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1799,6 +1799,7 @@ declare const ColorPicker_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -2152,7 +2153,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2223,6 +2223,7 @@ declare const ColorPicker_base: {
     new (...args: any[]): {
         _trappedFocus(event: KeyboardEvent, getFocusableEls: () => NodeListOf<HTMLElement>): boolean;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2577,7 +2578,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2664,6 +2664,7 @@ declare const ColorPicker_base: {
         _focusSwatchByIndex(index: number): void;
         _renderColorSwatch(iconTag: import('@microsoft/fast-element').InlineTemplateDirective, tooltipTag: import('@microsoft/fast-element').InlineTemplateDirective): import('@microsoft/fast-element').ViewTemplate<ColorSwatch, any>;
         get locale(): import('../../shared/localization/Locale').Locale;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3018,7 +3019,6 @@ declare const ColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/combobox/combobox.d.ts

@@ -3,7 +3,7 @@ import { ListboxOption } from '../option/option';
 import { ExtractFromEnum } from '../../shared/utils/enums';
 import { Listbox } from '../../shared/foundation/listbox/listbox';
 import { ComboboxAutocomplete } from './combobox.options';
-export type PopupPlacement = 'top' | 'bottom';
+export type PopupPlacement = 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
 export type ComboboxAppearance = ExtractFromEnum<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type ComboboxShape = ExtractFromEnum<Shape, Shape.Rounded | Shape.Pill>;
 export type ComboboxSize = ExtractFromEnum<Size, Size.Condensed | Size.Normal>;
@@ -53,6 +53,7 @@ declare const Combobox_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -406,7 +407,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -485,6 +485,7 @@ declare const Combobox_base: {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -839,7 +840,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -955,6 +955,7 @@ declare const Combobox_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1308,7 +1309,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1379,6 +1379,7 @@ declare const Combobox_base: {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1733,7 +1734,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1843,6 +1843,7 @@ declare const Combobox_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2196,7 +2197,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2268,6 +2268,7 @@ declare const Combobox_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2622,7 +2623,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2727,6 +2727,7 @@ declare const Combobox_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3080,7 +3081,6 @@ declare const Combobox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/components.d.ts

@@ -34,6 +34,7 @@ export * from './icon/definition';
 export * from './kbd-shortcut/definition';
 export * from './kbd-key/definition';
 export * from './layout/definition';
+export * from './listbox/definition';
 export * from './menu-item/definition';
 export * from './menu/definition';
 export * from './nav-disclosure/definition';
@@ -41,6 +42,7 @@ export * from './nav-item/definition';
 export * from './nav/definition';
 export * from './note/definition';
 export * from './number-field/definition';
+export * from './optgroup/definition';
 export * from './option/definition';
 export * from './pagination/definition';
 export * from './platform-switch/definition';

package/lib/country-group/country-group.d.ts

@@ -4,6 +4,7 @@ declare const CountryGroup_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -358,7 +359,6 @@ declare const CountryGroup_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -429,6 +429,7 @@ declare const CountryGroup_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "delegate";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -782,7 +783,6 @@ declare const CountryGroup_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/data-grid/data-grid-cell.d.ts

@@ -1,5 +1,5 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { DataGridCellSortStates, DataGridCellTypes } from './data-grid.options';
+import { DataGridCellSortStates, DataGridCellTypes, DataGridConnotation } from './data-grid.options';
 import { ColumnDefinition } from './data-grid';
 declare interface ColumnDefinitionExtended extends ColumnDefinition {
     sortDirection?: DataGridCellSortStates | null;
@@ -9,6 +9,7 @@ declare const DataGridCell_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -363,7 +364,6 @@ declare const DataGridCell_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -434,6 +434,7 @@ declare const DataGridCell_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -787,7 +788,6 @@ declare const DataGridCell_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -870,5 +870,6 @@ export declare class DataGridCell extends DataGridCell_base {
     ariaSelected: string | null;
     ariaSort: string | null;
     sortDirection?: DataGridCellSortStates;
+    connotation?: DataGridConnotation;
 }
 export {};

package/lib/data-grid/data-grid-row.d.ts

@@ -1,11 +1,12 @@
 import { ViewTemplate } from '@microsoft/fast-element';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { DataGridRowTypes } from './data-grid.options';
+import { DataGridConnotation, DataGridRowTypes } from './data-grid.options';
 import { ColumnDefinition } from './data-grid';
 declare const DataGridRow_base: {
     new (...args: any[]): {
         _vividAriaBehaviour: "host";
         connectedCallback(): void;
+        focus(...args: any[]): void;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -359,7 +360,6 @@ declare const DataGridRow_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -438,6 +438,7 @@ export declare class DataGridRow extends DataGridRow_base {
     private behaviorOrchestrator;
     private updateItemTemplate;
     private updateRowStyle;
+    connotation?: DataGridConnotation;
     ariaSelected: string | null;
     selected?: boolean;
 }

package/lib/data-grid/data-grid.options.d.ts

@@ -24,6 +24,11 @@ export declare const DataGridRowTypes: {
     readonly stickyHeader: "sticky-header";
 };
 export type DataGridRowTypes = ValuesOf<typeof DataGridRowTypes>;
+export declare const DataGridConnotation: {
+    readonly accent: "accent";
+    readonly cta: "cta";
+};
+export type DataGridConnotation = ValuesOf<typeof DataGridConnotation>;
 export declare const DataGridCellTypeClass: {
     readonly columnheader: "column-header";
     readonly default: "";

package/lib/date-picker/date-picker.d.ts

@@ -123,6 +123,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -476,7 +477,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -561,6 +561,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -915,7 +916,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1081,6 +1081,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1434,7 +1435,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -1519,6 +1519,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1873,7 +1874,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2073,6 +2073,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2426,7 +2427,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -2511,6 +2511,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2865,7 +2866,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3061,6 +3061,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3414,7 +3415,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -3499,6 +3499,7 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -3853,7 +3854,6 @@ declare const DatePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/date-range-picker/date-range-picker.d.ts

@@ -125,6 +125,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -478,7 +479,6 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -563,6 +563,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -917,7 +918,6 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1113,6 +1113,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     setFormValue: ((value: File | string | FormData | null, state?: File | string | FormData | null) => void) & ((value: File | string | FormData | null, state?: File | string | FormData | null) => void);
     _keypressHandler: ((e: KeyboardEvent) => void) & ((e: KeyboardEvent) => void);
     stopPropagation: ((e: Event) => void) & ((e: Event) => void);
+    focus(...args: any[]): void;
     _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
     readonly $fastController: import('@microsoft/fast-element').ElementController;
     $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1466,7 +1467,6 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
     nonce?: string;
     tabIndex: number;
     blur(): void;
-    focus(options?: FocusOptions): void;
     ariaControls: string | null;
     ariaDescribedBy: string | null;
     ariaDetails: string | null;
@@ -1551,6 +1551,7 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1905,7 +1906,6 @@ declare const DateRangePicker_base: (abstract new (...args: any[]) => {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;