@vonage/vivid 4.14.2 → 4.14.3

package/custom-elements.json

@@ -227,6 +227,14 @@
       "kind": "javascript-module",
       "path": "libs/components/src/lib/accordion/definition.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "AccordionExpandMode",
+          "type": {
+            "text": "{\n\tsingle: 'single',\n\tmulti: 'multi',\n}"
+          },
+          "default": "{\n\tsingle: 'single',\n\tmulti: 'multi',\n}"
+        },
         {
           "kind": "variable",
           "name": "registerAccordion",
@@ -245,7 +253,7 @@
           "name": "AccordionExpandMode",
           "declaration": {
             "name": "AccordionExpandMode",
-            "package": "@microsoft/fast-foundation"
+            "module": "libs/components/src/lib/accordion/definition.ts"
           }
         },
         {
@@ -4653,6 +4661,24 @@
               "description": "The appearance attribute.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "ComboboxShape | undefined"
+              },
+              "description": "The shape attribute.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "ComboboxSize | undefined"
+              },
+              "description": "The size the combobox should have.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -4903,6 +4929,22 @@
               "description": "The appearance attribute.",
               "fieldName": "appearance"
             },
+            {
+              "name": "shape",
+              "type": {
+                "text": "ComboboxShape | undefined"
+              },
+              "description": "The shape attribute.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "ComboboxSize | undefined"
+              },
+              "description": "The size the combobox should have.",
+              "fieldName": "scale"
+            },
             {
               "name": "placement",
               "type": {
@@ -9376,6 +9418,16 @@
               "default": "'vwc-button'",
               "description": "Used internally to hold the tag that button is registered at."
             },
+            {
+              "kind": "field",
+              "name": "iconTag",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "'vwc-icon'",
+              "description": "Used internally to hold the tag that icon is registered at."
+            },
             {
               "kind": "field",
               "name": "#localizeErrorMessage",
@@ -9390,10 +9442,6 @@
               "kind": "method",
               "name": "#addRemoveButtonToFilesPreview"
             },
-            {
-              "kind": "method",
-              "name": "#setRemoveButtonConnotationOnError"
-            },
             {
               "kind": "method",
               "name": "#chooseFile",
@@ -10535,34 +10583,50 @@
       "exports": [
         {
           "kind": "js",
-          "name": "MenuItemRole",
+          "name": "registerMenuItem",
           "declaration": {
-            "name": "MenuItemRole",
-            "module": "./menu-item"
+            "name": "registerMenuItem",
+            "module": "libs/components/src/lib/menu-item/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "registerMenuItem",
+          "name": "MenuItemRole",
           "declaration": {
-            "name": "registerMenuItem",
-            "module": "libs/components/src/lib/menu-item/definition.ts"
+            "name": "MenuItemRole",
+            "module": "./menu-item-role"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/menu-item/menu-item.ts",
+      "path": "libs/components/src/lib/menu-item/menu-item-role.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "MenuItemRole",
           "type": {
-            "text": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
+            "text": "{\n\tmenuitem: 'menuitem',\n\tmenuitemcheckbox: 'menuitemcheckbox',\n\tmenuitemradio: 'menuitemradio',\n\tpresentation: 'presentation',\n}"
           },
-          "default": "{\n\t...FastMenuItemRole,\n\tpresentation: 'presentation',\n}"
-        },
+          "default": "{\n\tmenuitem: 'menuitem',\n\tmenuitemcheckbox: 'menuitemcheckbox',\n\tmenuitemradio: 'menuitemradio',\n\tpresentation: 'presentation',\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MenuItemRole",
+          "declaration": {
+            "name": "MenuItemRole",
+            "module": "libs/components/src/lib/menu-item/menu-item-role.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/menu-item/menu-item.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
@@ -10892,14 +10956,6 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "MenuItemRole",
-          "declaration": {
-            "name": "MenuItemRole",
-            "module": "libs/components/src/lib/menu-item/menu-item.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "MenuItem",
@@ -14781,8 +14837,8 @@
             }
           ],
           "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
           }
         }
       ],
@@ -15551,7 +15607,7 @@
           "mixins": [
             {
               "name": "FormAssociated",
-              "package": "@microsoft/fast-foundation"
+              "module": "/libs/components/src/shared/foundation/form-associated/form-associated"
             }
           ],
           "superclass": {
@@ -17757,6 +17813,14 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -17825,6 +17889,14 @@
             }
           ],
           "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "ariaLabel"
+            },
             {
               "name": "label",
               "type": {
@@ -18268,6 +18340,14 @@
           },
           "default": "'--_tabs-tablist-column'"
         },
