@vonage/vivid 5.23.1-preview.0 → 5.24.0

package/lib/button/button.d.ts

@@ -11,6 +11,7 @@ declare const Button_base: {
         icon?: string;
         iconSlottedContent?: HTMLElement[];
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').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 Button_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -436,6 +436,7 @@ declare const Button_base: {
     new (...args: any[]): {
         get locale(): import('../../shared/localization/Locale.js').Locale;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -790,7 +791,6 @@ declare const Button_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -871,6 +871,7 @@ declare const Button_base: {
         _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive.js').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, 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);
@@ -1224,7 +1225,6 @@ declare const Button_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

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

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

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

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

package/lib/calendar-event/calendar-event.d.ts

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

package/lib/calendar-event/variations.browser-spec.d.ts

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

package/lib/card/card.d.ts

@@ -13,9 +13,10 @@ declare const Card_base: {
         target?: "_self" | "_blank" | "_parent" | "_top";
         type?: string;
         control: HTMLAnchorElement;
-        _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, any>;
+        _renderLinkElement: <T extends any>(content: import('@microsoft/fast-element').ViewTemplate<T>, cssClass: import('@microsoft/fast-element').TemplateValue<T>, boundAriaProperties?: import('../../shared/aria/aria-binding-directive.js').BoundAriaProperties<unknown>) => import('@microsoft/fast-element').ViewTemplate<T, 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);
@@ -369,7 +370,6 @@ declare const Card_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -432,9 +432,9 @@ declare const Card_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.js').ReactiveController>;
+        _addController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
+        _removeController(controller: import('../../shared/framework/reactive-controller.js').ReactiveController): void;
     };
 } & typeof VividElement;
 export declare class Card extends Card_base {

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

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

package/lib/checkbox/checkbox.d.ts

@@ -7,6 +7,7 @@ declare const Checkbox_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 Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -439,6 +439,7 @@ declare const Checkbox_base: {
         _slottedHelperTextFeedbackType(): "none" | "helper";
         _getFeedbackTemplate(ctx: import('../../shared/design-system/defineVividComponent.js').VividElementDefinitionContext): import('@microsoft/fast-element').ViewTemplate<any, any>;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -793,7 +794,6 @@ declare const Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -909,6 +909,7 @@ declare const Checkbox_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.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1262,7 +1263,6 @@ declare const Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1333,6 +1333,7 @@ declare const Checkbox_base: {
     new (...args: any[]): {
         successText?: string;
         connectedCallback(): void;
+        focus(...args: any[]): void;
         _vividAriaBehaviour: import('../../shared/aria/aria-mixin.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -1687,7 +1688,6 @@ declare const Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -1797,6 +1797,7 @@ declare const Checkbox_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.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2150,7 +2151,6 @@ declare const Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;
@@ -2265,6 +2265,7 @@ declare const Checkbox_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.js').VividAriaBehaviour;
         readonly $fastController: import('@microsoft/fast-element').ElementController;
         $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
@@ -2618,7 +2619,6 @@ declare const Checkbox_base: {
         nonce?: string;
         tabIndex: number;
         blur(): void;
-        focus(options?: FocusOptions): void;
         ariaControls: string | null;
         ariaDescribedBy: string | null;
         ariaDetails: string | null;

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

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

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

@@ -1,5 +1,5 @@
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-import { ColorSwatch } from '../../shared/color-picker';
+import { ColorSwatch } from '../../shared/color-picker/types';
 export declare const vcPickerTag = "vvd-hex-picker";
 export declare const vcInputTag = "vvd-hex-input";
 declare const ColorPicker_base: {
@@ -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/color-picker/variations.browser-spec.d.ts

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

package/lib/combobox/combobox.d.ts

@@ -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/combobox/variations.browser-spec.d.ts

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

package/lib/components.d.ts

@@ -41,6 +41,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/contextual-help/variations.browser-spec.d.ts

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

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

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

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/data-grid/variations.browser-spec.d.ts

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