@vonage/vivid 3.0.0-next.5 → 3.0.0-next.52

package/index.js

@@ -1,32 +1,57 @@
-export { vividTextAnchor } from './text-anchor/index.js';
-export { VIVIDBadge } from './badge/index.js';
-export { vividButton } from './button/index.js';
-export { V as VIVIDFocus } from './shared/index2.js';
-export { vividIcon } from './icon/index.js';
-export { VIVIDLayout } from './layout/index.js';
-export { VIVIDElevation } from './elevation/index.js';
-export { vividBreadcrumbItem } from './breadcrumb-item/index.js';
+export { vividAccordion } from './accordion/index.js';
+export { vividAccordionItem } from './accordion-item/index.js';
+export { vividActionGroup } from './action-group/index.js';
+export { vividBadge } from './badge/index.js';
+export { vividBanner } from './banner/index.js';
 export { vividBreadcrumb } from './breadcrumb/index.js';
-export { VIVIDSideDrawer } from './side-drawer/index.js';
+export { vividBreadcrumbItem } from './breadcrumb-item/index.js';
+export { vividButton } from './button/index.js';
 export { vividCalendar } from './calendar/index.js';
-export { VIVIDPopup } from './popup/index.js';
+export { vividCalendarEvent } from './calendar-event/index.js';
+export { vividCard } from './card/index.js';
+export { v as vividElevation } from './shared/index2.js';
+export { vividFab } from './fab/index.js';
+export { vividIcon } from './icon/index.js';
+export { vividLayout } from './layout/index.js';
+export { vividMenu } from './menu/index.js';
+export { vividNote } from './note/index.js';
+export { v as vividPopup } from './shared/index3.js';
+export { vividProgress } from './progress/index.js';
+export { vividProgressRing } from './progress-ring/index.js';
+export { vividSideDrawer } from './side-drawer/index.js';
+export { vividNav } from './nav/index.js';
+export { vividNavItem } from './nav-item/index.js';
+export { vividNavDisclosure } from './nav-disclosure/index.js';
+export { vividTextfield } from './text-field/index.js';
 export { vividTooltip } from './tooltip/index.js';
-export { vividBanner } from './banner/index.js';
-export { vividAccordionItem } from './accordion-item/index.js';
-export { vividAccordion } from './accordion/index.js';
+export { vividCheckbox } from './checkbox/index.js';
+export { vividHeader } from './header/index.js';
 export { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
-import './shared/text-anchor.js';
+import './shared/style-inject.es.js';
+import './shared/class-names.js';
+import './focus/index.js';
+import './shared/focus.js';
 import './shared/web.dom-collections.iterator.js';
+import './shared/export.js';
+import './shared/object-keys.js';
+import './shared/iterators.js';
 import './shared/affix.js';
 import './shared/icon.js';
+import './shared/to-string.js';
 import './shared/_has.js';
-import './shared/anchor.js';
 import './shared/apply-mixins.js';
-import './shared/aria-global.js';
-import './shared/text-anchor.template.js';
-import './shared/class-names.js';
-import './shared/style-inject.es.js';
+import './shared/focus2.js';
 import './shared/when.js';
-import './shared/breadcrumb-item.js';
+import './shared/enums.js';
+import './shared/button.js';
+import './shared/form-associated.js';
+import './shared/aria-global.js';
+import './shared/ref.js';
 import './shared/slotted.js';
+import './shared/breadcrumb-item.js';
+import './shared/anchor.js';
+import './shared/text-anchor.template.js';
+import './shared/calendar-event.js';
 import './shared/es.object.assign.js';
+import './shared/base-progress.js';
+import './shared/text-anchor.js';

package/layout/index.js

@@ -25,7 +25,7 @@ __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}";
+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}";
 styleInject(css_248z);
 
 let _ = t => t,
@@ -43,11 +43,11 @@ const layoutTemplate = () => html(_t || (_t = _`
 			<slot></slot>
 		</div>`), getClasses);
 
-const VIVIDLayout = Layout.compose({
+const vividLayout = Layout.compose({
   baseName: 'layout',
   template: layoutTemplate,
   styles: css_248z
 });
-designSystem.register(VIVIDLayout());
+designSystem.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,4 @@
-import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 import '../icon';
+import '../focus';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
 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/badge/badge.d.ts

@@ -1,16 +1,16 @@
 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>;
-declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Subtle>;
+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.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>;
+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 AffixIconWithTrailing {
 }

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

@@ -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/banner/index.d.ts

@@ -1,2 +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.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,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,16 +1,17 @@
 import { Button as FoundationButton } from '@microsoft/fast-foundation';
-import type { Appearance, Connotation, Shape, Size } from '../enums.js';
+import type { Appearance, Connotation, Density, Shape } 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 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 AffixIconWithTrailing {
 }

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

@@ -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/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/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,4 @@
+import '../icon';
+import '../focus';
+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,28 @@
-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 './breadcrumb-item';
-export * from './breadcrumb';
-export * from './side-drawer';
-export * from './calendar';
+export * from './menu';
+export * from './note';
 export * from './popup';
+export * from './progress';
+export * from './progress-ring';
+export * from './side-drawer';
+export * from './nav';
+export * from './nav-item';
+export * from './nav-disclosure';
+export * from './text-field';
 export * from './tooltip';
-export * from './banner';
-export * from './accordion-item';
-export * from './accordion';
+export * from './checkbox';
+export * from './header';

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,5 @@
+import '../icon';
+import '../button';
+import '../elevation';
+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,16 +17,22 @@ 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 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,13 @@
+import { Button as FoundationButton } from '@microsoft/fast-foundation';
+import type { Connotation, Density } from '../enums.js';
+import { AffixIconWithTrailing } from '../../shared/patterns/affix';
+export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
+declare type FABDensity = Extract<Density, Density.Normal | Density.Extended>;
+export declare class Fab extends FoundationButton {
+    connotation?: FabConnotation;
+    density?: FABDensity;
+    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,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/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,3 @@
+import '../elevation';
+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,10 +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.Information>;
+declare type IconSize = Extract<Size, Size.Small | Size.Medium | Size.Large>;
 export declare class Icon extends FoundationElement {
     connotation?: IconConnotation;
-    size?: Size;
-    svg: string;
+    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>>;