@vonage/vivid 3.0.0-next.11 → 3.0.0-next.110

package/layout/index.js

@@ -1,53 +1,43 @@
-import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
-import { s as styleInject } from '../shared/style-inject.es.js';
+import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem, g as getPrefix } from '../shared/index.js';
 import { c as classNames } from '../shared/class-names.js';
 
 var AUTO_SIZING;
-
 (function (AUTO_SIZING) {
   AUTO_SIZING["Fit"] = "fit";
   AUTO_SIZING["Fill"] = "fill";
 })(AUTO_SIZING || (AUTO_SIZING = {}));
-
 class Layout extends FoundationElement {}
-
 __decorate([attr, __metadata("design:type", String)], Layout.prototype, "gutters", void 0);
-
 __decorate([attr({
   attribute: 'column-basis'
 }), __metadata("design:type", String)], Layout.prototype, "columnBasis", void 0);
-
 __decorate([attr({
   attribute: 'column-spacing'
 }), __metadata("design:type", String)], Layout.prototype, "columnSpacing", void 0);
-
 __decorate([attr({
   attribute: 'auto-sizing'
 }), __metadata("design:type", String)], Layout.prototype, "autoSizing", void 0);
 
-var css_248z = "/* #region SIZEs */\n/* #region BASES */\n/* #region SPACES */\n.control {\n  display: grid;\n  grid-auto-rows: min-content;\n}\n.control.column-basis-base-small {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(10rem, 1fr)));\n}\n.control:not(.column-basis-base-small):not(.column-basis-base):not(.column-basis-base-large):not(.column-basis-block), .control.column-basis-base {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(20rem, 1fr)));\n}\n.control.column-basis-base-large {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(30rem, 1fr)));\n}\n.control.column-basis-block {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)));\n}\n.control.column-spacing-base-small {\n  gap: 16px;\n}\n.control:not(.column-spacing-base-small):not(.column-spacing-base):not(.column-spacing-base-large), .control.column-spacing-base {\n  gap: 24px;\n}\n.control.column-spacing-base-large {\n  gap: 32px;\n}\n.control.gutters-base-small {\n  margin: 16px;\n}\n.control.gutters-base {\n  margin: 24px;\n}\n.control.gutters-base-large {\n  margin: 32px;\n}\n.control.auto-sizing-fill {\n  --_auto-sizing: auto-fill;\n}\n.control:not(.auto-sizing-fill):not(.auto-sizing-fit), .control.auto-sizing-fit {\n  --_auto-sizing: auto-fit;\n}";
-styleInject(css_248z);
+var css_248z = "/* #region SIZEs */\n/* #region BASES */\n/* #region SPACES */\n.control {\n  display: grid;\n  grid-auto-rows: min-content;\n}\n.control.column-basis-small {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(160px, 1fr)));\n}\n.control:not(.column-basis-small):not(.column-basis-medium):not(.column-basis-large):not(.column-basis-block), .control.column-basis-medium {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(320px, 1fr)));\n}\n.control.column-basis-large {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(380px, 1fr)));\n}\n.control.column-basis-block {\n  grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)));\n}\n.control.column-spacing-small {\n  gap: 16px;\n}\n.control.column-spacing-small-inline {\n  gap: 0 16px;\n}\n.control.column-spacing-small-block {\n  gap: 16px 0;\n}\n.control:not(.column-spacing-small):not(.column-spacing-small-inline):not(.column-spacing-small-block):not(.column-spacing-medium):not(.column-spacing-medium-inline):not(.column-spacing-medium-block):not(.column-spacing-large):not(.column-spacing-large-inline):not(.column-spacing-large-block), .control.column-spacing-medium {\n  gap: 24px;\n}\n.control.column-spacing-medium-inline {\n  gap: 0 24px;\n}\n.control.column-spacing-medium-block {\n  gap: 24px 0;\n}\n.control.column-spacing-large {\n  gap: 32px;\n}\n.control.column-spacing-large-inline {\n  gap: 0 32px;\n}\n.control.column-spacing-large-block {\n  gap: 32px 0;\n}\n.control.gutters-small {\n  margin: 16px;\n}\n.control.gutters-small-inline {\n  margin: 0 16px;\n}\n.control.gutters-small-block {\n  margin: 16px 0;\n}\n.control.gutters-medium {\n  margin: 24px;\n}\n.control.gutters-medium-inline {\n  margin: 0 24px;\n}\n.control.gutters-medium-block {\n  margin: 24px 0;\n}\n.control.gutters-large {\n  margin: 32px;\n}\n.control.gutters-large-inline {\n  margin: 0 32px;\n}\n.control.gutters-large-block {\n  margin: 32px 0;\n}\n.control.auto-sizing-fill {\n  --_auto-sizing: auto-fill;\n}\n.control:not(.auto-sizing-fill):not(.auto-sizing-fit), .control.auto-sizing-fit {\n  --_auto-sizing: auto-fit;\n}";
 
 let _ = t => t,
