@vonage/vivid 3.39.0 → 3.40.0

package/date-picker/index.js

@@ -1,13 +1,13 @@
 import { r as registerDatePicker } from '../shared/definition17.js';
 import '../shared/index.js';
-import '../shared/definition58.js';
+import '../shared/definition59.js';
 import '../shared/definition10.js';
 import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -21,10 +21,12 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition57.js';
-import '../shared/definition51.js';
+import '../shared/enums.js';
+import '../shared/definition58.js';
+import '../shared/definition52.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';

package/date-range-picker/index.js

@@ -6,7 +6,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -20,11 +20,13 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
+import '../shared/enums.js';
+import '../shared/definition59.js';
 import '../shared/definition58.js';
-import '../shared/definition57.js';
-import '../shared/definition51.js';
+import '../shared/definition52.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';

package/dialog/index.js

@@ -6,7 +6,7 @@ import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition10.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -20,6 +20,10 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition57.js';
+import '../shared/enums.js';
+import '../shared/definition58.js';
+import '../shared/index2.js';
+import '../locales/en-US.js';
+import '../shared/localized.js';
 
 registerDialog();

package/elevation/index.js

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

package/fab/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/file-picker/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition10.js';
 import '../shared/definition36.js';
@@ -20,6 +20,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
+import '../shared/enums.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/localized.js';

package/focus/index.js

@@ -1,4 +1,4 @@
-import { r as registerFocus } from '../shared/definition56.js';
+import { r as registerFocus } from '../shared/definition57.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 '../shared/index.js';
-import '../shared/definition57.js';
+import '../shared/definition58.js';
 import '../shared/class-names.js';
 
 registerHeader();

package/index.js

