@vonage/vivid 5.23.1-preview.0 → 5.24.0

package/lib/range-slider/range-slider.d.ts

@@ -7,6 +7,7 @@ declare const RangeSlider_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;
@@ -361,7 +362,6 @@ declare const RangeSlider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -471,6 +471,7 @@ declare const RangeSlider_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;
@@ -824,7 +825,6 @@ declare const RangeSlider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -929,6 +929,7 @@ declare const RangeSlider_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;
@@ -1282,7 +1283,6 @@ declare const RangeSlider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/range-slider/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/rich-text-editor/rich-text-editor.d.ts

@@ -12,6 +12,7 @@ declare const RichTextEditor_base: {
         "__#private@#startObservingLocaleChanges"(): void;
         "__#private@#stopObservingLocaleChanges"(): void;
         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;
@@ -365,7 +366,6 @@ declare const RichTextEditor_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/rich-text-editor/rte/features/internal/cursor-fix.d.ts

@@ -2,7 +2,11 @@ import { MarkSpec, ResolvedPos } from 'prosemirror-model';
 import { EditorState } from 'prosemirror-state';
 import { PluginContribution, RteFeatureImpl } from '../../feature';
 import { RteInstanceImpl } from '../../instance';
-export type CursorFix = Record<string, string>;
+type Style = Record<string, string>;
+export type CursorFix = {
+    style?: Style;
+    afterCursor?: boolean;
+};
 export type CursorFixFn = ($cursor: ResolvedPos, state: EditorState) => CursorFix | null;
 export interface CursorFixMarkSpec extends MarkSpec {
     cursorFix?: CursorFixFn;
@@ -14,3 +18,4 @@ export declare class RteCursorFixFeatureImpl extends RteFeatureImpl {
 export declare const RteCursorFixFeature: {
     new (): {};
 };
+export {};

package/lib/rich-text-editor/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/rich-text-view/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/searchable-select/option-tag.d.ts

@@ -8,6 +8,7 @@ declare const OptionTag_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;
@@ -362,7 +363,6 @@ declare const OptionTag_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/searchable-select/searchable-select.d.ts

@@ -51,7 +51,8 @@ declare const SearchableSelect_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -404,7 +405,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -467,9 +467,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -477,13 +477,14 @@ declare const SearchableSelect_base: {
         _helperTextSlottedContent?: HTMLElement[];
         get _feedbackDescribedBy(): string;
         _internalFeedback(): {
-            type: import('../../shared/feedback/feedback-message').FeedbackType;
+            type: import('../../shared/feedback/feedback-message.ts').FeedbackType;
             message: string;
         };
         _slottedHelperTextFeedbackType(): "none" | "helper";
-        _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
+        _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent.ts').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -837,7 +838,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -900,9 +900,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -953,7 +953,8 @@ declare const SearchableSelect_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -1306,7 +1307,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1369,15 +1369,16 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -1731,7 +1732,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1794,9 +1794,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -1841,7 +1841,8 @@ declare const SearchableSelect_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -2194,7 +2195,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2257,14 +2257,15 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     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);
@@ -2618,7 +2619,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2681,9 +2681,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -2691,7 +2691,8 @@ declare const SearchableSelect_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -3045,7 +3046,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3108,15 +3108,16 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
-        get locale(): import('../../shared/localization/Locale').Locale;
+        get locale(): import('../../shared/localization/Locale.ts').Locale;
         connectedCallback(): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         disconnectedCallback: (() => void) & (() => void);
@@ -3470,7 +3471,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3533,9 +3533,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
 } & {
     new (...args: any[]): {
@@ -3575,7 +3575,8 @@ declare const SearchableSelect_base: {
         setFormValue(value: File | string | FormData | null, state?: File | string | FormData | null): void;
         _keypressHandler(e: KeyboardEvent): void;
         stopPropagation(e: Event): void;
-        _vividAriaBehaviour: import('../../shared/aria/aria-mixin').VividAriaBehaviour;
+        focus(...args: any[]): void;
+        _vividAriaBehaviour: import('../../shared/aria/aria-mixin.ts').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -3928,7 +3929,6 @@ declare const SearchableSelect_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3991,9 +3991,9 @@ declare const SearchableSelect_base: {
             fromDeprecated: (v: any) => any;
             toDeprecated?: ((v: any) => any) | undefined;
         }): void;
-        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller').ReactiveController>;
-        _addController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
-        _removeController(controller: import('../../shared/framework/reactive-controller').ReactiveController): void;
+        "__#private@#controllers": Set<import('../../shared/framework/reactive-controller.ts').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.ts').ReactiveController): void;
     };
     get formAssociated(): boolean;
 } & typeof VividElement;

package/lib/searchable-select/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/select/select.d.ts

@@ -20,6 +20,7 @@ declare const Select_base: {
         };
         _slottedHelperTextFeedbackType(): "none" | "helper";
         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;
@@ -374,7 +375,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -487,6 +487,7 @@ declare const Select_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;
@@ -840,7 +841,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -956,6 +956,7 @@ declare const Select_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;
@@ -1309,7 +1310,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1380,6 +1380,7 @@ declare const Select_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;
@@ -1734,7 +1735,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1805,6 +1805,7 @@ declare const Select_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;
@@ -2159,7 +2160,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2269,6 +2269,7 @@ declare const Select_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;
@@ -2622,7 +2623,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2693,6 +2693,7 @@ declare const Select_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);
@@ -3046,7 +3047,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3119,6 +3119,7 @@ declare const Select_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;
@@ -3473,7 +3474,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -3578,6 +3578,7 @@ declare const Select_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;
@@ -3931,7 +3932,6 @@ declare const Select_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/select/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/selectable-box/selectable-box.d.ts

@@ -7,6 +7,7 @@ declare const SelectableBox_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);
@@ -360,7 +361,6 @@ declare const SelectableBox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/selectable-box/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/side-drawer/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -13,6 +13,7 @@ declare const SimpleColorPicker_base: {
         "__#private@#cleanupObserverIfNeeded": () => void;
         connectedCallback(): void;
         disconnectedCallback(): 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;
@@ -366,7 +367,6 @@ declare const SimpleColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -437,7 +437,7 @@ declare const SimpleColorPicker_base: {
     new (...args: any[]): {
         proxy: HTMLInputElement;
         open: boolean;
-        swatches: import('../../shared/color-picker').ColorSwatch[];
+        swatches: import('../../shared/color-picker/types').ColorSwatch[];
         connectedCallback(): void;
         _canvasColor: string;
         get _computedCanvasColor(): string;
@@ -451,8 +451,9 @@ declare const SimpleColorPicker_base: {
         _getGridCells(): HTMLElement[];
         _handleCellKeydown(event: KeyboardEvent, value: string, index: number, isSaveCell?: boolean): boolean;
         _focusSwatchByIndex(index: number): void;
-        _renderColorSwatch(iconTag: import('@microsoft/fast-element').InlineTemplateDirective, tooltipTag: import('@microsoft/fast-element').InlineTemplateDirective): import('@microsoft/fast-element').ViewTemplate<import('../../shared/color-picker').ColorSwatch, any>;
+        _renderColorSwatch(iconTag: import('@microsoft/fast-element').InlineTemplateDirective, tooltipTag: import('@microsoft/fast-element').InlineTemplateDirective): import('@microsoft/fast-element').ViewTemplate<import('../../shared/color-picker/types').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;
@@ -807,7 +808,6 @@ declare const SimpleColorPicker_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

package/lib/simple-color-picker/variations.browser-spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/slider/slider.d.ts

@@ -10,6 +10,7 @@ declare const Slider_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;
@@ -364,7 +365,6 @@ declare const Slider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -435,6 +435,7 @@ declare const Slider_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);
@@ -788,7 +789,6 @@ declare const Slider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -893,6 +893,7 @@ declare const Slider_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;
@@ -1246,7 +1247,6 @@ declare const Slider_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;