-    _t;
-
+  _t;
 const getClasses = ({
   columnBasis,
   gutters,
   columnSpacing,
   autoSizing
 }) => classNames('control', [`column-basis-${columnBasis}`, Boolean(columnBasis)], [`gutters-${gutters}`, Boolean(gutters)], [`column-spacing-${columnSpacing}`, Boolean(columnSpacing)], [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]);
-
 const layoutTemplate = () => html(_t || (_t = _`
         <div class="${0}">
 			<slot></slot>
 		</div>`), getClasses);
 
-const VIVIDLayout = Layout.compose({
+const vividLayout = Layout.compose({
   baseName: 'layout',
   template: layoutTemplate,
   styles: css_248z
 });
-designSystem.register(VIVIDLayout());
+designSystem.withPrefix(getPrefix(import.meta.url)).register(vividLayout());
 
-export { VIVIDLayout };
+export { vividLayout };

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

@@ -1,10 +1,10 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
 export declare class AccordionItem extends FoundationElement {
-    heading: string;
+    heading?: string;
     headingLevel?: 2 | 3 | 4 | 5 | 6;
     noIndicator: boolean;
-    meta: string;
+    meta?: string;
     open: boolean;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     private emitEvent;

package/lib/accordion-item/index.d.ts

@@ -1,3 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-import '../icon';
 export declare const vividAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

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

@@ -0,0 +1,10 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Appearance, Shape } from '../enums.js';
+export declare type ActionGroupAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
+declare type ActionGroupShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class ActionGroup extends FoundationElement {
+    shape?: ActionGroupShape;
+    appearance?: ActionGroupAppearance;
+    tight: boolean;
+}
+export {};

package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts}

@@ -1,4 +1,4 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import type { SidenavItem } from './sidenav-item';
-export declare const SidenavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SidenavItem>;
+import type { ActionGroup } from './action-group';
+export declare const ActionGroupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ActionGroup>;

package/lib/{sidenav-item → action-group}/index.d.ts

@@ -1,3 +1,2 @@
-import '../icon';
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const vividSidenavItem: (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 vividActionGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/avatar/avatar.d.ts

@@ -0,0 +1,15 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Appearance, Connotation, Shape, Size } from '../enums.js';
+export declare type AvatarConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
+export declare type AvatarAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined>;
+declare type AvatarShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+declare type AvatarSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
+export declare class Avatar extends FoundationElement {
+    connotation?: AvatarConnotation;
+    shape?: AvatarShape;
+    appearance?: AvatarAppearance;
+    size?: AvatarSize;
+    icon?: string;
+    name?: string;
+}
+export {};

package/lib/avatar/avatar.template.d.ts

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

package/lib/avatar/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividAvatar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/badge/badge.d.ts

@@ -1,16 +1,14 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
-import type { Appearance, Connotation, Shape, Size } from '../enums.js';
-declare type BadgeConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Info>;
+import type { Appearance, Connotation, Shape } from '../enums.js';
+declare type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information>;
 declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
 declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-declare type BadgeSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
 export declare class Badge extends FoundationElement {
     connotation?: BadgeConnotation;
     shape?: BadgeShape;
     appearance?: BadgeAppearance;
-    size?: BadgeSize;
-    text: string;
+    text?: string;
 }
 export interface Badge extends AffixIconWithTrailing {
 }

package/lib/badge/index.d.ts

@@ -1,3 +1,2 @@
-import '../icon';
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const VIVIDBadge: (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 vividBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/banner/banner.d.ts

@@ -1,7 +1,7 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { Connotation } from '../enums';
 import { AffixIcon } from '../../shared/patterns/affix';
-export declare type BannerConnotation = Connotation.Info | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
+export declare type BannerConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
 export declare class Banner extends FoundationElement {
     #private;
     actionHref: string | undefined;

package/lib/banner/banner.template.d.ts

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

package/lib/breadcrumb/breadcrumb.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
+import type { Breadcrumb } from './breadcrumb';
+export declare const breadcrumbTemplate: FoundationElementTemplate<ViewTemplate<Breadcrumb>>;

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

@@ -1,5 +1,5 @@
 import { BreadcrumbItem as FastBreadcrumbItem } from '@microsoft/fast-foundation';
 export declare class BreadcrumbItem extends FastBreadcrumbItem {
-    text: string;
+    text?: string;
     constructor();
 }

package/lib/breadcrumb-item/index.d.ts

@@ -1,3 +1,2 @@
-import '../icon';
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export declare const vividBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/button/button.d.ts

@@ -1,16 +1,17 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
 import type { Appearance, Connotation, Shape, Size } from '../enums.js';
 import { AffixIconWithTrailing } from '../../shared/patterns/affix';
-declare type ButtonConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert>;
+declare type ButtonConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert>;
 export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
 declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
-declare type ButtonSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
+declare type ButtonSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
 export declare class Button extends FoundationButton {
     connotation?: ButtonConnotation;
     shape?: ButtonShape;
     appearance?: ButtonAppearance;
     size?: ButtonSize;
-    label: string;
+    stacked: boolean;
+    label?: string;
 }
 export interface Button extends AffixIconWithTrailing {
 }

package/lib/button/index.d.ts

@@ -1,21 +1 @@
-import '../icon';
-import '../focus';
-import { Button as FastButton } from '@microsoft/fast-foundation';
-import { Button } from './button';
-export declare const vividButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
-    baseName: string;
-    baseClass: typeof FastButton;
-    template: any;
-    styles: import("@microsoft/fast-element").ComposableStyles;
-    shadowOptions: {
-        delegatesFocus: true;
-    };
-}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
-    baseName: string;
-    baseClass: typeof FastButton;
-    template: any;
-    styles: import("@microsoft/fast-element").ComposableStyles;
-    shadowOptions: {
-        delegatesFocus: true;
-    };
-}, typeof Button>;
+export {};

package/lib/calendar/calendar.d.ts

@@ -1,11 +1,13 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 export declare class Calendar extends FoundationElement {
+    #private;
     datetime?: Date | string;
     startDay?: 'sunday' | 'monday';
     locales?: string | string[] | undefined;
     hour12: boolean;
     getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
+    private getCalendarEventContainingCell;
     private arrowKeysInteractions;
-    private moveTo;
+    private activateElement;
     onKeydown({ key }: KeyboardEvent): boolean;
 }

package/lib/calendar/index.d.ts

@@ -1,3 +1,2 @@
-import '../elevation';
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 export declare const vividCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/calendar-event/calendar-event.d.ts

@@ -0,0 +1,14 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Appearance, Connotation } from '../enums';
+declare type CalendarEventConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
+declare type CalendarEventAppearance = Extract<Appearance, Appearance.Filled | Appearance.Duotone | Appearance.Subtle>;
+export declare class CalendarEvent extends FoundationElement {
+    heading?: string;
+    description?: string;
+    connotation?: CalendarEventConnotation;
+    appearance?: CalendarEventAppearance;
+    overlapCount?: number;
+    start?: number;
+    duration?: number;
+}
+export {};

