@vonage/vivid 3.0.0-test.0 → 3.0.1

package/calendar-event/index.js

@@ -0,0 +1,9 @@
+import { r as registerCalendarEvent } from '../shared/definition13.js';
+import '../shared/index.js';
+import '../shared/calendar-event.js';
+import '../shared/es.object.assign.js';
+import '../shared/to-string.js';
+import '../shared/when.js';
+import '../shared/class-names.js';
+
+registerCalendarEvent();

package/card/index.js

@@ -0,0 +1,13 @@
+import { r as registerCard } from '../shared/definition14.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition15.js';
+import '../shared/slotted.js';
+
+registerCard();

package/checkbox/index.js

@@ -0,0 +1,16 @@
+import { r as registerCheckbox } from '../shared/definition16.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/focus2.js';
+
+registerCheckbox();

package/combobox/index.js

@@ -0,0 +1,35 @@
+import { r as registerCombobox } from '../shared/definition17.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition18.js';
+import '../shared/definition9.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/button.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/definition15.js';
+import '../shared/es.object.assign.js';
+import '../shared/definition19.js';
+import '../shared/dom.js';
+import '../shared/form-elements.js';
+import '../shared/text-field.js';
+import '../shared/listbox.js';
+import '../shared/strings.js';
+import '../shared/numbers.js';
+import '../shared/select.options.js';
+import '../shared/slotted.js';
+
+registerCombobox();

package/dialog/index.js

@@ -0,0 +1,24 @@
+import { r as registerDialog } from '../shared/definition20.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition9.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/button.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+import '../shared/definition15.js';
+
+registerDialog();

package/divider/index.js

@@ -0,0 +1,6 @@
+import { r as registerDivider } from '../shared/definition21.js';
+import '../shared/index.js';
+import '../shared/aria.js';
+import '../shared/class-names.js';
+
+registerDivider();

package/elevation/index.js

@@ -1,31 +1,5 @@
-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 { c as classNames } from '../shared/class-names.js';
+import { r as registerElevation } from '../shared/definition15.js';
+import '../shared/index.js';
+import '../shared/class-names.js';
 
-class Elevation extends FoundationElement {}
-
-__decorate([attr, __metadata("design:type", Number)], Elevation.prototype, "dp", void 0);
-
-var css_248z = ".control.dp-0 ::slotted(*) {\n  background-color: var(--vvd-color-surface-0dp);\n  filter: var(--vvd-shadow-surface-0dp);\n}\n.control.dp-2 ::slotted(*) {\n  background-color: var(--vvd-color-surface-2dp);\n  filter: var(--vvd-shadow-surface-2dp);\n}\n.control.dp-4 ::slotted(*) {\n  background-color: var(--vvd-color-surface-4dp);\n  filter: var(--vvd-shadow-surface-4dp);\n}\n.control.dp-8 ::slotted(*) {\n  background-color: var(--vvd-color-surface-8dp);\n  filter: var(--vvd-shadow-surface-8dp);\n}\n.control.dp-12 ::slotted(*) {\n  background-color: var(--vvd-color-surface-12dp);\n  filter: var(--vvd-shadow-surface-12dp);\n}\n.control.dp-16 ::slotted(*) {\n  background-color: var(--vvd-color-surface-16dp);\n  filter: var(--vvd-shadow-surface-16dp);\n}\n.control.dp-24 ::slotted(*) {\n  background-color: var(--vvd-color-surface-24dp);\n  filter: var(--vvd-shadow-surface-24dp);\n}\n.control:not(.dp-0, .dp-4, .dp-8, .dp-12, .dp-16, .dp-24) ::slotted(*) {\n  background-color: var(--vvd-color-surface-2dp);\n  filter: var(--vvd-shadow-surface-2dp);\n}";
-styleInject(css_248z);
-
-let _ = t => t,
-    _t;
-
-const getClasses = ({
-  dp
-}) => classNames('control', [`dp-${dp}`, Boolean(dp)]);
-
-const elevationTemplate = () => html(_t || (_t = _`
-        <div class="${0}" part="base">
-			<slot></slot>
-		</div>`), getClasses);
-
-const VIVIDElevation = Elevation.compose({
-  baseName: 'elevation',
-  template: elevationTemplate,
-  styles: css_248z
-});
-designSystem.register(VIVIDElevation());
-
-export { VIVIDElevation };
+registerElevation();

package/fab/index.js

@@ -0,0 +1,22 @@
+import { r as registerFab } from '../shared/definition22.js';
+import '../shared/index.js';
+import '../shared/definition3.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
+import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
+import '../shared/definition4.js';
+import '../shared/focus.js';
+import '../shared/affix.js';
+import '../shared/button.js';
+import '../shared/apply-mixins.js';
+import '../shared/form-associated.js';
+import '../shared/key-codes.js';
+import '../shared/aria-global.js';
+import '../shared/start-end.js';
+import '../shared/ref.js';
+import '../shared/focus2.js';
+
+registerFab();