@@ -7,7 +7,7 @@ export { b as badgeDefinition, r as registerBadge } from './shared/definition6.j
 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 { A as Appearance, e as AriaLive, C as Connotation, c as ConnotationDecorative, L as LayoutSize, P as Position, R as Role, S as Shape, d as Size, b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition10.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';
@@ -38,24 +38,26 @@ export { p as progressDefinition, a as progressRegistries, r as registerProgress
 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 registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition41.js';
-export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition42.js';
-export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition43.js';
-export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition44.js';
-export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition45.js';
-export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition46.js';
-export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition47.js';
-export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition48.js';
-export { r as registerTag, t as tagDefinition } from './shared/definition49.js';
-export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition50.js';
-export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition51.js';
-export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition52.js';
-export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition53.js';
-export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition54.js';
-export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition55.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 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/definition56.js';
+import './shared/definition57.js';
 import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
@@ -69,7 +71,7 @@ import './shared/when.js';
 import './shared/key-codes.js';
 import './shared/numbers.js';
 import './shared/class-names.js';
-import './shared/definition57.js';
+import './shared/definition58.js';
 import './shared/button.js';
 import './shared/form-associated.js';
 import './shared/aria-global.js';
@@ -78,9 +80,10 @@ import './shared/anchor.js';
 import './shared/text-anchor.template.js';
 import './shared/calendar-event.js';
 import './shared/repeat.js';
-import './shared/definition58.js';
+import './shared/definition59.js';
 import './shared/text-field.js';
 import './shared/listbox.js';
+import './shared/key-codes2.js';
 import './shared/strings.js';
 import './shared/select.options.js';
 import './shared/children.js';
@@ -94,5 +97,6 @@ import './shared/text-field2.js';
 import './shared/base-progress.js';
 import './shared/radio.js';
 import './shared/aria2.js';
+import './shared/Reflector.js';
 import './shared/tree-item.js';
 import './locales/en-US.js';

package/lib/checkbox/checkbox.d.ts

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

package/lib/components.d.ts

@@ -38,6 +38,7 @@ export * from './progress/definition';
 export * from './radio-group/definition';
 export * from './radio/definition';
 export * from './select/definition';
+export * from './selectable-box/definition';
 export * from './side-drawer/definition';
 export * from './slider/definition';
 export * from './split-button/definition';

package/lib/dialog/dialog.d.ts

@@ -1,4 +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 {
@@ -12,6 +13,7 @@ export declare class Dialog extends FoundationElement {
     ariaLabelledBy: string | null;
     ariaLabel: string | null;
     ariaDescribedBy: string | null;
+    dismissButtonAriaLabel: string | null;
     set returnValue(value: string);
     get returnValue(): string;
     get modal(): boolean;
@@ -24,3 +26,5 @@ export declare class Dialog extends FoundationElement {
     footerSlottedContent?: HTMLElement[];
     actionItemsSlottedContent?: HTMLElement[];
 }
+export interface Dialog extends Localized {
+}

package/lib/dialog/locale.d.ts

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

package/lib/menu/menu.d.ts

@@ -10,6 +10,7 @@ export declare class Menu extends FastMenu {
     autoDismissChanged(oldValue: boolean, newValue: boolean): void;
     open: boolean;
     openChanged(_: boolean, newValue: boolean): void;
+    constructor();
     disconnectedCallback(): void;
     actionItemsSlottedContent?: HTMLElement[];
 }

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

@@ -0,0 +1,4 @@
+export interface NumberFieldLocale {
+    incrementButtonLabel: string;
+    decrementButtonLabel: string;
+}

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

@@ -1,10 +1,12 @@
 import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
 import type { Appearance, Shape } from '../enums';
-import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
+import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns';
 export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
 export type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export declare class NumberField extends FastNumberField {
+    incrementButtonAriaLabel: string | null;
+    decrementButtonAriaLabel: string | null;
     appearance?: NumberFieldAppearance;
     shape?: NumberFieldShape;
     autoComplete?: string;
@@ -13,5 +15,5 @@ export declare class NumberField extends FastNumberField {
     stepUp(): void;
     stepDown(): void;
 }
-export interface NumberField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
+export interface NumberField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized {
 }

package/lib/progress/progress.d.ts

@@ -3,6 +3,7 @@ import type { Connotation, ConnotationDecorative, Shape } from '../enums';
 export type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
 export type ProgressShape = Shape.Rounded | Shape.Sharp;
 export declare class Progress extends BaseProgress {
+    ariaLabel: string | null;
     shape?: ProgressShape;
     connotation?: ProgressConnotation;
     reverse: boolean;

package/lib/progress-ring/progress-ring.d.ts

@@ -2,6 +2,7 @@ import { BaseProgress } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
 export type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
 export declare class ProgressRing extends BaseProgress {
+    ariaLabel: string | null;
     connotation?: ProgressRingConnotation;
     size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
 }

package/lib/radio/radio.d.ts

@@ -2,6 +2,7 @@ import { Radio as FastRadio } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums.js';
 export type RadioConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export declare class Radio extends FastRadio {
+    ariaLabel: string | null;
     label?: string;
     connotation?: RadioConnotation;
 }

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

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

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

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

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

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

package/lib/slider/definition.d.ts

@@ -1,3 +1,4 @@
 import type { SliderOptions } from '@microsoft/fast-foundation';
+export type { SliderConnotation } from './slider';
 export declare const sliderDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
 export declare const registerSlider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/slider/slider.d.ts

@@ -1,4 +1,9 @@
 import { Slider as FastSlider } from '@microsoft/fast-foundation';
+import type { Connotation } from '../enums';
+export type SliderConnotation = Connotation.Accent | Connotation.CTA;
 export declare class Slider extends FastSlider {
+    ariaLabel: string | null;
+    ariaValuetext: string | null;
     markers: boolean;
+    connotation?: SliderConnotation;
 }

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

@@ -2,7 +2,10 @@ import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
 import { type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
 export type TextAreaWrap = 'hard' | 'soft' | 'off';
 export declare class TextArea extends FoundationElement {
+    #private;
     wrap?: TextAreaWrap;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
 }
 export interface TextArea extends FormElement, ErrorText, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
 }

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

@@ -1,14 +1,17 @@
 import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
 import type { Appearance, Shape } from '../enums';
-import { AffixIcon, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
-import { type ErrorText, type FormElement } from '../../shared/patterns';
+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 declare class TextField extends FoundationTextfield {
+    #private;
     appearance?: TextFieldAppearance;
     shape?: TextFieldShape;
     autoComplete?: string;
     leadingActionItemsSlottedContent?: HTMLElement[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    focus(): void;
 }
 export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
 }

package/listbox/index.js

@@ -1,5 +1,5 @@
 import { h as html, r as registerFactory } from '../shared/index.js';
-import { f as focusRegistries } from '../shared/definition56.js';
+import { f as focusRegistries } from '../shared/definition57.js';
 import { a as listboxOptionRegistries } from '../shared/definition34.js';
 import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
 import '../shared/affix.js';
@@ -17,6 +17,7 @@ import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/apply-mixins.js';
 import '../shared/dom.js';
+import '../shared/key-codes2.js';
 import '../shared/key-codes.js';
 import '../shared/strings.js';
 import '../shared/numbers.js';
@@ -61,7 +62,7 @@ const ListboxTemplate = (context) => {
 	`;
 };
 
-const styles = "/**\n * Do not edit directly\n * Generated on Tue, 17 Oct 2023 15:27:52 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 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 listboxDefinition = Listbox.compose({
   baseName: "listbox",

package/locales/en-GB.js

@@ -77,6 +77,13 @@ const enGB = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file"
+  },
+  dialog: {
+    dismissButtonLabel: "Close"
+  },
+  numberField: {
+    incrementButtonLabel: "Increment",
+    decrementButtonLabel: "Decrement"
   }
 };
 

package/locales/en-US.js

@@ -77,6 +77,13 @@ const enUS = {
     maxFilesExceededError: "You can't select any more files.",
     fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
     removeFileLabel: "Remove file"
+  },
+  dialog: {
+    dismissButtonLabel: "Close"
+  },
+  numberField: {
+    incrementButtonLabel: "Increment",
+    decrementButtonLabel: "Decrement"
   }
 };
 

package/locales/ja-JP.js

@@ -77,6 +77,13 @@ const jaJP = {
     maxFilesExceededError: "これ以上ファイルを選択できません。",
     fileTooBigError: "ファイルが大きすぎます ({{filesize}}MiB)。最大ファイルサイズ: {{maxFilesize}}MiB。",
     removeFileLabel: "ファイルを削除"
+  },
+  dialog: {
+    dismissButtonLabel: "閉じる"
+  },
+  numberField: {
+    incrementButtonLabel: "増加",
+    decrementButtonLabel: "減少"
   }
 };
 

package/locales/zh-CN.js

@@ -77,6 +77,13 @@ const zhCN = {
     maxFilesExceededError: "您不能再选择任何文件。",
     fileTooBigError: "文件太大 ({{filesize}}MiB)。最大文件大小: {{maxFilesize}}MiB。",
     removeFileLabel: "删除文件"
+  },
+  dialog: {
+    dismissButtonLabel: "关"
+  },
+  numberField: {
+    incrementButtonLabel: "增量",
+    decrementButtonLabel: "递减"
   }
 };
 

package/menu/index.js

@@ -1,13 +1,13 @@
 import { r as registerMenu } from '../shared/definition28.js';
 import '../shared/index.js';
-import '../shared/definition58.js';
+import '../shared/definition59.js';
 import '../shared/definition10.js';
 import '../shared/definition25.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -21,7 +21,8 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition57.js';
+import '../shared/enums.js';
+import '../shared/definition58.js';
 import '../shared/definition27.js';
 import '../shared/direction.js';
 import '../shared/dom.js';

package/menu-item/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/nav-disclosure/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/nav-item/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/number-field/index.js

@@ -6,7 +6,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -20,10 +20,12 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
+import '../shared/enums.js';
 import '../shared/definition20.js';
 import '../shared/aria.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
+import '../shared/localized.js';
 import '../shared/text-field2.js';
 
 registerNumberField();

package/option/index.js

@@ -5,7 +5,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/slotted.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.39.0",
+  "version": "3.40.0",
   "type": "module",
   "module": "./index.js",
   "main": "./index.js",

package/pagination/index.js

@@ -6,7 +6,7 @@ import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition56.js';
+import '../shared/definition57.js';
 import '../shared/focus.js';
 import '../shared/definition36.js';
 import '../shared/base-progress.js';
@@ -20,6 +20,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
+import '../shared/enums.js';
 import '../shared/children.js';
 import '../shared/repeat.js';