@vonage/vivid 3.40.0 → 3.42.0

package/date-picker/index.js

@@ -1,15 +1,15 @@
-import { r as registerDatePicker } from '../shared/definition17.js';
+import { r as registerDatePicker } from '../shared/definition18.js';
 import '../shared/index.js';
-import '../shared/definition59.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition60.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -22,14 +22,14 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition58.js';
-import '../shared/definition52.js';
+import '../shared/definition59.js';
+import '../shared/definition53.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/Reflector.js';
 import '../shared/text-field2.js';
 import '../shared/text-field.js';
-import '../shared/definition20.js';
+import '../shared/definition21.js';
 import '../shared/aria.js';
 import '../shared/presentationDate.js';
 import '../shared/repeat.js';

package/date-range-picker/index.js

@@ -1,14 +1,14 @@
-import { r as registerDateRangePicker } from '../shared/definition18.js';
+import { r as registerDateRangePicker } from '../shared/definition19.js';
 import '../shared/index.js';
-import '../shared/definition10.js';
-import '../shared/definition25.js';
+import '../shared/definition11.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -21,15 +21,15 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
+import '../shared/definition60.js';
 import '../shared/definition59.js';
-import '../shared/definition58.js';
-import '../shared/definition52.js';
+import '../shared/definition53.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/Reflector.js';
 import '../shared/text-field2.js';
 import '../shared/text-field.js';
-import '../shared/definition20.js';
+import '../shared/definition21.js';
 import '../shared/aria.js';
 import '../shared/presentationDate.js';
 import '../shared/repeat.js';

package/dialog/index.js

@@ -1,14 +1,14 @@
-import { r as registerDialog } from '../shared/definition19.js';
+import { r as registerDialog } from '../shared/definition20.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition10.js';
-import '../shared/definition57.js';
+import '../shared/definition11.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition36.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';
@@ -21,7 +21,7 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
 import '../shared/enums.js';
-import '../shared/definition58.js';
+import '../shared/definition59.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/localized.js';

package/divider/index.js

@@ -1,4 +1,4 @@
-import { r as registerDivider } from '../shared/definition20.js';
+import { r as registerDivider } from '../shared/definition21.js';
 import '../shared/index.js';
 import '../shared/aria.js';
 import '../shared/class-names.js';

package/elevation/index.js

@@ -1,4 +1,4 @@
-import { r as registerElevation } from '../shared/definition58.js';
+import { r as registerElevation } from '../shared/definition59.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/empty-state/index.js

@@ -1,6 +1,6 @@
-import { r as registerEmptyState } from '../shared/definition21.js';
+import { r as registerEmptyState } from '../shared/definition22.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';

package/fab/index.js

@@ -1,11 +1,11 @@
-import { r as registerFab } from '../shared/definition22.js';
+import { r as registerFab } from '../shared/definition23.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/file-picker/index.js

@@ -1,14 +1,14 @@
-import { r as registerFilePicker } from '../shared/definition23.js';
+import { r as registerFilePicker } from '../shared/definition24.js';
 import '../shared/index.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/focus.js';
-import '../shared/definition10.js';
-import '../shared/definition36.js';
+import '../shared/definition11.js';
+import '../shared/definition37.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/focus/index.js

@@ -1,4 +1,4 @@
-import { r as registerFocus } from '../shared/definition57.js';
+import { r as registerFocus } from '../shared/definition58.js';
 import '../shared/index.js';
 import '../shared/focus.js';
 

package/header/index.js

@@ -1,6 +1,6 @@
-import { r as registerHeader } from '../shared/definition24.js';
+import { r as registerHeader } from '../shared/definition25.js';
 import '../shared/index.js';
-import '../shared/definition58.js';
+import '../shared/definition59.js';
 import '../shared/class-names.js';
 
 registerHeader();

package/icon/index.js

@@ -1,4 +1,4 @@
-import { r as registerIcon } from '../shared/definition25.js';
+import { r as registerIcon } from '../shared/definition26.js';
 import '../shared/index.js';
 import '../shared/icon.js';
 import '../shared/_has.js';

package/index.js