package/focus/index.js

@@ -1,3 +1,5 @@
+import { r as registerFocus } from '../shared/definition4.js';
 import '../shared/index.js';
-export { V as VIVIDFocus } from '../shared/index2.js';
-import '../shared/style-inject.es.js';
+import '../shared/focus.js';
+
+registerFocus();

package/header/index.js

@@ -0,0 +1,6 @@
+import { r as registerHeader } from '../shared/definition23.js';
+import '../shared/index.js';
+import '../shared/definition15.js';
+import '../shared/class-names.js';
+
+registerHeader();

package/icon/index.js

@@ -1,34 +1,10 @@
-import { h as html, d as designSystem } from '../shared/index.js';
-import { s as styleInject } from '../shared/style-inject.es.js';
-import { I as Icon } from '../shared/icon.js';
-import { w as when } from '../shared/when.js';
-import { c as classNames } from '../shared/class-names.js';
-import '../shared/web.dom-collections.iterator.js';
+import { r as registerIcon } from '../shared/definition3.js';
+import '../shared/index.js';
+import '../shared/icon.js';
+import '../shared/to-string.js';
+import '../shared/string-trim.js';
 import '../shared/_has.js';
+import '../shared/class-names.js';
+import '../shared/when.js';
 
-var css_248z = ":host {\n  display: inline-block;\n  vertical-align: sub;\n}\n\n.control {\n  display: flex;\n  margin: unset;\n  color: currentColor;\n  contain: strict;\n}\n.control.connotation-primary {\n  --connotation: var(--vvd-color-primary);\n  --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-announcement {\n  --connotation: var(--vvd-color-announcement);\n  --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-cta {\n  --connotation: var(--vvd-color-cta);\n  --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n  --connotation: var(--vvd-color-success);\n  --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n  --connotation: var(--vvd-color-alert);\n  --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-info {\n  --connotation: var(--vvd-color-info);\n  --on-connotation: var(--vvd-color-on-info);\n}\n\n.control[class*=connotation] {\n  color: var(--connotation);\n}\n\nsvg {\n  margin: auto;\n  block-size: inherit;\n  inline-size: inherit;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base):not(.size-base-large) {\n  block-size: 1em;\n  inline-size: 1em;\n}\n\n.control.size-base-small {\n  block-size: 16px;\n  inline-size: 16px;\n}\n\n.control.size-base {\n  block-size: 24px;\n  inline-size: 24px;\n}\n\n.control.size-base-large {\n  block-size: 32px;\n  inline-size: 32px;\n}";
-styleInject(css_248z);
-
-let _ = t => t,
-    _t,
-    _t2;
-
-const getClasses = ({
-  connotation,
-  size
-}) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`size-${size}`, Boolean(size)]);
-
-const iconTemplate = () => html(_t || (_t = _`
-  <figure class="${0}">
-		${0}
-  </figure>
-	`), getClasses, when(x => x.svg, x => html(_t2 || (_t2 = _`${0}`), x.svg)));
-
-const vividIcon = Icon.compose({
-  baseName: 'icon',
-  template: iconTemplate,
-  styles: css_248z
-});
-designSystem.register(vividIcon());
-
-export { vividIcon };
+registerIcon();

package/index.js