+        {
+          "kind": "variable",
+          "name": "TabsOrientation",
+          "type": {
+            "text": "{\n\tvertical: 'vertical',\n\thorizontal: 'horizontal',\n}"
+          },
+          "default": "{\n\tvertical: 'vertical',\n\thorizontal: 'horizontal',\n}"
+        },
         {
           "kind": "class",
           "description": "",
@@ -18722,6 +18802,14 @@
             "module": "libs/components/src/lib/tabs/tabs.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "TabsOrientation",
+          "declaration": {
+            "name": "TabsOrientation",
+            "module": "libs/components/src/lib/tabs/tabs.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Tabs",
@@ -21552,7 +21640,7 @@
           ],
           "superclass": {
             "name": "VividElement",
-            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element.js"
           },
           "vividComponent": {
             "public": true,
@@ -21974,6 +22062,226 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HoursColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'hours',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.hoursLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetHoursOptions(\n\t\t\tx.min,\n\t\t\tx.max,\n\t\t\tx.clock === '12h'\n\t\t\t\t? MeridiesColumn.getSelectedOptionValue(x) ??\n\t\t\t\t\t\tMeridiesColumn.getOptions(x)[0].value\n\t\t\t\t: undefined\n\t\t),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).hourStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { minuteStr, secondStr } = parseTimeStr(x.value);\n\t\t\treturn `${optionValue}:${minuteStr}:${secondStr}`;\n\t\t} else {\n\t\t\treturn `${optionValue}:00:00`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "MinutesColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'minutes',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.minutesLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetMinutesOptions(x.minutesStep, x.value, x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).minuteStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hourStr, secondStr } = parseTimeStr(x.value);\n\t\t\treturn `${hourStr}:${optionValue}:${secondStr}`;\n\t\t} else {\n\t\t\treturn `00:${optionValue}:00`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "SecondsColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'seconds',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.secondsLabel,\n\tgetOptions: (x: InlineTimePicker) =>\n\t\tgetSecondsOptions(x.secondsStep!, x.value, x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).secondStr : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hourStr, minuteStr } = parseTimeStr(x.value);\n\t\t\treturn `${hourStr}:${minuteStr}:${optionValue}`;\n\t\t} else {\n\t\t\treturn `00:00:${optionValue}`;\n\t\t}\n\t},\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "MeridiesColumn",
+          "type": {
+            "text": "Column"
+          },
+          "default": "{\n\tid: 'meridies',\n\tgetLabel: (x: InlineTimePicker) => x.locale.timePicker.meridiesLabel,\n\tgetOptions: (x: InlineTimePicker) => getMeridiesOptions(x.min, x.max),\n\tgetSelectedOptionValue: (x: InlineTimePicker) =>\n\t\tx.value ? parseTimeStr(x.value).meridiem : undefined,\n\tupdatedValue: (x: InlineTimePicker, optionValue: string) => {\n\t\tif (x.value) {\n\t\t\tconst { hours, minuteStr, secondStr } = parseTimeStr(x.value);\n\t\t\tlet adjustedHours = hours;\n\t\t\tif (optionValue === 'AM' && hours >= 12) {\n\t\t\t\tadjustedHours -= 12;\n\t\t\t} else if (optionValue === 'PM' && hours < 12) {\n\t\t\t\tadjustedHours += 12;\n\t\t\t}\n\t\t\treturn `${formatTimePart(adjustedHours)}:${minuteStr}:${secondStr}`;\n\t\t} else {\n\t\t\tif (optionValue === 'AM') {\n\t\t\t\treturn '00:00:00';\n\t\t\t} else {\n\t\t\t\treturn '12:00:00';\n\t\t\t}\n\t\t}\n\t},\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HoursColumn",
+          "declaration": {
+            "name": "HoursColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MinutesColumn",
+          "declaration": {
+            "name": "MinutesColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SecondsColumn",
+          "declaration": {
+            "name": "SecondsColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MeridiesColumn",
+          "declaration": {
+            "name": "MeridiesColumn",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/columns.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerInlineTimePicker",
+          "description": "Registers the inline-time-picker element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerInlineTimePicker",
+          "declaration": {
+            "name": "registerInlineTimePicker",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/inline-time-picker/inline-time-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "InlineTimePicker",
+          "cssProperties": [
+            {
+              "name": "--vvd-time-picker-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-firm",
+              "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "valueChanged",
+              "parameters": [
+                {
+                  "name": "_",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "newValue",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "minutesStep",
+              "type": {
+                "text": "number"
+              },
+              "default": "1"
+            },
+            {
+              "kind": "field",
+              "name": "secondsStep",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "clock",
+              "type": {
+                "text": "'12h' | '24h'"
+              },
+              "default": "'24h'"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "scrollSelectedOptionsToTop"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InlineTimePicker",
+          "declaration": {
+            "name": "InlineTimePicker",
+            "module": "libs/components/src/lib/time-picker/inline-time-picker/inline-time-picker.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/lib/time-picker/time/picker.ts",
@@ -23665,6 +23973,42 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/shared/foundation/utilities/direction.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getDirection",
+          "return": {
+            "type": {
+              "text": "Direction"
+            }
+          },
+          "parameters": [
+            {
+              "name": "rootNode",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "the HTMLElement to begin the query from, usually \"this\" when used in a component controller"
+            }
+          ],
+          "description": "a method to determine the current localization direction of the view",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getDirection",
+          "declaration": {
+            "name": "getDirection",
+            "module": "libs/components/src/shared/foundation/utilities/direction.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts",

package/index.cjs

@@ -83,6 +83,7 @@ exports.TabsGutters = enums.TabsGutters;
 exports.setLocale = localized.setLocale;
 exports.accordionItemDefinition = definition.accordionItemDefinition;
 exports.registerAccordionItem = definition.registerAccordionItem;
+exports.AccordionExpandMode = definition$1.AccordionExpandMode;
 exports.accordionDefinition = definition$1.accordionDefinition;
 exports.registerAccordion = definition$1.registerAccordion;
 exports.actionGroupDefinition = definition$2.actionGroupDefinition;

package/index.js

@@ -1,7 +1,7 @@
 export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, T as TabsGutters } from './shared/enums.js';
 export { s as setLocale } from './shared/localized.js';
 export { a as accordionItemDefinition, r as registerAccordionItem } from './shared/definition.js';
-export { a as accordionDefinition, r as registerAccordion } from './shared/definition2.js';
+export { A as AccordionExpandMode, a as accordionDefinition, r as registerAccordion } from './shared/definition2.js';
 export { a as actionGroupDefinition, r as registerActionGroup } from './shared/definition3.js';
 export { a as alertDefinition, r as registerAlert } from './shared/definition4.js';
 export { a as audioPlayerDefinition, r as registerAudioPlayer } from './shared/definition5.js';

package/lib/accordion/definition.d.ts

@@ -1,2 +1,6 @@
-export type { AccordionExpandMode } from '@microsoft/fast-foundation';
+export declare const AccordionExpandMode: {
+    readonly single: "single";
+    readonly multi: "multi";
+};
+export type AccordionExpandMode = typeof AccordionExpandMode[keyof typeof AccordionExpandMode];
 export declare const registerAccordion: (prefix?: string) => void;

package/lib/combobox/combobox.d.ts

@@ -1,15 +1,19 @@
 import type { Popup } from '../popup/popup';
-import type { Appearance } from '../enums';
+import type { Appearance, Shape, Size } from '../enums';
 import { AffixIcon, type FormElement } from '../../shared/patterns';
 import type { ListboxOption } from '../option/option';
 import { FormAssociatedCombobox } from './combobox.form-associated';
 import { ComboboxAutocomplete } from './combobox.options';
 export type PopupPlacement = 'top' | 'bottom';
 export type ComboboxAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
+export type ComboboxShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export type ComboboxSize = Extract<Size, Size.Condensed | Size.Normal>;
 export declare class Combobox extends FormAssociatedCombobox {
     autocomplete: ComboboxAutocomplete | undefined;
     filteredOptions: ListboxOption[];
     appearance?: ComboboxAppearance;
+    shape?: ComboboxShape;
+    scale?: ComboboxSize;
     placement?: PopupPlacement;
     fixedDropdown: boolean;
     _popup: Popup;

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

@@ -22,6 +22,7 @@ export declare class FilePicker extends FormAssociatedFilePicker {
     fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     nameChanged(previous: string, next: string): void;
     private buttonTag;
+    private iconTag;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1,2 +1,2 @@
-export { MenuItemRole } from './menu-item';
 export declare const registerMenuItem: (prefix?: string) => void;
+export { MenuItemRole } from './menu-item-role';

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

@@ -0,0 +1,7 @@
+export declare const MenuItemRole: {
+    readonly menuitem: "menuitem";
+    readonly menuitemcheckbox: "menuitemcheckbox";
+    readonly menuitemradio: "menuitemradio";
+    readonly presentation: "presentation";
+};
+export type MenuItemRole = typeof MenuItemRole[keyof typeof MenuItemRole];

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

@@ -1,13 +1,7 @@
 import { AffixIcon } from '../../shared/patterns/affix';
 import { Connotation } from '../enums';
 import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
-export declare const MenuItemRole: {
-    readonly presentation: "presentation";
-    readonly menuitem: "menuitem";
-    readonly menuitemcheckbox: "menuitemcheckbox";
-    readonly menuitemradio: "menuitemradio";
-};
-export type MenuItemRole = typeof MenuItemRole[keyof typeof MenuItemRole];
+import { MenuItemRole } from './menu-item-role';
 export declare enum CheckAppearance {
     Normal = "normal",
     TickOnly = "tick-only"

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

@@ -1,5 +1,5 @@
-import { DelegatesARIATextbox } from '@microsoft/fast-foundation';
 import type { Appearance, Shape, Size } from '../enums';
+import { DelegatesARIATextbox } from '../text-field/text-field';
 import { AffixIcon, type ErrorText, type FormElement, FormElementCharCount, FormElementHelperText, FormElementSuccessText, Localized } from '../../shared/patterns';
 import { FormAssociatedNumberField } from './number-field.form-associated';
 export type NumberFieldAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;

package/lib/radio/radio.d.ts

@@ -1,10 +1,10 @@
 import { type SyntheticViewTemplate } from '@microsoft/fast-element';
-import { type FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { VividComponentDefinition } from '../../shared/design-system/defineVividComponent.js';
 import type { Connotation } from '../enums.js';
 import { FormAssociatedRadio } from './radio.form-associated';
 export type RadioConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
 export type RadioControl = Pick<HTMLInputElement, 'checked' | 'disabled' | 'readOnly' | 'focus' | 'setAttribute' | 'getAttribute'>;
-export type RadioOptions = FoundationElementDefinition & {
+export type RadioOptions = VividComponentDefinition & {
     checkedIndicator?: string | SyntheticViewTemplate;
 };
 export declare class Radio extends FormAssociatedRadio {

package/lib/searchable-select/option-tag.d.ts

@@ -1,8 +1,8 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
+import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
 import { Shape } from '../enums';
 import { Localized } from '../../shared/patterns';
 export type OptionTagShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-export declare class OptionTag extends FoundationElement {
+export declare class OptionTag extends VividElement {
     shape?: OptionTagShape;
     label?: string;
     removable: boolean;

package/lib/select/select.form-associated.d.ts

@@ -1,4 +1,4 @@
-import { FormAssociated } from '@microsoft/fast-foundation';
+import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
 import { Listbox } from '../../shared/foundation/listbox/listbox';
 declare class _Select extends Listbox {
 }