@vonage/vivid 4.4.0 → 4.6.0

package/elevation/index.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-const definition = require('../shared/definition62.cjs');
+const definition = require('../shared/definition63.cjs');
 
 definition.registerElevation();

package/elevation/index.js

@@ -1,3 +1,3 @@
-import { r as registerElevation } from '../shared/definition62.js';
+import { r as registerElevation } from '../shared/definition63.js';
 
 registerElevation();

package/index.cjs

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const enums = require('./shared/enums.cjs');
+const index = require('./shared/index.cjs');
+const localized = require('./shared/localized.cjs');
 const definition = require('./shared/definition.cjs');
 const definition$1 = require('./shared/definition2.cjs');
 const definition$2 = require('./shared/definition3.cjs');
@@ -63,12 +66,25 @@ const definition$V = require('./shared/definition58.cjs');
 const definition$W = require('./shared/definition59.cjs');
 const definition$X = require('./shared/definition60.cjs');
 const definition$Y = require('./shared/definition61.cjs');
-const enums = require('./shared/enums.cjs');
-const index$1 = require('./shared/index.cjs');
-const index = require('./shared/index2.cjs');
+const definition$Z = require('./shared/definition62.cjs');
 
 
 
+exports.Appearance = enums.Appearance;
+exports.AriaLive = enums.AriaLive;
+exports.Connotation = enums.Connotation;
+exports.ConnotationDecorative = enums.ConnotationDecorative;
+exports.IconDecoration = enums.IconDecoration;
+exports.LayoutSize = enums.LayoutSize;
+exports.MediaSkipBy = enums.MediaSkipBy;
+exports.Position = enums.Position;
+exports.Role = enums.Role;
+exports.Shape = enums.Shape;
+exports.Size = enums.Size;
+exports.TabsGutters = enums.TabsGutters;
+exports.designSystem = index.designSystem;
+exports.registerFactory = index.registerFactory;
+exports.setLocale = localized.setLocale;
 exports.accordionItemDefinition = definition.accordionItemDefinition;
 exports.accordionItemRegistries = definition.accordionItemRegistries;
 exports.registerAccordionItem = definition.registerAccordionItem;
@@ -197,74 +213,64 @@ exports.registerRadio = definition$E.registerRadio;
 exports.rangeSliderDefinition = definition$F.rangeSliderDefinition;
 exports.rangeSliderRegistries = definition$F.rangeSliderRegistries;
 exports.registerRangeSlider = definition$F.registerRangeSlider;
