@vonage/vivid 3.0.0-next.134 → 3.0.0-next.136

package/combobox/index.js

@@ -24,10 +24,12 @@ import '../shared/definition15.js';
 import '../shared/es.object.assign.js';
 import '../shared/definition19.js';
 import '../shared/dom.js';
-import '../shared/text-field.js';
 import '../shared/form-elements.js';
+import '../shared/text-field.js';
 import '../shared/listbox.js';
+import '../shared/strings.js';
 import '../shared/numbers.js';
+import '../shared/select.options.js';
 import '../shared/slotted.js';
 
 registerCombobox();

package/custom-elements.json

@@ -3129,6 +3129,15 @@
               },
               "description": "Indicates the menu item's text.",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "textSecondary",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the menu item's secondary text.",
+              "privacy": "public"
             }
           ],
           "attributes": [
@@ -3139,6 +3148,14 @@
               },
               "description": "Indicates the menu item's text.",
               "fieldName": "text"
+            },
+            {
+              "name": "text-secondary",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the menu item's secondary text.",
+              "fieldName": "textSecondary"
             }
           ],
           "superclass": {
@@ -4479,6 +4496,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/select/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "selectDefinition",
+          "description": "The select element."
+        },
+        {
+          "kind": "variable",
+          "name": "registerSelect",
+          "description": "Registers the select elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "selectDefinition",
+          "declaration": {
+            "name": "selectDefinition",
+            "module": "libs/components/src/lib/select/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerSelect",
+          "declaration": {
+            "name": "registerSelect",
+            "module": "libs/components/src/lib/select/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/select/select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for select",
+          "name": "Select",
+          "members": [
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "SelectAppearance | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "SelectShape | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_popup",
+              "type": {
+                "text": "Popup"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_anchor",
+              "type": {
+                "text": "HTMLElement"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "SelectAppearance | undefined"
+              },
+              "fieldName": "appearance"
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "SelectShape | undefined"
+              },
+              "fieldName": "shape"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationSelect",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Select",
+          "declaration": {
+            "name": "Select",
+            "module": "libs/components/src/lib/select/select.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/side-drawer/definition.ts",
@@ -4825,6 +4953,333 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tab/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabDefinition",
+          "description": "The tab element."
+        },
+        {
+          "kind": "variable",
+          "name": "registerTab",
+          "description": "Registers the tab elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabDefinition",
+          "declaration": {
+            "name": "tabDefinition",
+            "module": "libs/components/src/lib/tab/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerTab",
+          "declaration": {
+            "name": "registerTab",
+            "module": "libs/components/src/lib/tab/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tab/tab.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for tab",
+          "name": "Tab",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the tab's label.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "tabIndex",
+              "type": {
+                "text": "any"
+              },
+              "default": "'-1'"
+            },
+            {
+              "kind": "field",
+              "name": "ariaSelected",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Indicates the tab's label.",
+              "fieldName": "label"
+            },
+            {
+              "type": {
+                "text": "any"
+              },
+              "default": "'-1'",
+              "fieldName": "tabIndex"
+            },
+            {
+              "name": "aria-selected",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaSelected"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationTab",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Tab",
+          "declaration": {
+            "name": "Tab",
+            "module": "libs/components/src/lib/tab/tab.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tab-panel/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabPanelDefinition",
+          "description": "The tab panel element."
+        },
+        {
+          "kind": "variable",
+          "name": "registerTabPanel",
+          "description": "Registers the tab-panel elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabPanelDefinition",
+          "declaration": {
+            "name": "tabPanelDefinition",
+            "module": "libs/components/src/lib/tab-panel/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerTabPanel",
+          "declaration": {
+            "name": "registerTabPanel",
+            "module": "libs/components/src/lib/tab-panel/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tab-panel/tab-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for tab-panel",
+          "name": "TabPanel",
+          "superclass": {
+            "name": "FoundationTabPanel",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TabPanel",
+          "declaration": {
+            "name": "TabPanel",
+            "module": "libs/components/src/lib/tab-panel/tab-panel.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tabs/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabsDefinition",
+          "description": "The tabs element."
+        },
+        {
+          "kind": "variable",
+          "name": "registerTabs",
+          "description": "Registers the tabs elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabsDefinition",
+          "declaration": {
+            "name": "tabsDefinition",
+            "module": "libs/components/src/lib/tabs/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerTabs",
+          "declaration": {
+            "name": "registerTabs",
+            "module": "libs/components/src/lib/tabs/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/tabs/tabs.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ACTIVE_TAB_WIDTH",
+          "type": {
+            "text": "string"
+          },
+          "default": "'--_tabs-active-tab-inline-size'"
+        },
+        {
+          "kind": "class",
+          "description": "Base class for tabs",
+          "name": "Tabs",
+          "members": [
+            {
+              "kind": "field",
+              "name": "tablist",
+              "type": {
+                "text": "HTMLElement | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "orientationChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "activeidChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "oldValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "tabsChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "tabpanelsChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "patchIndicatorStyleTransition",
+              "privacy": "private"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationTabs",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ACTIVE_TAB_WIDTH",
+          "declaration": {
+            "name": "ACTIVE_TAB_WIDTH",
+            "module": "libs/components/src/lib/tabs/tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Tabs",
+          "declaration": {
+            "name": "Tabs",
+            "module": "libs/components/src/lib/tabs/tabs.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/text-anchor/definition.ts",

package/index.js

@@ -32,12 +32,16 @@ export { p as progressDefinition, a as progressRegistries, r as registerProgress
 export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition33.js';
 export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition34.js';
 export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition35.js';
-export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition36.js';
-export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition37.js';
-export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition38.js';
-export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition40.js';
-export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition39.js';
-export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition41.js';
+export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition36.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition37.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition38.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition39.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition44.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition43.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition45.js';
+export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition42.js';
+export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition40.js';
+export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition41.js';
 export { a7 as designSystem, r as registerFactory } from './shared/index.js';
 import './shared/class-names.js';
 import './shared/definition4.js';
@@ -66,7 +70,9 @@ import './shared/es.object.assign.js';
 import './shared/text-field.js';
 import './shared/form-elements.js';
 import './shared/listbox.js';
+import './shared/strings.js';
 import './shared/numbers.js';
+import './shared/select.options.js';
 import './shared/aria.js';
 import './shared/dom.js';
 import './shared/direction.js';

package/lib/components.d.ts

@@ -32,9 +32,13 @@ export * from './progress/definition';
 export * from './progress-ring/definition';
 export * from './radio/definition';
 export * from './radio-group/definition';
+export * from './select/definition';
 export * from './side-drawer/definition';
 export * from './slider/definition';
 export * from './switch/definition';
 export * from './text-field/definition';
 export * from './text-area/definition';
 export * from './tooltip/definition';
+export * from './tabs/definition';
+export * from './tab/definition';
+export * from './tab-panel/definition';

package/lib/menu-item/menu-item.d.ts

@@ -2,6 +2,7 @@ import { MenuItem as FastMenuItem } from '@microsoft/fast-foundation';
 import { AffixIcon } from '../../shared/patterns/affix';
 export declare class MenuItem extends FastMenuItem {
     text?: string;
+    textSecondary?: string;
 }
 export interface MenuItem extends AffixIcon {
 }

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

@@ -1,6 +1,6 @@
 import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
 import type { Appearance, Shape } from '../enums';
-import { FormElement } from '../../shared/patterns';
+import { FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText } from '../../shared/patterns';
 import { AffixIcon } from '../../shared/patterns';
 declare type NumberFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
 declare type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
@@ -9,6 +9,6 @@ export declare class NumberField extends FastNumberField {
     shape?: NumberFieldShape;
     autoComplete?: string;
 }
-export interface NumberField extends AffixIcon, FormElement {
+export interface NumberField extends AffixIcon, FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText {
 }
 export {};

package/lib/select/definition.d.ts

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

package/lib/select/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/select/select.d.ts

@@ -0,0 +1,17 @@
+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 type { Appearance, Shape } from '../enums';
+declare type SelectAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
+declare type SelectShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class Select extends FoundationSelect {
+    appearance?: SelectAppearance;
+    shape?: SelectShape;
+    _popup: Popup;
+    _anchor: HTMLElement;
+    connectedCallback(): void;
+}
+export interface Select extends AffixIcon, FormElement {
+}
+export {};

package/lib/select/select.template.d.ts

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

package/lib/tab/definition.d.ts

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

package/lib/tab/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tab/tab.d.ts

@@ -0,0 +1,9 @@
+import { Tab as FoundationTab } from '@microsoft/fast-foundation';
+import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+export declare class Tab extends FoundationTab {
+    label?: string;
+    tabIndex: any;
+    ariaSelected: string | null;
+}
+export interface Tab extends AffixIconWithTrailing {
+}

package/lib/tab/tab.template.d.ts

@@ -0,0 +1,3 @@
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { Tab } from './tab.js';
+export declare function TabTemplate<T extends Tab>(context: ElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<T, any>;

package/lib/tab-panel/definition.d.ts

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

package/lib/tab-panel/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tab-panel/tab-panel.d.ts

@@ -0,0 +1,3 @@
+import { TabPanel as FoundationTabPanel } from '@microsoft/fast-foundation';
+export declare class TabPanel extends FoundationTabPanel {
+}

package/lib/tab-panel/tab-panel.template.d.ts

@@ -0,0 +1,2 @@
+import type { TabPanel } from './tab-panel.js';
+export declare function TabPanelTemplate<T extends TabPanel>(): import("@microsoft/fast-element").ViewTemplate<T, any>;

package/lib/tabs/definition.d.ts

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

package/lib/tabs/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/tabs/tabs.d.ts

@@ -0,0 +1,10 @@
+import { Tabs as FoundationTabs } from '@microsoft/fast-foundation';
+export declare const ACTIVE_TAB_WIDTH = "--_tabs-active-tab-inline-size";
+export declare class Tabs extends FoundationTabs {
+    tablist?: HTMLElement;
+    orientationChanged(): void;
+    activeidChanged(oldValue: string, newValue: string): void;
+    tabsChanged(): void;
+    tabpanelsChanged(): void;
+    private patchIndicatorStyleTransition;
+}

package/lib/tabs/tabs.template.d.ts

@@ -0,0 +1,2 @@
+import type { Tabs } from './tabs.js';
+export declare function TabsTemplate<T extends Tabs>(): import("@microsoft/fast-element").ViewTemplate<T, any>;