@vonage/vivid 4.5.0 → 4.7.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

@@ -66,6 +66,7 @@ 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 definition$Z = require('./shared/definition62.cjs');
 
 
 
@@ -212,59 +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.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

@@ -43,22 +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 { 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/dialog/dialog.d.ts

@@ -1,6 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { Localized } from '../../shared/patterns';
-export declare const isDialogSupported: boolean;
 export type IconPlacement = 'top' | 'side';
 export declare class Dialog extends FoundationElement {
     #private;

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,9 @@
+export interface SearchableSelectLocale {
+    clearButtonLabel: string;
+    noOptionsMessage: string;
+    noMatchesMessage: string;
+    removeTagButtonLabel: (label: string) => string;
+    optionSelectedMessage: (name: string) => string;
+    optionDeselectedMessage: (name: string) => string;
+    optionFocusedMessage: (name: string, position: number, total: number) => 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,9 +1,11 @@
 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;

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/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/locales/de-DE.cjs

@@ -323,6 +323,30 @@ 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`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} ausgewählt.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} entfernt.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+    )
   }
 };
 

package/locales/de-DE.js

@@ -321,6 +321,30 @@ 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`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} ausgewählt.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} entfernt.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} fokussiert, ${position} von ${total}.`
+    )
   }
 };
 

package/locales/en-GB.cjs

@@ -155,6 +155,30 @@ 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}`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} selected.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} deselected.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    )
   }
 };
 

package/locales/en-GB.js

@@ -153,6 +153,30 @@ 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}`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} selected.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} deselected.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    )
   }
 };
 

package/locales/en-US.cjs

@@ -323,6 +323,30 @@ const enUS = {
     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}`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} selected.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} deselected.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    )
   }
 };
 

package/locales/en-US.js

@@ -321,6 +321,30 @@ const enUS = {
     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}`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} selected.`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `Option ${name} deselected.`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `Option ${name} focused, ${position} of ${total}.`
+    )
   }
 };
 

package/locales/ja-JP.cjs

@@ -322,6 +322,30 @@ const jaJP = {
     digitAsteriskLabel: "*",
     digitZeroLabel: "0",
     digitHashtagLabel: "#"
+  },
+  tab: {
+    dismissButtonLabel: "このタブを閉じるにはDELETEキーを押してください"
+  },
+  searchableSelect: {
+    clearButtonLabel: "クリア",
+    noOptionsMessage: "オプションがありません",
+    noMatchesMessage: "オプションが見つかりません",
+    removeTagButtonLabel: (
+      /* istanbul ignore next */
+      (label) => `${label}を削除`
+    ),
+    optionSelectedMessage: (
+      /* istanbul ignore next */
+      (name) => `オプション ${name} が選択されました。`
+    ),
+    optionDeselectedMessage: (
+      /* istanbul ignore next */
+      (name) => `オプション ${name} が選択解除されました。`
+    ),
+    optionFocusedMessage: (
+      /* istanbul ignore next */
+      (name, position, total) => `オプション ${name} がフォーカスされました。${position}/${total}`
+    )
   }
 };