@vonage/vivid 3.0.0-next.2 → 3.0.0-next.22

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

@@ -0,0 +1,9 @@
+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;
+}
+export {};

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

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

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

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+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/badge/badge.d.ts

@@ -1,17 +1,17 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { PrefixOrSuffix } 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>;
-declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Soft>;
+import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+import type { Appearance, Connotation, Density, Shape } from '../enums.js';
+declare type BadgeConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Info>;
+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>;
+declare type BadgeDensity = Extract<Density, Density.Condensed | Density.Normal | Density.Extended>;
 export declare class Badge extends FoundationElement {
     connotation?: BadgeConnotation;
     shape?: BadgeShape;
     appearance?: BadgeAppearance;
-    size?: BadgeSize;
-    text: string;
+    density?: BadgeDensity;
+    text?: string;
 }
-export interface Badge extends PrefixOrSuffix {
+export interface Badge extends AffixIconWithTrailing {
 }
 export {};

package/lib/badge/index.d.ts

@@ -1,3 +1,3 @@
 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

@@ -0,0 +1,20 @@
+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 class Banner extends FoundationElement {
+    #private;
+    actionHref: string | undefined;
+    actionText: string | undefined;
+    removable: boolean;
+    ariaLive: any;
+    role: string | undefined;
+    text: string | undefined;
+    connotation: BannerConnotation | undefined;
+    get conditionedIcon(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    remove(): void;
+}
+export interface Banner extends AffixIcon {
+}

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

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

package/lib/banner/index.d.ts

@@ -0,0 +1,3 @@
+import '../button';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividBanner: (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/breadcrumb/breadcrumb.d.ts

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

package/lib/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividBreadcrumb: (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/breadcrumb-item/breadcrumb-item.d.ts

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

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

@@ -1,5 +1,4 @@
 import type { ViewTemplate } from '@microsoft/fast-element';
 import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 import type { BreadcrumbItem } from './breadcrumb-item';
-import '../icon';
 export declare const BreadcrumbItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<BreadcrumbItem>;

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

@@ -1,2 +1,4 @@
+import '../icon';
+import '../focus';
 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,17 +1,18 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
-import type { Appearance, Connotation, Shape, Size } from '../enums.js';
-import { PrefixOrSuffix } from '../../shared/patterns/affix';
-declare type ButtonConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert>;
-export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Soft>;
+import type { Appearance, Connotation, Density, Shape } from '../enums.js';
+import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+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 ButtonDensity = Extract<Density, Density.Condensed | Density.Normal | Density.Extended>;
 export declare class Button extends FoundationButton {
     connotation?: ButtonConnotation;
     shape?: ButtonShape;
     appearance?: ButtonAppearance;
-    size?: ButtonSize;
-    label: string;
+    density?: ButtonDensity;
+    stacked: boolean;
+    label?: string;
 }
-export interface Button extends PrefixOrSuffix {
+export interface Button extends AffixIconWithTrailing {
 }
 export {};

package/lib/button/index.d.ts

@@ -1,21 +1,4 @@
 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>;
+import { type FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividButton: (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/calendar.d.ts

@@ -0,0 +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 activateElement;
+    onKeydown({ key }: KeyboardEvent): boolean;
+}

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

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

package/lib/calendar/helpers/calendar.date-functions.d.ts

@@ -0,0 +1,2 @@
+export declare function getValidDateString(date: Date): string;
+export declare function getFirstDateOfTheWeek(date: Date | undefined, startDay: 'sunday' | 'monday'): Date;

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

@@ -0,0 +1,6 @@
+import type { Calendar } from '../calendar';
+export interface CalendarEventContext {
+    day?: number;
+    hour?: number;
+}
+export declare const getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => CalendarEventContext | null;

package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts

@@ -0,0 +1,9 @@
+import type { Calendar } from '../calendar';
+export declare const ARROW_UP = "ArrowUp";
+export declare const ARROW_RIGHT = "ArrowRight";
+export declare const ARROW_DOWN = "ArrowDown";
+export declare const ARROW_LEFT = "ArrowLeft";
+export declare type PredefindKeys = typeof ARROW_UP | typeof ARROW_RIGHT | typeof ARROW_DOWN | typeof ARROW_LEFT;
+export declare function isCellOrHeader(el: unknown): el is HTMLElement;
+export declare function getNextFocusableGridElement(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | void;
+export declare function getHeaderDescendantGridCell(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | undefined;

package/lib/calendar/index.d.ts

@@ -0,0 +1,2 @@
+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.Info | 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 {
+    heading?: string;
+    subheading?: string;
+    text?: string;
+    icon?: string;
+    elevation?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
+    graphicSlottedContent?: HTMLElement[];
+    hasMetaSlottedContent?: HTMLElement[];
+}

package/lib/card/card.template.d.ts

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

package/lib/card/index.d.ts

@@ -0,0 +1,4 @@
+import '../elevation';
+import '../icon';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+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/components.d.ts

@@ -1,7 +1,24 @@
-export * from './text-anchor';
+export * from './accordion';
+export * from './accordion-item';
+export * from './action-group';
 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 './elevation';
+export * from './fab';
 export * from './icon';
 export * from './layout';
-export * from './elevation';
+export * from './note';
+export * from './popup';
+export * from './progress';
+export * from './progress-ring';
+export * from './side-drawer';
+export * from './sidenav-item';
+export * from './text';
+export * from './text-field';
+export * from './tooltip';

package/lib/elevation/elevation.d.ts

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

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,5 +1,5 @@
 export declare enum Connotation {
-    Primary = "primary",
+    Accent = "accent",
     CTA = "cta",
     Success = "success",
     Alert = "alert",
@@ -13,19 +13,26 @@ export declare enum ConnotationDecorative {
 export declare enum Shape {
     Rounded = "rounded",
     Pill = "pill",
-    Circled = "circled"
+    Circled = "circled",
+    Sharp = "sharp"
 }
 export declare enum Appearance {
-    Text = "text",
     Filled = "filled",
     Outlined = "outlined",
-    Soft = "soft",
+    Duotone = "duotone",
+    Fieldset = "fieldset",
+    Subtle = "subtle",
     Ghost = "ghost"
 }
+export declare enum Density {
+    Condensed = "condensed",
+    Normal = "normal",
+    Extended = "extended"
+}
 export declare enum Size {
-    BaseSmall = "base-small",
-    Base = "base",
-    BaseLarge = "base-large"
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
 }
 export declare enum Position {
     Top = "TOP",

package/lib/fab/fab.d.ts

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

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,4 @@
+import '../icon';
+import '../focus';
+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/icon/icon.d.ts

@@ -1,12 +1,11 @@
 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>;
+declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
+declare type IconSize = Extract<Size, Size.Small | Size.Medium | Size.Large>;
 export declare class Icon extends FoundationElement {
     connotation?: IconConnotation;
-    size?: Size;
-    state: 'idle' | 'loading' | 'loaded' | 'fail';
-    svg: any;
-    placeholder: any;
+    size?: IconSize;
+    svg?: string;
     type?: string;
     typeChanged(): Promise<void>;
 }

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

@@ -4,9 +4,9 @@ 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<Size, Size.Small | Size.Medium | Size.Large>;
+declare type ColumnSpacing = Extract<Size, Size.Small | Size.Medium | Size.Large>;
+declare type ColumnBasis = Extract<Size, Size.Small | Size.Medium | Size.Large> | 'block';
 export declare class Layout extends FoundationElement {
     gutters?: Gutters;
     columnBasis?: ColumnBasis;

package/lib/note/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividNote: (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/note/note.d.ts

@@ -0,0 +1,10 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Connotation } from '../enums';
+import { AffixIcon } from '../../shared/patterns';
+export declare type NoteConnotation = Connotation.Info | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
+export declare class Note extends FoundationElement {
+    heading?: string;
+    connotation?: NoteConnotation;
+}
+export interface Note extends AffixIcon {
+}

package/lib/note/note.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import '../icon/index';
+import type { Note } from './note';
+export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;

package/lib/popup/index.d.ts

@@ -0,0 +1,4 @@
+import '../elevation';
+import '../button';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividPopup: (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/popup/popup.d.ts

@@ -0,0 +1,17 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Placement } from '@floating-ui/dom';
+export declare class Popup extends FoundationElement {
+    #private;
+    popupEl: HTMLElement;
+    arrowEl: HTMLElement;
+    open: boolean;
+    dismissible: boolean;
+    arrow: boolean;
+    alternate: boolean;
+    corner?: Placement;
+    anchor: string;
+    constructor();
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    updatePosition(): Promise<void>;
+}

package/lib/popup/popup.template.d.ts

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

package/lib/progress/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividProgress: (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/progress/progress.d.ts

@@ -0,0 +1,9 @@
+import { BaseProgress } from '@microsoft/fast-foundation';
+import type { Connotation, ConnotationDecorative, Shape } from '../enums';
+export declare type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
+export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
+export declare class Progress extends BaseProgress {
+    shape?: ProgressShape;
+    connotation?: ProgressConnotation;
+    reverse: boolean;
+}

package/lib/progress/progress.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { ProgressOptions } from '@microsoft/fast-foundation';
+import type { Progress } from './progress';
+export declare const ProgressTemplate: (context: ElementDefinitionContext, definition: ProgressOptions) => ViewTemplate<Progress>;

package/lib/progress-ring/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividProgressRing: (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/progress-ring/progress-ring.d.ts

@@ -0,0 +1,7 @@
+import { BaseProgress } from '@microsoft/fast-foundation';
+import type { Connotation } from '../enums';
+export declare type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
+export declare class ProgressRing extends BaseProgress {
+    connotation?: ProgressRingConnotation;
+    density?: -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3;
+}

package/lib/progress-ring/progress-ring.template.d.ts

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

package/lib/side-drawer/index.d.ts

@@ -0,0 +1,2 @@
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividSideDrawer: (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/side-drawer/side-drawer.d.ts

@@ -0,0 +1,15 @@
+import 'blocking-elements';
+import 'wicg-inert';
+import 'babel-polyfill';
+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class SideDrawer extends FoundationElement {
+    #private;
+    asideEl: HTMLElement;
+    scrimEl: any;
+    alternate: boolean;
+    modal: boolean;
+    open: boolean;
+    position?: 'start' | 'end';
+    headerSlottedContent?: HTMLElement[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}

package/lib/side-drawer/side-drawer.template.d.ts

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

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

@@ -1,3 +1,4 @@
 import '../icon';
+import '../focus';
 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>>;

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

@@ -1,7 +1,6 @@
-import { Anchor } from '@microsoft/fast-foundation';
-import { Prefix } from '../../shared/patterns/affix';
-export declare class SidenavItem extends Anchor {
-    text: string;
+import { AffixIcon } from '../../shared/patterns/affix';
+import { TextAnchor } from '../text-anchor/text-anchor';
+export declare class SidenavItem extends TextAnchor {
 }
-export interface SidenavItem extends Prefix {
+export interface SidenavItem extends AffixIcon {
 }

package/lib/text/index.d.ts

@@ -0,0 +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>>;

package/lib/text/text.d.ts

@@ -0,0 +1,10 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import type { Connotation } from '../enums.js';
+import type { VVDFontFace } from '../../../../../node_modules/@vonage/vivid-tokens/dist/types/typography/font-faces';
+declare type TextConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Announcement | Connotation.Info>;
+export declare class Text extends FoundationElement {
+    connotation?: TextConnotation;
+    fontFace?: VVDFontFace;
+    tight: boolean;
+}
+export {};

package/lib/text/text.template.d.ts

@@ -0,0 +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>;