package/lib/calendar-event/calendar-event.template.d.ts

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

package/lib/calendar-event/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividCalendarEvent: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/card/card.d.ts

@@ -0,0 +1,10 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class Card extends FoundationElement {
+    headline?: string;
+    subtitle?: string;
+    text?: string;
+    icon?: string;
+    elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
+    graphicSlottedContent?: HTMLElement[];
+    hasMetaSlottedContent?: HTMLElement[];
+}

package/lib/{text/text.template.d.ts → card/card.template.d.ts}

@@ -1,4 +1,4 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import type { Text } from './text';
-export declare const TextTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Text>;
+import type { Card } from './card';
+export declare const CardTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Card>;

package/lib/{text → card}/index.d.ts

@@ -1,2 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const vividText: (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 vividCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { Checkbox as FastCheckbox } from '@microsoft/fast-foundation';
+export declare const keySpace: ' ';
+export declare class Checkbox extends FastCheckbox {
+    label?: string;
+}

package/lib/checkbox/checkbox.template.d.ts

@@ -0,0 +1,4 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { CheckboxOptions, FoundationElementTemplate } from '@microsoft/fast-foundation';
+import type { Checkbox } from './checkbox';
+export declare const CheckboxTemplate: FoundationElementTemplate<ViewTemplate<Checkbox>, CheckboxOptions>;

package/lib/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxOptions } from '@microsoft/fast-foundation';
+export declare const vividCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/components.d.ts

@@ -1,16 +1,38 @@
-export * from './text-anchor';
+export * from './accordion';
+export * from './accordion-item';
+export * from './action-group';
+export * from './avatar';
 export * from './badge';
+export * from './banner';
+export * from './breadcrumb';
+export * from './breadcrumb-item';
 export * from './button';
-export * from './focus';
+export * from './calendar';
+export * from './calendar-event';
+export * from './card';
+export * from './checkbox';
+export * from './elevation';
+export * from './dialog';
+export * from './divider';
+export * from './fab';
 export * from './icon';
 export * from './layout';
-export * from './elevation';
-export * from './breadcrumb-item';
-export * from './breadcrumb';
-export * from './side-drawer';
-export * from './calendar';
+export * from './listbox';
+export * from './option';
+export * from './menu';
+export * from './menu-item';
+export * from './nav';
+export * from './nav-disclosure';
+export * from './nav-item';
+export * from './note';
 export * from './popup';
