@vonage/vivid 3.32.0 → 3.35.0

package/date-picker/index.js

@@ -1,15 +1,15 @@
-import { r as registerDatePicker } from '../shared/definition23.js';
+import { r as registerDatePicker } from '../shared/definition17.js';
 import '../shared/index.js';
-import '../shared/definition20.js';
-import '../shared/definition7.js';
-import '../shared/definition3.js';
+import '../shared/definition57.js';
+import '../shared/definition10.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -20,15 +20,15 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition8.js';
-import '../shared/definition24.js';
+import '../shared/definition56.js';
+import '../shared/definition50.js';
 import '../shared/index2.js';
 import '../locales/en-US.js';
 import '../shared/text-field2.js';
 import '../shared/text-field.js';
 import '../shared/slotted.js';
 import '../shared/node-observation.js';
-import '../shared/definition25.js';
+import '../shared/definition19.js';
 import '../shared/aria.js';
 import '../shared/repeat.js';
 

package/dialog/index.js

@@ -1,14 +1,14 @@
-import { r as registerDialog } from '../shared/definition26.js';
+import { r as registerDialog } from '../shared/definition18.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition7.js';
-import '../shared/definition4.js';
+import '../shared/definition10.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition9.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
@@ -19,7 +19,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition8.js';
+import '../shared/definition56.js';
 import '../shared/slotted.js';
 import '../shared/node-observation.js';
 

package/divider/index.js

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

package/elevation/index.js

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

package/empty-state/index.js

@@ -1,6 +1,6 @@
-import { r as registerEmptyState } from '../shared/definition27.js';
+import { r as registerEmptyState } from '../shared/definition20.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';

package/fab/index.js

@@ -1,15 +1,15 @@
-import { r as registerFab } from '../shared/definition28.js';
+import { r as registerFab } from '../shared/definition21.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
 import '../shared/affix.js';
-import '../shared/button.js';
 import '../shared/apply-mixins.js';
+import '../shared/button.js';
 import '../shared/form-associated.js';
 import '../shared/key-codes.js';
 import '../shared/aria-global.js';

package/file-picker/index.js

@@ -1,14 +1,14 @@
-import { r as registerFilePicker } from '../shared/definition29.js';
+import { r as registerFilePicker } from '../shared/definition22.js';
 import '../shared/index.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition4.js';
+import '../shared/definition55.js';
 import '../shared/focus.js';
-import '../shared/definition7.js';
-import '../shared/definition9.js';
+import '../shared/definition10.js';
+import '../shared/definition35.js';
 import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';

package/focus/index.js

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

package/header/index.js

@@ -1,6 +1,6 @@
-import { r as registerHeader } from '../shared/definition30.js';
+import { r as registerHeader } from '../shared/definition23.js';
 import '../shared/index.js';
-import '../shared/definition8.js';
+import '../shared/definition56.js';
 import '../shared/class-names.js';
 
 registerHeader();

package/icon/index.js

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

package/index.js

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

package/layout/index.js

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

package/lib/avatar/avatar.d.ts

