@vonage/vivid 3.5.0 → 3.7.0

package/custom-elements.json

@@ -10,6 +10,12 @@
           "kind": "class",
           "description": "Base class for accordion",
           "name": "Accordion",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -90,6 +96,12 @@
           "kind": "class",
           "description": "",
           "name": "AccordionItem",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -118,6 +130,15 @@
               },
               "privacy": "public",
               "description": ""
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -143,6 +164,14 @@
                 "text": "string | undefined"
               },
               "fieldName": "meta"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "AccordionItemSize | undefined"
+              },
+              "description": "The size the accordion-item should have.",
+              "fieldName": "size"
             }
           ],
           "superclass": {
@@ -197,6 +226,12 @@
           "kind": "class",
           "description": "Base class for action-group",
           "name": "ActionGroup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -225,6 +260,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 +301,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": {
@@ -321,6 +386,12 @@
           "kind": "class",
           "description": "",
           "name": "Avatar",
+          "slots": [
+            {
+              "description": "Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).",
+              "name": "graphic"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -672,6 +743,12 @@
           "kind": "class",
           "description": "Base class for banner",
           "name": "Banner",
+          "slots": [
+            {
+              "description": "Add action items to banner using this slot.",
+              "name": "action-items"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -859,6 +936,12 @@
           "kind": "class",
           "description": "Base class for breadcrumb",
           "name": "Breadcrumb",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -1028,6 +1111,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 +1173,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": {
@@ -1173,6 +1275,40 @@
           "kind": "class",
           "description": "Base class for calendar",
           "name": "Calendar",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-0"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-1"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-2"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-3"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-4"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-5"
+            },
+            {
+              "description": "Assign elements to corresponding day column using this slot.",
+              "name": "day-6"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1575,6 +1711,28 @@
           "kind": "class",
           "description": "Base class for card",
           "name": "Card",
+          "slots": [
+            {
+              "description": "The graphic slot overrides the icon property.",
+              "name": "graphic"
+            },
+            {
+              "description": "The media slot is mainly for images or video content above the card header.",
+              "name": "media"
+            },
+            {
+              "description": "The meta slot is for action content in the card header.",
+              "name": "meta"
+            },
+            {
+              "description": "The footer slot is for content in the card footer.",
+              "name": "footer"
+            },
+            {
+              "description": "Assign nodes to main slot to fully override a card's predefined flow and style with your own.",
+              "name": "main"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1819,6 +1977,12 @@
           "kind": "class",
           "description": "Base class for combobox",
           "name": "Combobox",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2111,6 +2275,12 @@
           "kind": "class",
           "description": "Base class for data-grid",
           "name": "DataGrid",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2276,6 +2446,24 @@
           "kind": "class",
           "description": "Base class for dialog",
           "name": "Dialog",
+          "slots": [
+            {
+              "description": "Use the graphic slot in order to replace the icon.",
+              "name": "graphic"
+            },
+            {
+              "description": "Use the body slot in order to add custom HTML to the dialog.",
+              "name": "body"
+            },
+            {
+              "description": "Use the footer slot in order to add action buttons to the bottom of the dialog.",
+              "name": "footer"
+            },
+            {
+              "description": "Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.",
+              "name": "main"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2616,6 +2804,12 @@
           "kind": "class",
           "description": "Base class for elevation",
           "name": "Elevation",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -2920,6 +3114,20 @@
           "kind": "class",
           "description": "Base class for header",
           "name": "Header",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            },
+            {
+              "description": "Nodes assigned to action-items slot will be set at the end of the header.",
+              "name": "action-items"
+            },
+            {
+              "description": "Content vertically aligned with header.",
+              "name": "app-content"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3054,6 +3262,12 @@
           "kind": "class",
           "description": "",
           "name": "Icon",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3211,6 +3425,12 @@
           "cssProperties": [
             {}
           ],
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3356,6 +3576,12 @@
           "kind": "class",
           "description": "Base class for listbox",
           "name": "Listbox",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3450,6 +3676,12 @@
           "kind": "class",
           "description": "Base class for menu",
           "name": "Menu",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3703,6 +3935,12 @@
           "kind": "class",
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "Nav",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationElement",
             "package": "@microsoft/fast-foundation"
@@ -3768,6 +4006,12 @@
           "kind": "class",
           "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
           "name": "NavDisclosure",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3985,6 +4229,12 @@
           "kind": "class",
           "description": "Base class for note",
           "name": "Note",
+          "slots": [
+            {
+              "description": "Any slotted content will appear below the headline.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -4354,6 +4604,12 @@
           "kind": "class",
           "description": "Base class for popup",
           "name": "Popup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5023,6 +5279,12 @@
           "kind": "class",
           "description": "Base class for radio-group",
           "name": "RadioGroup",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5125,6 +5387,12 @@
           "kind": "class",
           "description": "Base class for select",
           "name": "Select",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5244,6 +5512,16 @@
           "kind": "class",
           "description": "Base class for side-drawer",
           "name": "SideDrawer",
+          "slots": [
+            {
+              "description": "Sets assigned nodes to the side drawer itself.",
+              "name": ""
+            },
+            {
+              "description": "Sets assigned nodes to the main application content, the side drawer is opened next to.",
+              "name": "app-content"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5715,6 +5993,12 @@
           "kind": "class",
           "description": "Base class for tab-panel",
           "name": "TabPanel",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FoundationTabPanel",
             "package": "@microsoft/fast-foundation"
@@ -5788,6 +6072,12 @@
           "kind": "class",
           "description": "Base class for tabs",
           "name": "Tabs",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6689,6 +6979,12 @@
           "kind": "class",
           "description": "Base class for tree-item",
           "name": "TreeItem",
+          "slots": [
+            {
+              "description": "To specify a child tree item.",
+              "name": "item"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -6774,6 +7070,12 @@
           "kind": "class",
           "description": "Base class for Tree View",
           "name": "TreeView",
+          "slots": [
+            {
+              "description": "Default slot.",
+              "name": ""
+            }
+          ],
           "superclass": {
             "name": "FastTreeView",
             "package": "@microsoft/fast-foundation"

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,7 +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/accordion-item/accordion-item.d.ts

@@ -1,9 +1,12 @@
 import { AccordionItem as FASTAccordionItem } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+import type { Size } from '../enums.js';
+export declare type AccordionItemSize = Extract<Size, Size.Condensed | Size.Normal>;
 export declare class AccordionItem extends FASTAccordionItem {
     heading?: string;
     noIndicator: boolean;
     meta?: string;
+    size?: AccordionItemSize;
 }
 export interface AccordionItem extends AffixIconWithTrailing {
 }