@@ -2,62 +2,63 @@ export { a as accordionItemDefinition, b as accordionItemRegistries, r as regist
 export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition2.js';
 export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition3.js';
 export { a as alertDefinition, b as alertRegistries, r as registerAlert } from './shared/definition4.js';
-export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition5.js';
-export { b as badgeDefinition, r as registerBadge } from './shared/definition6.js';
-export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition7.js';
-export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition8.js';
-export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition9.js';
-export { b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition10.js';
-export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition11.js';
-export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition12.js';
-export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition13.js';
-export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition14.js';
-export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition15.js';
-export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition16.js';
-export { d as datePickerDefinition, a as datePickerRegistries, r as registerDatePicker } from './shared/definition17.js';
-export { d as dateRangePickerDefinition, a as dateRangePickerRegistries, r as registerDateRangePicker } from './shared/definition18.js';
-export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition19.js';
-export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition20.js';
-export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition21.js';
-export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition22.js';
-export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition23.js';
-export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition24.js';
-export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition25.js';
-export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition26.js';
-export { m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition27.js';
-export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition28.js';
-export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition29.js';
-export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition30.js';
-export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition31.js';
-export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition32.js';
-export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition33.js';
-export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition34.js';
-export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition35.js';
-export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition36.js';
-export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition37.js';
-export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition38.js';
-export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition39.js';
-export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition40.js';
-export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition41.js';
-export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition42.js';
-export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition43.js';
-export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition44.js';
-export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition45.js';
-export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition46.js';
-export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition47.js';
-export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition48.js';
-export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition49.js';
-export { r as registerTag, t as tagDefinition } from './shared/definition50.js';
-export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition51.js';
-export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition52.js';
-export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition53.js';
-export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition54.js';
-export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition55.js';
-export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition56.js';
+export { a as audioPlayerDefinition, b as audioPlayerRegistries, r as registerAudioPlayer } from './shared/definition5.js';
+export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
+export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
+export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
+export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition9.js';
+export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
+export { b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition11.js';
+export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition12.js';
+export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition13.js';
+export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
+export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition15.js';
+export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition16.js';
+export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition17.js';
+export { d as datePickerDefinition, a as datePickerRegistries, r as registerDatePicker } from './shared/definition18.js';
+export { d as dateRangePickerDefinition, a as dateRangePickerRegistries, r as registerDateRangePicker } from './shared/definition19.js';
+export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition20.js';
+export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition21.js';
+export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition22.js';
+export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition23.js';
+export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition24.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition25.js';
+export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition26.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition27.js';
+export { m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition28.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition29.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition30.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition31.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition32.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition33.js';
+export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition34.js';
+export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition35.js';
+export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition36.js';
+export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition37.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition38.js';
+export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition39.js';
+export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition40.js';
+export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition41.js';
+export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition42.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition43.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition44.js';
+export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition45.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition46.js';
+export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition47.js';
+export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition48.js';
+export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition49.js';
+export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition50.js';
+export { r as registerTag, t as tagDefinition } from './shared/definition51.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition52.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition53.js';
+export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition54.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition55.js';
+export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition56.js';
+export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition57.js';
 export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, b as Size } from './shared/enums.js';
 export { d as designSystem, r as registerFactory } from './shared/index.js';
 export { s as setLocale } from './shared/index2.js';
-import './shared/definition57.js';
+import './shared/definition58.js';
 import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
@@ -71,7 +72,8 @@ import './shared/when.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
 import './shared/class-names.js';
-import './shared/definition58.js';
+import './shared/definition59.js';
+import './shared/localized.js';
 import './shared/button.js';
 import './shared/form-associated.js';
 import './shared/aria-global.js';
@@ -80,7 +82,7 @@ import './shared/anchor.js';
 import './shared/text-anchor.template.js';
 import './shared/calendar-event.js';
 import './shared/repeat.js';
-import './shared/definition59.js';
+import './shared/definition60.js';
 import './shared/text-field.js';
 import './shared/listbox.js';
 import './shared/key-codes2.js';
@@ -88,7 +90,6 @@ import './shared/strings.js';
 import './shared/select.options.js';
 import './shared/children.js';
 import './shared/presentationDate.js';
-import './shared/localized.js';
 import './shared/aria.js';
 import './shared/direction.js';
 import './shared/dom.js';

package/layout/index.js

@@ -1,4 +1,4 @@
-import { r as registerLayout } from '../shared/definition26.js';
+import { r as registerLayout } from '../shared/definition27.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/lib/alert/alert.d.ts

@@ -1,10 +1,12 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { Connotation } from '../enums';
+import { Localized } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns/affix';
 export type AlertConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Alert;
 export type AlertPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
 export declare class Alert extends FoundationElement {
     #private;
+    dismissButtonAriaLabel: string | null;
     removable: boolean;
     placement?: AlertPlacement;
     headline?: string;
@@ -18,5 +20,5 @@ export declare class Alert extends FoundationElement {
     disconnectedCallback(): void;
     get conditionedIcon(): string | undefined;
 }
-export interface Alert extends AffixIcon {
+export interface Alert extends Localized, AffixIcon {
 }

package/lib/alert/locale.d.ts

@@ -0,0 +1,3 @@
+export interface AlertLocale {
+    dismissButtonLabel: string;
+}

package/lib/audio-player/audio-player.d.ts

@@ -0,0 +1,17 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Connotation } from '../enums';
+import { Localized } from '../../shared/patterns';
+export type AudioPlayerConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
+export declare class AudioPlayer extends FoundationElement {
+    playButtonAriaLabel: string | null;
+    pauseButtonAriaLabel: string | null;
+    sliderAriaLabel: string | null;
+    connotation?: AudioPlayerConnotation;
+    src?: string;
+    disabled: boolean;
+    notime: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export interface AudioPlayer extends Localized {
+}

package/lib/audio-player/audio-player.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import { AudioPlayer } from './audio-player';
+export declare const AudioPlayerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AudioPlayer>;

package/lib/audio-player/definition.d.ts

@@ -0,0 +1,4 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export type { AudioPlayerConnotation } from './audio-player';
+export declare const audioPlayerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+export declare const registerAudioPlayer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/audio-player/locale.d.ts

@@ -0,0 +1,5 @@
+export interface AudioPlayerLocale {
+    playButtonLabel: string;
+    pauseButtonLabel: string;
+    sliderLabel: string;
+}

package/lib/banner/banner.d.ts

@@ -1,9 +1,11 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { Connotation } from '../enums';
+import { Localized } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns/affix';
 export type BannerConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
 export declare class Banner extends FoundationElement {
     #private;
+    dismissButtonAriaLabel: string | null;
     role: string | null;
     actionHref: string | undefined;
     actionText: string | undefined;
@@ -16,5 +18,5 @@ export declare class Banner extends FoundationElement {
     disconnectedCallback(): void;
     remove(): void;
 }
-export interface Banner extends AffixIcon {
+export interface Banner extends Localized, AffixIcon {
 }

package/lib/banner/locale.d.ts

@@ -0,0 +1,3 @@
+export interface BannerLocale {
+    dismissButtonLabel: string;
+}

package/lib/card/card.d.ts

@@ -1,5 +1,8 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Appearance } from '../enums.js';
+export type CardAppearance = Extract<Appearance, Appearance.Elevated | Appearance.Ghost | Appearance.Outlined>;
 export declare class Card extends FoundationElement {
+    appearance?: CardAppearance;
     headline?: string;
     subtitle?: string;
     text?: string;

package/lib/card/card.template.d.ts

@@ -1,4 +1,4 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { Card } from './card';
-export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Card>;
+export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition, elevationTag: string) => ViewTemplate<Card>;

package/lib/card/definition.d.ts

@@ -1 +1,2 @@
+export type { CardAppearance } from './card';
 export declare const registerCard: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/checkbox/checkbox.d.ts

@@ -5,6 +5,7 @@ export declare const keySpace: ' ';
 export type CheckboxConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export declare class Checkbox extends FoundationCheckbox {
     ariaLabel: string | null;
+    tabindex: string | null;
     connotation?: CheckboxConnotation;
 }
 export interface Checkbox extends FormElement, FormElementHelperText, ErrorText, FormElementSuccessText {

package/lib/components.d.ts

@@ -2,6 +2,7 @@ export * from './accordion-item/definition';
 export * from './accordion/definition';
 export * from './action-group/definition';
 export * from './alert/definition';
+export * from './audio-player/definition';
 export * from './avatar/definition';
 export * from './badge/definition';
 export * from './banner/definition';

package/lib/enums.d.ts

@@ -23,7 +23,8 @@ export declare enum Appearance {
     Fieldset = "fieldset",
     Subtle = "subtle",
     Ghost = "ghost",
-    Listitem = "listitem"
+    Listitem = "listitem",
+    Elevated = "elevated"
 }
 export declare enum Size {
     UltraCondensed = "ultra-condensed",

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

@@ -3,11 +3,11 @@ import type { Connotation } from '../enums.js';
 export type SelectableBoxConnotation = Connotation.Accent | Connotation.CTA;
 export type SelectableBoxControlType = 'checkbox' | 'radio';
 export declare class SelectableBox extends FoundationElement {
+    ariaLabel: string | null;
     checked: boolean;
     clickable: boolean;
+    clickableBox: boolean;
     connotation?: SelectableBoxConnotation;
-    controlAriaLabel: string | null;
-    controlAriaLabelledby: string | null;
     controlType?: SelectableBoxControlType;
     tight: boolean;
 }

package/lib/split-button/locale.d.ts

@@ -0,0 +1,3 @@
+export interface SplitButtonLocale {
+    showMoreActionsLabel: string;
+}

package/lib/split-button/split-button.d.ts

@@ -1,7 +1,8 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIcon } from '../../shared/patterns/affix';
-export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
+import { Localized } from '../../shared/patterns';
+export type SplitButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export type SplitButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
 export type SplitButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type SplitButtonSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal | Size.Expanded>;
@@ -20,6 +21,7 @@ export declare class SplitButton extends FoundationElement {
     disabled: boolean;
     ariaLabel: string | null;
     ariaExpanded: string | null;
+    indicatorAriaLabel: string | null;
 }
-export interface SplitButton extends AffixIcon {
+export interface SplitButton extends AffixIcon, Localized {
 }

package/listbox/index.js

@@ -1,6 +1,6 @@
 import { h as html, r as registerFactory } from '../shared/index.js';
-import { f as focusRegistries } from '../shared/definition57.js';
-import { a as listboxOptionRegistries } from '../shared/definition34.js';
+import { f as focusRegistries } from '../shared/definition58.js';
+import { a as listboxOptionRegistries } from '../shared/definition35.js';
 import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
 import '../shared/affix.js';
 import { f as focusTemplateFactory } from '../shared/focus2.js';
@@ -8,7 +8,7 @@ import '../shared/index2.js';
 import { s as slotted } from '../shared/slotted.js';
 import { c as classNames } from '../shared/class-names.js';
 import '../shared/focus.js';
-import '../shared/definition25.js';
+import '../shared/definition26.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/when.js';
@@ -62,7 +62,7 @@ const ListboxTemplate = (context) => {
 	`;
 };
 
-const styles = "/**\n * Do not edit directly\n * Generated on Wed, 01 Nov 2023 12:16:28 GMT\n */\n:host {\n  display: inline-block;\n  inline-size: fit-content;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n.base {\n  position: relative;\n  display: inline-flex;\n  box-sizing: border-box;\n  padding: 4px;\n  background-color: var(--_appearance-color-fill);\n  border-radius: var(--_listbox-border-radius);\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  contain: paint;\n  gap: 4px;\n  inline-size: 100%;\n}\n.base {\n  /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n  --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n  /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n  --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n  /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:not(.orientation-horizontal) {\n  flex-direction: column;\n}\n\n.focus-indicator {\n  pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n  display: none;\n}\n\n/* Shape */\n.base:not(.shape-pill) {\n  --_listbox-border-radius: 6px;\n}\n\n.base.shape-pill {\n  --_listbox-border-radius: 24px;\n}\n\n::slotted([role=option]) {\n  border-radius: var(--_listbox-border-radius);\n  contain: content;\n}\n\n.base.disabled ::slotted([role=option]) {\n  --_option-appearance-color-text: var(--_appearance-color-outline);\n  pointer-events: none;\n}";
+const styles = "/**\n * Do not edit directly\n * Generated on Thu, 30 Nov 2023 11:42:28 GMT\n */\n:host {\n  display: inline-block;\n  inline-size: fit-content;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n.base {\n  position: relative;\n  display: inline-flex;\n  box-sizing: border-box;\n  padding: 4px;\n  background-color: var(--_appearance-color-fill);\n  border-radius: var(--_listbox-border-radius);\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  contain: paint;\n  gap: 4px;\n  inline-size: 100%;\n}\n.base {\n  /* @cssprop [--vvd-listbox-accent-backdrop=var(--vvd-color-canvas)] */\n  --_connotation-color-backdrop: var(--vvd-listbox-accent-backdrop, var(--vvd-color-canvas));\n  /* @cssprop [--vvd-listbox-accent-intermediate=var(--vvd-color-neutral-500)] */\n  --_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));\n  /* @cssprop [--vvd-listbox-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-listbox-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100));\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:not(.orientation-horizontal) {\n  flex-direction: column;\n}\n\n.focus-indicator {\n  pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n  display: none;\n}\n\n/* Shape */\n.base:not(.shape-pill) {\n  --_listbox-border-radius: 6px;\n}\n\n.base.shape-pill {\n  --_listbox-border-radius: 24px;\n}\n\n::slotted([role=option]) {\n  border-radius: var(--_listbox-border-radius);\n  contain: content;\n}\n\n.base.disabled ::slotted([role=option]) {\n  --_option-appearance-color-text: var(--_appearance-color-outline);\n  pointer-events: none;\n}";
 
 const listboxDefinition = Listbox.compose({
   baseName: "listbox",

package/locales/en-GB.js

@@ -78,12 +78,26 @@ const enGB = {
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file"
   },
+  audioPlayer: {
+    playButtonLabel: "Play",
+    pauseButtonLabel: "Pause",
+    sliderLabel: "Audio progress bar"
+  },
+  alert: {
+    dismissButtonLabel: "Close"
+  },
   dialog: {
     dismissButtonLabel: "Close"
   },
+  banner: {
+    dismissButtonLabel: "Close"
+  },
   numberField: {
     incrementButtonLabel: "Increment",
     decrementButtonLabel: "Decrement"
+  },
+  splitButton: {
+    showMoreActionsLabel: "Show more actions"
   }
 };