-exports.registerSelect = definition$G.registerSelect;
-exports.selectDefinition = definition$G.selectDefinition;
-exports.selectRegistries = definition$G.selectRegistries;
-exports.registerSelectableBox = definition$H.registerSelectableBox;
-exports.selectableBoxDefinition = definition$H.selectableBoxDefinition;
-exports.selectableBoxRegistries = definition$H.selectableBoxRegistries;
-exports.registerSideDrawer = definition$I.registerSideDrawer;
-exports.sideDrawerDefinition = definition$I.sideDrawerDefinition;
-exports.sideDrawerRegistries = definition$I.sideDrawerRegistries;
-exports.registerSlider = definition$J.registerSlider;
-exports.sliderDefinition = definition$J.sliderDefinition;
-exports.sliderRegistries = definition$J.sliderRegistries;
-exports.registerSplitButton = definition$K.registerSplitButton;
-exports.splitButtonDefinition = definition$K.splitButtonDefinition;
-exports.splitButtonRegistries = definition$K.splitButtonRegistries;
-exports.registerSwitch = definition$L.registerSwitch;
-exports.switchDefinition = definition$L.switchDefinition;
-exports.switchRegistries = definition$L.switchRegistries;
-exports.registerTabPanel = definition$M.registerTabPanel;
-exports.tabPanelDefinition = definition$M.tabPanelDefinition;
-exports.tabPanelRegistries = definition$M.tabPanelRegistries;
-exports.registerTab = definition$N.registerTab;
-exports.tabDefinition = definition$N.tabDefinition;
-exports.tabRegistries = definition$N.tabRegistries;
-exports.registerTabs = definition$O.registerTabs;
-exports.tabsDefinition = definition$O.tabsDefinition;
-exports.tabsRegistries = definition$O.tabsRegistries;
-exports.registerTagGroup = definition$P.registerTagGroup;
-exports.tagGroupDefinition = definition$P.tagGroupDefinition;
-exports.tagGroupRegistries = definition$P.tagGroupRegistries;
-exports.registerTag = definition$Q.registerTag;
-exports.tagDefinition = definition$Q.tagDefinition;
-exports.registerTextArea = definition$R.registerTextArea;
-exports.textAreaDefinition = definition$R.textAreaDefinition;
-exports.textAreaRegistries = definition$R.textAreaRegistries;
-exports.registerTextField = definition$S.registerTextField;
-exports.textFieldDefinition = definition$S.textFieldDefinition;
-exports.textFieldRegistries = definition$S.textFieldRegistries;
-exports.registerTimePicker = definition$T.registerTimePicker;
-exports.timePickerDefinition = definition$T.timePickerDefinition;
-exports.timePickerRegistries = definition$T.timePickerRegistries;
-exports.registerToggletip = definition$U.registerToggletip;
-exports.toggletipDefinition = definition$U.toggletipDefinition;
-exports.toggletipRegistries = definition$U.toggletipRegistries;
-exports.registerTooltip = definition$V.registerTooltip;
-exports.tooltipDefinition = definition$V.tooltipDefinition;
-exports.tooltipRegistries = definition$V.tooltipRegistries;
-exports.registerTreeItem = definition$W.registerTreeItem;
-exports.treeItemDefinition = definition$W.treeItemDefinition;
-exports.treeItemRegistries = definition$W.treeItemRegistries;
-exports.registerTreeView = definition$X.registerTreeView;
-exports.treeViewDefinition = definition$X.treeViewDefinition;
-exports.treeViewRegistries = definition$X.treeViewRegistries;
-exports.registerVideoPlayer = definition$Y.registerVideoPlayer;
-exports.videoPlayerDefinition = definition$Y.videoPlayerDefinition;
-exports.videoPlayerRegistries = definition$Y.videoPlayerRegistries;
-exports.Appearance = enums.Appearance;
-exports.AriaLive = enums.AriaLive;
-exports.Connotation = enums.Connotation;
-exports.ConnotationDecorative = enums.ConnotationDecorative;
-exports.IconDecoration = enums.IconDecoration;
-exports.LayoutSize = enums.LayoutSize;
-exports.MediaSkipBy = enums.MediaSkipBy;
-exports.Position = enums.Position;
-exports.Role = enums.Role;
-exports.Shape = enums.Shape;
-exports.Size = enums.Size;
-exports.TabsGutters = enums.TabsGutters;
-exports.designSystem = index$1.designSystem;
-exports.registerFactory = index$1.registerFactory;
-exports.setLocale = index.setLocale;
+exports.optionTagDefinition = definition$G.optionTagDefinition;
+exports.registerSearchableSelect = definition$G.registerSearchableSelect;
+exports.searchableSelectDefinition = definition$G.searchableSelectDefinition;
+exports.searchableSelectRegistries = definition$G.searchableSelectRegistries;
+exports.registerSelect = definition$H.registerSelect;
+exports.selectDefinition = definition$H.selectDefinition;
+exports.selectRegistries = definition$H.selectRegistries;
+exports.registerSelectableBox = definition$I.registerSelectableBox;
+exports.selectableBoxDefinition = definition$I.selectableBoxDefinition;
+exports.selectableBoxRegistries = definition$I.selectableBoxRegistries;
+exports.registerSideDrawer = definition$J.registerSideDrawer;
+exports.sideDrawerDefinition = definition$J.sideDrawerDefinition;
+exports.sideDrawerRegistries = definition$J.sideDrawerRegistries;
+exports.registerSlider = definition$K.registerSlider;
+exports.sliderDefinition = definition$K.sliderDefinition;
+exports.sliderRegistries = definition$K.sliderRegistries;
+exports.registerSplitButton = definition$L.registerSplitButton;
+exports.splitButtonDefinition = definition$L.splitButtonDefinition;
+exports.splitButtonRegistries = definition$L.splitButtonRegistries;
+exports.registerSwitch = definition$M.registerSwitch;
+exports.switchDefinition = definition$M.switchDefinition;
+exports.switchRegistries = definition$M.switchRegistries;
+exports.registerTabPanel = definition$N.registerTabPanel;
+exports.tabPanelDefinition = definition$N.tabPanelDefinition;
+exports.tabPanelRegistries = definition$N.tabPanelRegistries;
+exports.registerTab = definition$O.registerTab;
+exports.tabDefinition = definition$O.tabDefinition;
+exports.tabRegistries = definition$O.tabRegistries;
+exports.registerTabs = definition$P.registerTabs;
+exports.tabsDefinition = definition$P.tabsDefinition;
+exports.tabsRegistries = definition$P.tabsRegistries;
+exports.registerTagGroup = definition$Q.registerTagGroup;
+exports.tagGroupDefinition = definition$Q.tagGroupDefinition;
+exports.tagGroupRegistries = definition$Q.tagGroupRegistries;
+exports.registerTag = definition$R.registerTag;
+exports.tagDefinition = definition$R.tagDefinition;
+exports.tagRegistries = definition$R.tagRegistries;
+exports.registerTextArea = definition$S.registerTextArea;
+exports.textAreaDefinition = definition$S.textAreaDefinition;
+exports.textAreaRegistries = definition$S.textAreaRegistries;
+exports.registerTextField = definition$T.registerTextField;
+exports.textFieldDefinition = definition$T.textFieldDefinition;
+exports.textFieldRegistries = definition$T.textFieldRegistries;
+exports.registerTimePicker = definition$U.registerTimePicker;
+exports.timePickerDefinition = definition$U.timePickerDefinition;
+exports.timePickerRegistries = definition$U.timePickerRegistries;
+exports.registerToggletip = definition$V.registerToggletip;
+exports.toggletipDefinition = definition$V.toggletipDefinition;
+exports.toggletipRegistries = definition$V.toggletipRegistries;
+exports.registerTooltip = definition$W.registerTooltip;
+exports.tooltipDefinition = definition$W.tooltipDefinition;
+exports.tooltipRegistries = definition$W.tooltipRegistries;
+exports.registerTreeItem = definition$X.registerTreeItem;
+exports.treeItemDefinition = definition$X.treeItemDefinition;
+exports.treeItemRegistries = definition$X.treeItemRegistries;
+exports.registerTreeView = definition$Y.registerTreeView;
+exports.treeViewDefinition = definition$Y.treeViewDefinition;
+exports.treeViewRegistries = definition$Y.treeViewRegistries;
+exports.registerVideoPlayer = definition$Z.registerVideoPlayer;
+exports.videoPlayerDefinition = definition$Z.videoPlayerDefinition;
+exports.videoPlayerRegistries = definition$Z.videoPlayerRegistries;

