@vonage/vivid 3.4.0 → 3.6.0

package/README.md

@@ -5,6 +5,7 @@ Essential UI **web components** for building modern web applications, bound to p
 
 ![image](https://user-images.githubusercontent.com/10883919/189522882-968358df-ee7c-4256-b61b-550cf369a087.png)
 
+---
 ## Installation
 
 To integrate Vivid components into your project, run:
@@ -29,6 +30,7 @@ And include in HTML:
 
 For a full list of components and API, explore the [components docs](https://vivid.deno.dev) 📚.
 
+---
 ## Prerequisite
 
 ### Tokens
@@ -65,20 +67,19 @@ You can also add it to any wrapping element if you would like to scope the style
 
 ### Fonts (Prerequisite)
 
-Vivid uses `Montserrat` and `Roboto Mono` Google fonts.
-Learn how to load fonts into your application [with google-fonts](https://fonts.google.com/knowledge/using_type/using_web_fonts_from_a_font_delivery_service#loading-web-fonts)
+Vivid uses **Montserrat** and **Roboto Mono** Google fonts.
+Learn how to load fonts into your application with [google-fonts](https://fonts.google.com/knowledge/using_type/using_web_fonts_from_a_font_delivery_service#loading-web-fonts)
 
-#### Vonage authors
+Unless explicitly stated otherwise, **Vonage** products should use the brand specified font families by **Spezia**. Vonage teams may review guidelines at the [Spezia webfont kit](https://github.com/Vonage/spezia-webfont-kit).  
 
-Unless explicitly stated otherwise, *Vonage* products should use the brand specified font families by `Spezia`.  
-Vonage teams may review guidelines at the [Spezia webfont kit](https://github.com/Vonage/spezia-webfont-kit).  
-
-💡 For more information check out [Vonage Authors](/getting-started/vonage-authors)
+💡 For more information check out [vonage fonts](/getting-started/fonts-and-tokens)
 
+---
 ## Advanced Usage
 
-For further information on **core application styles** & **scoped elements** check out [advanced usage](/getting-started/advanced)
+💡 For more information on **core application styles** & **scoped elements** check out [advanced usage](/getting-started/advanced)
 
+---
 ## CDN - Quickstart
 
 Global content delivery networks can help quickly integrate content within html pages, fetching content from an URL, skipping local builds entirely.
@@ -104,16 +105,19 @@ The following snippet fully renders a Vivid button component
 </div>
 ```
 
+---
 ## Support Matrix
 
 This library is supported on 2 recent versions of major browsers (Chrome, Firefox, Safari, Edge).
 
+---
 ## Support
 
 This library is open source, developed and maintained by the [Vonage Vivid teams](https://github.com/orgs/Vonage/teams/vivid/teams).
 
 For any questions, please open a [bug report](https://github.com/Vonage/vivid-3/issues/new?assignees=yonatankra%2C+rachelbt%2C+rinaok%2C+yinonov&labels=bug&template=bug_report.yml&title=%5BYOUR+TITLE%5D%3A+Brief+description) or [feature request](https://github.com/Vonage/vivid-3/issues/new?assignees=yonatankra%2C+rachelbt%2C+rinaok%2C+yinonov&labels=Feature+request&template=feature_request.yml&title=%5BYOUR+TITLE%5D%3A+Brief+description).
 
+---
 ## Roadmap
 
 - View [components status](https://github.com/orgs/Vonage/projects/6)
@@ -121,19 +125,22 @@ For any questions, please open a [bug report](https://github.com/Vonage/vivid-3/
 - [What's on our plate](https://github.com/orgs/Vonage/projects/3/views/7)
 
 - See the [open issues](https://github.com/vonage/vivid-3/issues) for a full list of proposed features (and known issues).
-
+---
 ## Contributing
 
 Please read [CONTRIBUTING.md](https://github.com/Vonage/vivid-3/blob/main/.github/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
 
+---
 ## Versioning
 
 We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [npm page](https://www.npmjs.com/package/@vonage/vivid).
 
+---
 ## Authors
 
 See also the list of [contributors](https://github.com/Vonage/vivid-3/graphs/contributors) who participated in this project.
 
+---
 ## License
 
 This project is licensed under the Apache 2.0 License - see the [LICENSE.md](https://github.com/Vonage/vivid-3/blob/main/LICENSE.md) file for details
@@ -144,8 +151,14 @@ This project is licensed under the Apache 2.0 License - see the [LICENSE.md](htt
 - Inspiration
 - etc -->
 
+---
 ## Built With ♡ And
 
 - [Fast](https://www.fast.design) - to extend element classes and compile code to native web components
 - [Typescript](https://www.typescriptlang.org) - for ergonomic and type-safe code
 - [Sass](https://sass-lang.com) - for styles authoring extensibility and consistency
+
+---
+## Have questions?
+
+Still looking for answers, ask us in [#ask-vivid](https://vonage.slack.com/archives/C013F0YKH99) slack channel.

package/banner/index.js

@@ -10,6 +10,8 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
+import '../shared/definition10.js';
+import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';

package/breadcrumb/index.js

@@ -1,4 +1,4 @@
-import { r as registerBreadcrumb } from '../shared/definition10.js';
+import { r as registerBreadcrumb } from '../shared/definition11.js';
 import '../shared/index.js';
 import '../shared/slotted.js';
 import '../shared/breadcrumb-item.js';

package/breadcrumb-item/index.js

@@ -1,4 +1,4 @@
-import { r as registerBreadcrumbItem } from '../shared/definition11.js';
+import { r as registerBreadcrumbItem } from '../shared/definition12.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/button/index.js

@@ -9,6 +9,8 @@ import '../shared/class-names.js';
 import '../shared/when.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
+import '../shared/definition10.js';
+import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { r as registerCalendar } from '../shared/definition12.js';
+import { r as registerCalendar } from '../shared/definition13.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
 import '../shared/es.object.assign.js';

package/calendar-event/index.js

@@ -1,4 +1,4 @@
-import { r as registerCalendarEvent } from '../shared/definition13.js';
+import { r as registerCalendarEvent } from '../shared/definition14.js';
 import '../shared/index.js';
 import '../shared/calendar-event.js';
 import '../shared/es.object.assign.js';

package/card/index.js

@@ -1,4 +1,4 @@
-import { r as registerCard } from '../shared/definition14.js';
+import { r as registerCard } from '../shared/definition15.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -7,7 +7,7 @@ import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition15.js';
+import '../shared/definition16.js';
 import '../shared/slotted.js';
 
 registerCard();

package/checkbox/index.js

@@ -1,4 +1,4 @@
-import { r as registerCheckbox } from '../shared/definition16.js';
+import { r as registerCheckbox } from '../shared/definition17.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { r as registerCombobox } from '../shared/definition17.js';
+import { r as registerCombobox } from '../shared/definition18.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -7,10 +7,12 @@ import '../shared/string-trim.js';
 import '../shared/_has.js';
 import '../shared/class-names.js';
 import '../shared/when.js';
-import '../shared/definition18.js';
+import '../shared/definition19.js';
 import '../shared/definition9.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
+import '../shared/definition10.js';
+import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
@@ -20,9 +22,9 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition15.js';
+import '../shared/definition16.js';
 import '../shared/es.object.assign.js';
-import '../shared/definition19.js';
+import '../shared/definition20.js';
 import '../shared/dom.js';
 import '../shared/form-elements.js';
 import '../shared/text-field.js';

package/custom-elements.json

@@ -225,6 +225,21 @@
               "default": "false",
               "description": "Indicates whether action group should have padding.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
             }
           ],
           "attributes": [
@@ -251,6 +266,21 @@
               "default": "false",
               "description": "Indicates whether action group should have padding.",
               "fieldName": "tight"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "role"
+            },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
@@ -1028,6 +1058,16 @@
               "description": "Indicates the icon is stacked.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the button in pending state.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -1080,6 +1120,15 @@
               "description": "Indicates the icon is stacked.",
               "fieldName": "stacked"
             },
+            {
+              "name": "pending",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Displays the button in pending state.",
+              "fieldName": "pending"
+            },
             {
               "name": "label",
               "type": {
@@ -2099,10 +2148,36 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/data-grid/data-grid.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "DataGridSelectionMode",
+          "type": {
+            "text": "{\n\tnone: 'none',\n\tsingleRow: 'single-row',\n\tmultiRow: 'multi-row',\n}"
+          },
+          "default": "{\n\tnone: 'none',\n\tsingleRow: 'single-row',\n\tmultiRow: 'multi-row',\n}"
+        },
         {
           "kind": "class",
           "description": "Base class for data-grid",
           "name": "DataGrid",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectionMode",
+              "type": {
+                "text": "DataGridSelectionMode | undefined"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selection-mode",
+              "type": {
+                "text": "DataGridSelectionMode | undefined"
+              },
+              "fieldName": "selectionMode"
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -2110,6 +2185,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "DataGridSelectionMode",
+          "declaration": {
+            "name": "DataGridSelectionMode",
+            "module": "libs/components/src/lib/data-grid/data-grid.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "DataGrid",
@@ -2281,6 +2364,14 @@
                 "text": "string | undefined"
               }
             },
+            {
+              "kind": "field",
+              "name": "fullWidthBody",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "ariaLabelledBy",
@@ -2391,6 +2482,13 @@
             {
               "kind": "method",
               "name": "showModal"
+            },
+            {
+              "kind": "field",
+              "name": "footerSlottedContent",
+              "type": {
+                "text": "HTMLElement[] | undefined"
+              }
             }
           ],
           "attributes": [
@@ -2430,6 +2528,14 @@
               },
               "fieldName": "headline"
             },
+            {
+              "name": "full-width-body",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "fullWidthBody"
+            },
             {
               "name": "aria-labelledby",
               "type": {
@@ -3429,6 +3535,24 @@
               "description": "ID reference to element in the menu's owner document.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "anchorChanged",
+              "parameters": [
+                {
+                  "name": "prevAnchor",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newAnchor",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "popupOpenChanged"

package/data-grid/index.js

@@ -1,4 +1,4 @@
-import { r as registerDataGrid } from '../shared/definition20.js';
+import { r as registerDataGrid } from '../shared/definition21.js';
 import '../shared/index.js';
 import '../shared/key-codes.js';
 import '../shared/repeat.js';

package/dialog/index.js

@@ -1,4 +1,4 @@
-import { r as registerDialog } from '../shared/definition21.js';
+import { r as registerDialog } from '../shared/definition22.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
@@ -10,6 +10,8 @@ import '../shared/when.js';
 import '../shared/definition9.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
+import '../shared/definition10.js';
+import '../shared/base-progress.js';
 import '../shared/affix.js';
 import '../shared/button.js';
 import '../shared/apply-mixins.js';
@@ -19,6 +21,7 @@ import '../shared/aria-global.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/focus2.js';
-import '../shared/definition15.js';
+import '../shared/definition16.js';
+import '../shared/slotted.js';
 
 registerDialog();

package/divider/index.js

@@ -1,4 +1,4 @@
-import { r as registerDivider } from '../shared/definition22.js';
+import { r as registerDivider } from '../shared/definition23.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/definition15.js';
+import { r as registerElevation } from '../shared/definition16.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/fab/index.js

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

package/header/index.js

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

package/index.js

@@ -4,34 +4,34 @@ export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerAc
 export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
 export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
 export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
-export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
-export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition11.js';
+export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition11.js';
+export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition12.js';
 export { a as buttonDefinition, b as buttonRegistries, r as registerButton } from './shared/definition9.js';
-export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition12.js';
-export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition13.js';
-export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
-export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition16.js';
-export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition17.js';
-export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition15.js';
-export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition21.js';
-export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition22.js';
-export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition20.js';
-export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition23.js';
-export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition24.js';
+export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition13.js';
+export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition14.js';
+export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition15.js';
+export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition17.js';
+export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition18.js';
+export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition16.js';
+export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition22.js';
+export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition23.js';
+export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition21.js';
+export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition24.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition25.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/definition25.js';
-export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition26.js';
-export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition19.js';
-export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition27.js';
-export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition28.js';
-export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition29.js';
-export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition30.js';
-export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition31.js';
-export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition32.js';
-export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition33.js';
-export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition18.js';
-export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition34.js';
-export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition35.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition26.js';
+export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition27.js';
+export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition20.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition28.js';
+export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition29.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition30.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition31.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition32.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition33.js';
+export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition34.js';
+export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition19.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition35.js';
+export { a as progressRingDefinition, p as progressRingRegistries, r as registerProgressRing } from './shared/definition10.js';
 export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition36.js';
 export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition37.js';
 export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition38.js';

package/layout/index.js

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

package/lib/action-group/action-group.d.ts

@@ -6,4 +6,6 @@ export declare class ActionGroup extends FoundationElement {
     shape?: ActionGroupShape;
     appearance?: ActionGroupAppearance;
     tight: boolean;
+    role: string | undefined;
+    ariaLabel: string | null;
 }

package/lib/button/button.d.ts

@@ -11,6 +11,7 @@ export declare class Button extends FoundationButton {
     appearance?: ButtonAppearance;
     size?: ButtonSize;
     stacked: boolean;
+    pending: boolean;
     label?: string;
 }
 export interface Button extends AffixIconWithTrailing {

package/lib/button/button.template.d.ts

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

package/lib/data-grid/data-grid.d.ts

@@ -1,3 +1,11 @@
 import { DataGrid as FoundationElement } from '@microsoft/fast-foundation';
+export declare const DataGridSelectionMode: {
+    readonly none: "none";
+    readonly singleRow: "single-row";
+    readonly multiRow: "multi-row";
+};
+export declare type ValueOf<T> = T[keyof T];
+export declare type DataGridSelectionMode = ValueOf<typeof DataGridSelectionMode>;
 export declare class DataGrid extends FoundationElement {
+    selectionMode?: DataGridSelectionMode;
 }

package/lib/dialog/dialog.d.ts

@@ -7,6 +7,7 @@ export declare class Dialog extends FoundationElement {
     iconPlacement?: IconPlacement;
     subtitle?: string;
     headline?: string;
+    fullWidthBody: boolean;
     ariaLabelledBy: string | null;
     ariaLabel: string | null;
     ariaDescribedBy: string | null;
@@ -19,4 +20,5 @@ export declare class Dialog extends FoundationElement {
     showModal(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    footerSlottedContent?: HTMLElement[];
 }

package/lib/menu/menu.d.ts

@@ -6,5 +6,6 @@ export declare class Menu extends FastMenu {
     open?: boolean | undefined;
     placement?: Placement;
     anchor?: string;
+    anchorChanged(prevAnchor: string, newAnchor: string): void;
     popupOpenChanged: () => void;
 }

package/lib/select/select.d.ts

@@ -1,7 +1,6 @@
 import { Select as FoundationSelect } from '@microsoft/fast-foundation';
 import type { Popup } from '../popup/popup';
-import { FormElement } from '../../shared/patterns';
-import { AffixIcon } from '../../shared/patterns';
+import { AffixIconWithTrailing, FormElement } from '../../shared/patterns';
 import type { Appearance, Shape } from '../enums';
 export declare type SelectAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
 export declare type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
@@ -13,5 +12,5 @@ export declare class Select extends FoundationSelect {
     connectedCallback(): void;
     get displayValue(): string;
 }
-export interface Select extends AffixIcon, FormElement {
+export interface Select extends AffixIconWithTrailing, FormElement {
 }

package/listbox/index.js

@@ -1,8 +1,8 @@
-import { r as registerListbox } from '../shared/definition26.js';
+import { r as registerListbox } from '../shared/definition27.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
-import '../shared/definition19.js';
+import '../shared/definition20.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
 import '../shared/to-string.js';