@@ -1,7 +1,7 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 export type AvatarConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
-export type AvatarAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Duotone>;
+export type AvatarAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Duotone | Appearance.Subtle>;
 export type AvatarShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export type AvatarSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class Avatar extends FoundationElement {

package/lib/calendar/calendar.d.ts

@@ -5,7 +5,7 @@ export declare class Calendar extends FoundationElement {
     startDay?: 'sunday' | 'monday';
     locales?: string | string[] | undefined;
     hour12: boolean;
-    getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
+    getEventContext: (this: Calendar, e: MouseEvent | KeyboardEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
     private getCalendarEventContainingCell;
     private arrowKeysInteractions;
     private activateElement;

package/lib/date-picker/calendar/dateStr.d.ts

@@ -3,4 +3,5 @@ export declare const formatDateStr: (date: Date) => DateStr;
 export declare const currentDateStr: (now?: Date) => DateStr;
 export declare const parseDateStr: (dateStr: DateStr) => Date;
 export declare const addDays: (dateStr: DateStr, days: number) => DateStr;
+export declare const compareDateStr: (a: DateStr, b: DateStr) => number;
 export declare const isValidDateStr: (string: string) => boolean;

package/lib/date-picker/calendar/month.d.ts

@@ -7,5 +7,6 @@ export type Month = {
 export declare const getCurrentMonth: (now?: Date) => Month;
 export declare const monthOfDate: (dateStr: DateStr) => Month;
 export declare const addMonths: ({ month, year }: Month, months: number) => Month;
+export declare const compareMonths: (a: Month, b: Month) => number;
 export declare const areMonthsEqual: (a: Month, b: Month) => boolean;
 export declare const monthToStr: ({ month, year }: Month) => string;

package/lib/date-picker/calendar/year.d.ts

@@ -0,0 +1,2 @@
+import { type DateStr } from './dateStr';
+export declare const yearOfDate: (dateStr: DateStr) => number;

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

@@ -6,6 +6,8 @@ export declare class DatePicker extends FoundationElement {
     label?: string;
     helperText?: string;
     errorText?: string;
+    min: DateStr | null;
+    max: DateStr | null;
     value: DateStr | null;
     disabled: boolean;
     readOnly: boolean;

package/lib/icon/icon.d.ts

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

package/lib/listbox/listbox.d.ts

@@ -1,6 +1,14 @@
 import { ListboxElement as FoundationListboxElement } from '@microsoft/fast-foundation';
-import type { Appearance } from '../enums';
+import type { Appearance, Shape } from '../enums';
 export type LisboxAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
+type ListboxShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
 export declare class Listbox extends FoundationListboxElement {
+    #private;
     appearance?: LisboxAppearance;
+    orientation?: 'horizontal' | 'vertical';
+    orientationChanged(): void;
+    shape?: ListboxShape;
+    slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
+export {};

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

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

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

@@ -8,6 +8,7 @@ export declare class TextField extends FoundationTextfield {
     appearance?: TextFieldAppearance;
     shape?: TextFieldShape;
     autoComplete?: string;
+    leadingActionItemsSlottedContent?: HTMLElement[];
 }
 export interface TextField extends AffixIcon, ErrorText, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
 }

package/listbox/index.js

@@ -1,14 +1,14 @@
 import { h as html, r as registerFactory } from '../shared/index.js';
-import { f as focusRegistries } from '../shared/definition4.js';
-import { l as listboxOptionRegistries } from '../shared/definition21.js';
-import { b as ListboxElement, a as Listbox } from '../shared/listbox.js';
+import { f as focusRegistries } from '../shared/definition55.js';
+import { a as listboxOptionRegistries } from '../shared/definition33.js';
+import { L as ListboxElement, a as Listbox } from '../shared/listbox.js';
 import '../shared/affix.js';
 import { f as focusTemplateFactory } from '../shared/focus2.js';
 import '../shared/index2.js';
 import { s as slotted } from '../shared/slotted.js';
 import { c as classNames } from '../shared/class-names.js';
 import '../shared/focus.js';
-import '../shared/definition3.js';
+import '../shared/definition24.js';
 import '../shared/icon.js';
 import '../shared/_has.js';
 import '../shared/when.js';
@@ -23,23 +23,27 @@ import '../shared/numbers.js';
 import '../locales/en-US.js';
 import '../shared/node-observation.js';
 
-const getClasses = ({
-  appearance,
-  disabled
-}) => classNames('base', ['disabled', disabled], [`appearance-${appearance}`, Boolean(appearance)]);
-const ListboxTemplate = context => {
+const getClasses = ({ appearance, shape, disabled, orientation }) => classNames(
+  "base",
+  ["disabled", disabled],
+  [`appearance-${appearance}`, Boolean(appearance)],
+  [`shape-${shape}`, Boolean(shape) && orientation === "horizontal"],
+  [`orientation-${orientation}`, Boolean(orientation)]
+);
+const ListboxTemplate = (context) => {
   const focusTemplate = focusTemplateFactory(context);
   return html`
 <template
-	aria-activedescendant="${x => x.ariaActiveDescendant}"
-	aria-multiselectable="${x => x.ariaMultiSelectable}"
+	aria-activedescendant="${(x) => x.ariaActiveDescendant}"
+	aria-multiselectable="${(x) => x.ariaMultiSelectable}"
+	aria-orientation="${(x) => x.ariaOrientation}"
 	aria-label="listbox"
 	role="listbox"
 	@click="${(x, c) => x.clickHandler(c.event)}"
 	@focusin="${(x, c) => x.focusinHandler(c.event)}"
 	@keydown="${(x, c) => x.keydownHandler(c.event)}"
 	@mousedown="${(x, c) => x.mousedownHandler(c.event)}"
-	tabindex="${x => !x.disabled ? '0' : null}"
+	tabindex="${(x) => !x.disabled ? "0" : null}"
 >
 	<div
 		class="${getClasses}"
@@ -50,7 +54,7 @@ const ListboxTemplate = context => {
 			${slotted({
     filter: ListboxElement.slottedOptionFilter,
     flatten: true,
-    property: 'slottedOptions'
+    property: "slottedOptions"
   })}
 		></slot>
 	</div>
@@ -58,12 +62,12 @@ const ListboxTemplate = context => {
 	`;
 };
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 22 Aug 2023 13:37:39 GMT\n */\n:host {\n  display: block;\n  inline-size: fit-content;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n.base {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 4px;\n  background-color: var(--_appearance-color-fill);\n  border-radius: 6px;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  contain: paint;\n  gap: 4px;\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\n.focus-indicator {\n  pointer-events: none;\n}\n:host(:not(:focus-within)) .focus-indicator {\n  display: none;\n}\n\n.base.disabled ::slotted([role=option]) {\n  --_option-appearance-color-text: var(--_appearance-color-outline);\n  cursor: not-allowed;\n  pointer-events: none;\n}";
+const styles = "/**\n * Do not edit directly\n * Generated on Wed, 06 Sep 2023 09:40:36 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.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  cursor: not-allowed;\n  pointer-events: none;\n}";
 
 const listboxDefinition = Listbox.compose({
-  baseName: 'listbox',
+  baseName: "listbox",
   template: ListboxTemplate,
-  styles: css_248z
+  styles
 });
 const listboxRegistries = [listboxDefinition(), ...listboxOptionRegistries, ...focusRegistries];
 const registerListbox = registerFactory(listboxRegistries);

package/locales/en-GB.js

@@ -1,24 +1,58 @@
 const enGB = {
   datePicker: {
     months: {
-      name: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'Oktober', 'November', 'December'],
-      shorthand: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec']
+      name: [
+        "January",
+        "February",
+        "March",
+        "April",
+        "May",
+        "June",
+        "July",
+        "August",
+        "September",
+        "Oktober",
+        "November",
+        "December"
+      ],
+      shorthand: [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Dec"
+      ]
     },
     weekdays: {
-      name: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-      shorthand: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
+      name: [
+        "Sunday",
+        "Monday",
+        "Tuesday",
+        "Wednesday",
+        "Thursday",
+        "Friday",
+        "Saturday"
+      ],
+      shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
     },
     firstDayOfWeek: 1,
-    dateFormat: 'dd/MM/yyyy',
-    dateFormatPlaceholder: 'DD/MM/YYYY',
-    chooseDateLabel: 'Choose date',
-    prevYearLabel: 'Previous year',
-    prevMonthLabel: 'Previous month',
-    nextMonthLabel: 'Next month',
-    nextYearLabel: 'Next year',
-    clearLabel: 'Clear',
-    okLabel: 'OK',
-    invalidDateError: 'Please enter a valid date.'
+    dateFormat: "dd/MM/yyyy",
+    dateFormatPlaceholder: "DD/MM/YYYY",
+    chooseDateLabel: "Choose date",
+    prevYearLabel: "Previous year",
+    prevMonthLabel: "Previous month",
+    nextMonthLabel: "Next month",
+    nextYearLabel: "Next year",
+    clearLabel: "Clear",
+    okLabel: "OK",
+    invalidDateError: "Please enter a valid date."
   }
 };