package/index.js

@@ -1,3 +1,6 @@
+export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, T as TabsGutters } from './shared/enums.js';
+export { d as designSystem, r as registerFactory } from './shared/index.js';
+export { s as setLocale } from './shared/localized.js';
 export { a as accordionItemDefinition, b as accordionItemRegistries, r as registerAccordionItem } from './shared/definition.js';
 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';
@@ -40,25 +43,23 @@ export { p as progressDefinition, a as progressRegistries, r as registerProgress
 export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition40.js';
 export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition41.js';
 export { r as rangeSliderDefinition, a as rangeSliderRegistries, b as registerRangeSlider } from './shared/definition42.js';
-export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition43.js';
-export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition44.js';
-export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition45.js';
-export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition46.js';
-export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition47.js';
-export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition48.js';
-export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition49.js';
-export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition50.js';
-export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition51.js';
-export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition52.js';
-export { r as registerTag, t as tagDefinition } from './shared/definition53.js';
-export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition54.js';
-export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition55.js';
-export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition56.js';
-export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition57.js';
-export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition58.js';
-export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition59.js';
-export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition60.js';
-export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition61.js';
-export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, T as TabsGutters } from './shared/enums.js';
-export { d as designSystem, r as registerFactory } from './shared/index.js';
-export { s as setLocale } from './shared/index2.js';
+export { o as optionTagDefinition, r as registerSearchableSelect, s as searchableSelectDefinition, a as searchableSelectRegistries } from './shared/definition43.js';
+export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition44.js';
+export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition45.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition46.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition47.js';
+export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition48.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition49.js';
+export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition50.js';
+export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition51.js';
+export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition52.js';
+export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition53.js';
+export { r as registerTag, t as tagDefinition, a as tagRegistries } from './shared/definition54.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition55.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition56.js';
+export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition57.js';
+export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition58.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition59.js';
+export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition60.js';
+export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition61.js';
+export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition62.js';