+export * from './progress';
+export * from './progress-ring';
+export * from './radio';
+export * from './radio-group';
+export * from './side-drawer';
+export * from './slider';
+export * from './switch';
+export * from './text-field';
+export * from './text-area';
 export * from './tooltip';
-export * from './banner';
-export * from './accordion-item';
-export * from './accordion';

package/lib/dialog/dialog.d.ts

@@ -0,0 +1,20 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class Dialog extends FoundationElement {
+    #private;
+    open: boolean;
+    icon?: string;
+    text?: string;
+    headline?: string;
+    ariaLabelledBy: string | null;
+    ariaLabel: string | null;
+    ariaDescribedBy: string | null;
+    set returnValue(value: string);
+    get returnValue(): string;
+    get modal(): boolean;
+    openChanged(oldValue: boolean, newValue: boolean): void;
+    close(): void;
+    show(): void;
+    showModal(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}

package/lib/dialog/dialog.template.d.ts

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

package/lib/dialog/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividDialog: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/divider/divider.d.ts

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

package/lib/divider/divider.template.d.ts

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

package/lib/divider/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividDivider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/elevation/elevation.d.ts

@@ -1,4 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 export declare class Elevation extends FoundationElement {
     dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
+    noShadow?: boolean;
 }

package/lib/elevation/index.d.ts

@@ -1,2 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const VIVIDElevation: (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 vividElevation: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/enums.d.ts

@@ -1,10 +1,10 @@
 export declare enum Connotation {
-    Primary = "primary",
+    Accent = "accent",
     CTA = "cta",
     Success = "success",
     Alert = "alert",
     Warning = "warning",
-    Info = "info",
+    Information = "information",
     Announcement = "announcement"
 }
 export declare enum ConnotationDecorative {
@@ -17,17 +17,30 @@ export declare enum Shape {
     Sharp = "sharp"
 }
 export declare enum Appearance {
-    Text = "text",
     Filled = "filled",
     Outlined = "outlined",
     Duotone = "duotone",
+    Fieldset = "fieldset",
     Subtle = "subtle",
     Ghost = "ghost"
 }
 export declare enum Size {
-    BaseSmall = "base-small",
-    Base = "base",
-    BaseLarge = "base-large"
+    UltraCondensed = "ultraCondensed",
+    SuperCondensed = "superCondensed",
+    ExtraCondensed = "extraCondensed",
+    SemiCondensed = "semiCondensed",
+    Condensed = "condensed",
+    Normal = "normal",
+    SemiExpanded = "semiExpanded",
+    Expanded = "expanded",
+    ExtraExpanded = "extraExpanded",
+    SuperExpanded = "superExpanded",
+    UltraExpanded = "ultraExpanded"
+}
+export declare enum LayoutSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
 }
 export declare enum Position {
     Top = "TOP",

package/lib/fab/fab.d.ts

@@ -0,0 +1,13 @@
+import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import type { Connotation, Size } from '../enums.js';
+import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
+declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
+export declare class Fab extends FoundationButton {
+    connotation?: FabConnotation;
+    size?: FABSize;
+    label?: string;
+}
+export interface Fab extends AffixIconWithTrailing {
+}
+export {};

package/lib/fab/fab.template.d.ts

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

package/lib/fab/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividFab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/focus/index.d.ts

@@ -1,2 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const VIVIDFocus: (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 vividFocus: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/header/header.d.ts

@@ -0,0 +1,5 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class Header extends FoundationElement {
+    elevationShadow: boolean;
+    alternate: boolean;
+}

package/lib/header/header.template.d.ts

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

package/lib/header/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividHeader: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/icon/icon.d.ts

@@ -1,11 +1,10 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import type { Connotation, Size } from '../enums';
-declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
+import type { Connotation } from '../enums';
+declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
 export declare class Icon extends FoundationElement {
     connotation?: IconConnotation;
-    size?: Size;
-    svg: string;
-    type?: string;
-    typeChanged(): Promise<void>;
+    size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
+    name?: string;
+    nameChanged(): Promise<void>;
 }
 export {};

package/lib/layout/index.d.ts

@@ -1,2 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const VIVIDLayout: (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 vividLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/lib/layout/layout.d.ts

@@ -1,12 +1,12 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import type { Size } from '../enums.js';
+import type { LayoutSize } from '../enums.js';
 export declare enum AUTO_SIZING {
     Fit = "fit",
     Fill = "fill"
 }
-declare type Gutters = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
-declare type ColumnSpacing = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
-declare type ColumnBasis = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge> | 'block';
+declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
+declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
+declare type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
 export declare class Layout extends FoundationElement {
     gutters?: Gutters;
     columnBasis?: ColumnBasis;

package/lib/listbox/index.d.ts

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