@@ -1,32 +1,83 @@
-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 { vividBreadcrumb } from './breadcrumb/index.js';
-export { VIVIDSideDrawer } from './side-drawer/index.js';
-export { vividCalendar } from './calendar/index.js';
-export { VIVIDPopup } from './popup/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 { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
-import './shared/text-anchor.js';
-import './shared/web.dom-collections.iterator.js';
+export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition.js';
+export { b as accordionItemDefinition, a as accordionItemRegistries, r as registerAccordionItem } from './shared/definition2.js';
+export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition5.js';
+export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
+export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
+export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
+export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
+export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition11.js';
+export { a as buttonDefinition, b as buttonRegistries, r as registerButton } from './shared/definition9.js';
+export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition12.js';
+export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition13.js';
+export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
+export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition16.js';
+export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition17.js';
+export { a as elevationDefinition, e as elevationRegistries, r as registerElevation } from './shared/definition15.js';
+export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition20.js';
+export { a as dividerDefinition, d as dividerRegistries, r as registerDivider } from './shared/definition21.js';
+export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition22.js';
+export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition23.js';
+export { a as iconDefinition, i as iconRegistries, r as registerIcon } from './shared/definition3.js';
+export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition24.js';
+export { l as listboxDefinition, a as listboxRegistries, r as registerListbox } from './shared/definition25.js';
+export { a as listboxOptionDefinition, l as listboxOptionRegistries, r as registerOption } from './shared/definition19.js';
+export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition26.js';
+export { c as menuItemDefinition, m as menuItemRegistries, b as registerMenuItem } from './shared/definition27.js';
+export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition28.js';
+export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition29.js';
+export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition30.js';
+export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition31.js';
+export { a as popupDefinition, p as popupRegistries, r as registerPopup } from './shared/definition18.js';
+export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition32.js';
+export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition33.js';
+export { a as radioDefinition, b as radioRegistries, r as registerRadio } from './shared/definition34.js';
+export { a as radioGroupDefinition, b as radioGroupRegistries, r as registerRadioGroup } from './shared/definition35.js';
+export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition36.js';
+export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition37.js';
+export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition38.js';
+export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition39.js';
+export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition44.js';
+export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition43.js';
+export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition45.js';
+export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition42.js';
+export { r as registerTab, a as tabDefinition, t as tabRegistries } from './shared/definition40.js';
+export { r as registerTabPanel, a as tabPanelDefinition, t as tabPanelRegistries } from './shared/definition41.js';
+export { a7 as designSystem, r as registerFactory } from './shared/index.js';
+import './shared/key-codes.js';
+import './shared/numbers.js';
+import './shared/slotted.js';
+import './shared/class-names.js';
+import './shared/definition4.js';
+import './shared/focus.js';
 import './shared/affix.js';
 import './shared/icon.js';
+import './shared/to-string.js';
+import './shared/string-trim.js';
 import './shared/_has.js';
-import './shared/anchor.js';
+import './shared/start-end.js';
+import './shared/ref.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/enums.js';
 import './shared/breadcrumb-item.js';
-import './shared/slotted.js';
+import './shared/anchor.js';
+import './shared/aria-global.js';
+import './shared/text-anchor.template.js';
+import './shared/button.js';
+import './shared/form-associated.js';
+import './shared/calendar-event.js';
 import './shared/es.object.assign.js';
+import './shared/text-field.js';
+import './shared/form-elements.js';
+import './shared/listbox.js';
+import './shared/strings.js';
+import './shared/select.options.js';
+import './shared/aria.js';
+import './shared/dom.js';
+import './shared/direction.js';
+import './shared/text-anchor.js';
+import './shared/base-progress.js';
+import './shared/radio.js';
+import './shared/es.regexp.to-string.js';
+import './shared/text-field2.js';

package/layout/index.js

@@ -1,53 +1,5 @@
-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 { c as classNames } from '../shared/class-names.js';
+import { r as registerLayout } from '../shared/definition24.js';
+import '../shared/index.js';
+import '../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);
-
-let _ = 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({
-  baseName: 'layout',
-  template: layoutTemplate,
-  styles: css_248z
-});
-designSystem.register(VIVIDLayout());
-
-export { VIVIDLayout };
+registerLayout();

package/lib/accordion/accordion.d.ts

@@ -1,9 +1,5 @@
-import { FoundationElement } from '@microsoft/fast-foundation';
-export declare class Accordion extends FoundationElement {
-    private accordionItems;
-    multi: boolean;
-    constructor();
-    connectedCallback(): void;
-    private handleOpened;
+import { AccordionExpandMode, Accordion as FastAccordion } from '@microsoft/fast-foundation';
+export declare class Accordion extends FastAccordion {
+    expandmode: AccordionExpandMode;
     closeAll(): void;
 }

package/lib/accordion/accordion.template.d.ts

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

package/lib/accordion/definition.d.ts

@@ -0,0 +1 @@
+export declare const registerAccordion: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/accordion/index.d.ts

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

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

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

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

@@ -1,4 +1,4 @@
-import type { ViewTemplate } from '@microsoft/fast-element';
-import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import type { AccordionItem } from './accordion-item';
-export declare const AccordionItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AccordionItem>;
+import { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
+import type { AccordionItem } from './accordion-item.js';
+export declare const AccordionItemTemplate: (context: ElementDefinitionContext) => ViewTemplate<AccordionItem>;

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

@@ -0,0 +1 @@
+export declare const registerAccordionItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

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

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/action-group/definition.d.ts

@@ -0,0 +1 @@
+export declare const registerActionGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

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

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

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;
+    initials?: 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/definition.d.ts

@@ -0,0 +1 @@
+export declare const registerAvatar: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/avatar/index.d.ts

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

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>;
-declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Subtle>;
+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/definition.d.ts

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

package/lib/badge/index.d.ts

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

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/definition.d.ts

@@ -0,0 +1 @@
+export declare const registerBanner: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/banner/index.d.ts

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

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/definition.d.ts

@@ -0,0 +1 @@
+export declare const registerBreadcrumb: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;

package/lib/breadcrumb/index.d.ts

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