package/lib/components.d.ts

@@ -40,6 +40,7 @@ export * from './progress/definition';
 export * from './radio-group/definition';
 export * from './radio/definition';
 export * from './range-slider/definition';
+export * from './searchable-select/definition';
 export * from './select/definition';
 export * from './selectable-box/definition';
 export * from './side-drawer/definition';

package/lib/fab/fab.d.ts

@@ -2,7 +2,7 @@ import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Connotation, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 export type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent | Connotation.Announcement>;
-export type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
+export type FABSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class Fab extends FoundationButton {
     connotation?: FabConnotation;
     size?: FABSize;

package/lib/icon/icon.d.ts

@@ -1,6 +1,6 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
-export type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
+export type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
 export declare class Icon extends FoundationElement {
     connotation?: IconConnotation;
     size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;

package/lib/menu/menu.d.ts

@@ -1,5 +1,5 @@
 import { Menu as FastMenu } from '@microsoft/fast-foundation';
-import type { Placement } from '@floating-ui/dom';
+import type { Placement, Strategy } from '@floating-ui/dom';
 import { type Anchored } from '../../shared/patterns/anchored';
 export declare class Menu extends FastMenu {
     #private;
@@ -7,6 +7,7 @@ export declare class Menu extends FastMenu {
     placement?: Placement;
     trigger?: 'auto' | 'legacy' | 'off';
     autoDismiss: boolean;
+    positionStrategy?: Strategy;
     open: boolean;
     openChanged(_: boolean, newValue: boolean): void;
     constructor();

package/lib/number-field/number-field.d.ts

@@ -1,9 +1,10 @@
 import { DelegatesARIATextbox } from '@microsoft/fast-foundation';
-import type { Appearance, Shape } from '../enums';
+import type { Appearance, Shape, Size } from '../enums';
 import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
 import { FormAssociatedNumberField } from './number-field.form-associated';
 export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export type NumberFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
 export declare class NumberField extends FormAssociatedNumberField {
     #private;
     readOnly: boolean;
@@ -13,6 +14,7 @@ export declare class NumberField extends FormAssociatedNumberField {
     maxlength: number;
     minlength: number;
     size: number;
+    scale?: NumberFieldSize;
     step: number;
     stepChanged(_: number, next: number): void;
     max: number;

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

@@ -0,0 +1,4 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const optionTagDefinition: (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 searchableSelectDefinition: (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 registerSearchableSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

@@ -0,0 +1,6 @@
+export interface SearchableSelectLocale {
+    clearButtonLabel: string;
+    noOptionsMessage: string;
+    noMatchesMessage: string;
+    removeTagButtonLabel: (label: string) => string;
+}

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

@@ -0,0 +1,14 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { Shape } from '../enums';
+import { Localized } from '../../shared/patterns';
+export type OptionTagShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class OptionTag extends FoundationElement {
+    shape?: OptionTagShape;
+    label?: string;
+    removable: boolean;
+    disabled: boolean;
+    hasIconPlaceholder: boolean;
+    _onClickRemove(): void;
+}
+export interface OptionTag extends Localized {
+}

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

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

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

@@ -0,0 +1,29 @@
+import { Appearance, Shape } from '../enums';
+import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
+import type { ListboxOption } from '../option/option';
+import { FormAssociatedSearchableSelect } from './searchable-select.form-associated';
+export type SearchableSelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
+export type SearchableSelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class SearchableSelect extends FormAssociatedSearchableSelect {
+    #private;
+    appearance?: SearchableSelectAppearance;
+    shape?: SearchableSelectShape;
+    fixedDropdown: boolean;
+    placeholder: string | undefined;
+    open: boolean;
+    multiple: boolean;
+    externalTags: boolean;
+    maxLines: number | null;
+    values: string[];
+    initialValues: string[];
+    get selectedIndex(): number;
+    set selectedIndex(index: number);
+    get options(): ListboxOption[];
+    get selectedOptions(): ListboxOption[];
+    clearable: boolean;
+    setFormValue: (value: File | string | FormData | null, state?: File | string | FormData | null) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export interface SearchableSelect extends AffixIconWithTrailing, FormElement, FormElementHelperText, ErrorText, FormElementSuccessText, Localized {
+}

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

@@ -0,0 +1,10 @@
+import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+declare class _SearchableSelect extends FoundationElement {
+}
+interface _SearchableSelect extends FormAssociated {
+}
+declare const FormAssociatedSearchableSelect_base: typeof _SearchableSelect;
+export declare class FormAssociatedSearchableSelect extends FormAssociatedSearchableSelect_base {
+    proxy: HTMLInputElement;
+}
+export {};

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

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

package/lib/select/select.d.ts

@@ -1,13 +1,16 @@
 import { Select as FoundationSelect } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing, type ErrorText, type FormElement, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
-import type { Appearance, Shape } from '../enums';
+import type { Appearance, Shape, Size } from '../enums';
 export type SelectAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export type SelectSize = Extract<Size, Size.Condensed | Size.Normal>;
 export declare class Select extends FoundationSelect {
+    scale?: SelectSize;
     appearance?: SelectAppearance;
     shape?: SelectShape;
     fixedDropdown: boolean;
     placeholder: string | undefined;
+    labelChanged(): void;
     connectedCallback(): void;
     get displayValue(): string;
     setDefaultSelectedOption(): void;

package/lib/tab/locale.d.ts

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

package/lib/tab/tab.d.ts

@@ -1,5 +1,6 @@
 import { Tab as FoundationTab } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+import { Localized } from '../../shared/patterns';
 import type { Connotation, Shape } from '../enums.js';
 export type TabConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type TabShape = Extract<Shape, Shape.Rounded | Shape.Sharp>;
@@ -7,8 +8,11 @@ export declare class Tab extends FoundationTab {
     connotation?: TabConnotation;
     shape?: TabShape;
     label?: string;
+    removable: boolean;
     tabIndex: number;
     ariaSelected: string | null;
+    _handleCloseClick(e: Event): void;
+    _onKeyDown(e: KeyboardEvent): boolean;
 }
-export interface Tab extends AffixIconWithTrailing {
+export interface Tab extends Localized, AffixIconWithTrailing {
 }

package/lib/tabs/tabs.d.ts

@@ -15,4 +15,6 @@ export declare class Tabs extends FoundationTabs {
     tabsChanged(): void;
     tabpanelsChanged(): void;
     patchIndicatorStyleTransition(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
 }

package/lib/tag/definition.d.ts

@@ -1,4 +1,5 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export type { TagConnotation, TagAppearance, TagShape } from './tag';
 export declare const tagDefinition: (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 tagRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
 export declare const registerTag: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/text-field/text-field.d.ts

@@ -1,13 +1,15 @@
 import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
-import type { Appearance, Shape } from '../enums';
+import type { Appearance, Shape, Size } from '../enums';
 import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
 export type TextFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export type TextFieldSize = Extract<Size, Size.Condensed | Size.Normal>;
 export declare class TextField extends FoundationTextfield {
     #private;
     appearance?: TextFieldAppearance;
     shape?: TextFieldShape;
     autoComplete?: string;
+    scale?: TextFieldSize;
     leadingActionItemsSlottedContent?: HTMLElement[];
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -2,7 +2,6 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { MediaSkipBy } from '../enums';
 import { Localized } from '../../shared/patterns';
 export declare const DEFAULT_PLAYBACK_RATES = "0.5, 1, 1.5, 2";
-export declare function getPlaybackRatesArray(playbackRates: string): number[];
 export declare class VideoPlayer extends FoundationElement {
     #private;
     poster?: string;

package/listbox/index.cjs

@@ -40,7 +40,7 @@ const ListboxTemplate = () => {
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}";
 
 const listboxDefinition = listbox.Listbox.compose({
   baseName: "listbox",

package/listbox/index.js

@@ -38,7 +38,7 @@ const ListboxTemplate = () => {
 	`;
 };
 
-const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}";
+const styles = ":host{display:inline-block;inline-size:fit-content}:host(:focus-within){outline:none}:host([disabled]){cursor:not-allowed}.base{--_connotation-color-intermediate: var(--vvd-listbox-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-primary: var(--vvd-listbox-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-listbox-accent-soft, var(--vvd-color-neutral-100))}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.disabled,:disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base{display:inline-flex;box-sizing:border-box;padding:4px;border-radius:var(--_listbox-border-radius);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);contain:paint;gap:4px;inline-size:100%}.base:not(.orientation-horizontal){flex-direction:column}.base:not(.shape-pill){--_listbox-border-radius: 8px}.base.shape-pill{--_listbox-border-radius: 24px}:host(:focus-within) .base{--focus-stroke-gap-color: transparent;box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}::slotted([role=option]){border-radius:var(--_listbox-border-radius);contain:content}.base.disabled ::slotted([role=option]){--_option-appearance-color-text: var(--_appearance-color-outline);pointer-events:none}";
 
 const listboxDefinition = Listbox.compose({
   baseName: "listbox",

package/locales/de-DE.cjs

@@ -323,6 +323,18 @@ const deDE = {
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
     digitHashtagLabel: "#"
+  },
+  tab: {
+    dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
+  },
+  searchableSelect: {
+    clearButtonLabel: "Löschen",
+    noOptionsMessage: "Keine Optionen",
+    noMatchesMessage: "Keine Optionen gefunden",
+    removeTagButtonLabel: (
+      /* istanbul ignore next */
+      (label) => `${label} entfernen`
+    )
   }
 };
 

package/locales/de-DE.js

@@ -321,6 +321,18 @@ const deDE = {
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
     digitHashtagLabel: "#"
+  },
+  tab: {
+    dismissButtonLabel: "Drücken Sie die ENTF-Taste, um diese Registerkarte zu schließen"
+  },
+  searchableSelect: {
+    clearButtonLabel: "Löschen",
+    noOptionsMessage: "Keine Optionen",
+    noMatchesMessage: "Keine Optionen gefunden",
+    removeTagButtonLabel: (
+      /* istanbul ignore next */
+      (label) => `${label} entfernen`
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -155,6 +155,18 @@ const enGB = {
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
     digitHashtagLabel: "#"
+  },
+  tab: {
+    dismissButtonLabel: "Press the DELETE key to close this tab"
+  },
+  searchableSelect: {
+    clearButtonLabel: "Clear",
+    noOptionsMessage: "No options",
+    noMatchesMessage: "No options found",
+    removeTagButtonLabel: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };
 

package/locales/en-GB.js

@@ -153,6 +153,18 @@ const enGB = {
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
     digitHashtagLabel: "#"
+  },
+  tab: {
+    dismissButtonLabel: "Press the DELETE key to close this tab"
+  },
+  searchableSelect: {
+    clearButtonLabel: "Clear",
+    noOptionsMessage: "No options",
+    noMatchesMessage: "No options found",
+    removeTagButtonLabel: (
+      /* istanbul ignore next */
+      (label) => `Remove ${label}`
+    )
   }
 };