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

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

@@ -0,0 +1,11 @@
+import '../popup';
+import { Menu } from './menu';
+export declare const vividMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: any;
+    styles: import("@microsoft/fast-element").ComposableStyles;
+}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: any;
+    styles: import("@microsoft/fast-element").ComposableStyles;
+}, typeof Menu>;

package/lib/menu/menu.d.ts

@@ -0,0 +1,7 @@
+import { Menu as FastMenu } from '@microsoft/fast-foundation';
+import type { Placement } from '@floating-ui/dom';
+export declare class Menu extends FastMenu {
+    open: boolean;
+    placement?: Placement;
+    anchor?: string;
+}

package/lib/menu/menu.template.d.ts

@@ -0,0 +1,3 @@
+import { type ElementViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const MenuTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementViewTemplate;

package/lib/nav/index.d.ts

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

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

package/lib/nav/nav.template.d.ts

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

package/lib/nav-disclosure/index.d.ts

@@ -0,0 +1,4 @@
+import '../icon';
+import '../focus';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividNavDisclosure: (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/nav-disclosure/nav-disclosure.d.ts

@@ -0,0 +1,10 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+import { AffixIcon } from '../../shared/patterns/affix';
+export declare class NavDisclosure extends FoundationElement {
+    #private;
+    details: HTMLDetailsElement;
+    label?: string;
+    open: boolean;
+}
+export interface NavDisclosure extends AffixIcon {
+}

package/lib/nav-disclosure/nav-disclosure.template.d.ts

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

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

@@ -0,0 +1,4 @@
+import '../icon';
+import '../focus';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividNavItem: (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 → nav-item/nav-item.d.ts}

@@ -1,6 +1,6 @@
 import { AffixIcon } from '../../shared/patterns/affix';
 import { TextAnchor } from '../text-anchor/text-anchor';
-export declare class SidenavItem extends TextAnchor {
+export declare class NavItem extends TextAnchor {
 }
-export interface SidenavItem extends AffixIcon {
+export interface NavItem extends AffixIcon {
 }

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

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

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

@@ -1,2 +1,2 @@
 import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const vividText: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+export declare const 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.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
+export declare class Note extends FoundationElement {
+    headline?: 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

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

@@ -1,29 +1,17 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { Placement } from '@floating-ui/dom';
+import type { Placement } from '@floating-ui/dom';
 export declare class Popup extends FoundationElement {
-    private static ARROW_POSITION;
-    private get PADDING();
-    private get DISTANCE();
-    private get STRATEGY();
+    #private;
     popupEl: HTMLElement;
     arrowEl: HTMLElement;
-    private cleanup?;
-    private get middleware();
     open: boolean;
     dismissible: boolean;
     arrow: boolean;
     alternate: boolean;
-    corner?: Placement;
+    placement?: Placement;
     anchor: string;
-    private anchorEl;
     constructor();
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     updatePosition(): Promise<void>;
-    show(): void;
-    hide(): void;
-    handleDismissClick(): void;
-    private assignPopupPosition;
-    private assignArrowPosition;
-    private getAnchorById;
 }

package/lib/progress/progress.d.ts

@@ -1,6 +1,6 @@
 import { BaseProgress } from '@microsoft/fast-foundation';
 import type { Connotation, ConnotationDecorative, Shape } from '../enums';
-export declare type ProgressConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
+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;

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

@@ -1,6 +1,7 @@
 import { BaseProgress } from '@microsoft/fast-foundation';
 import type { Connotation } from '../enums';
-export declare type ProgressRingConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA;
+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/side-drawer/index.d.ts

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

@@ -1,12 +1,7 @@
-import { FoundationElement, FoundationElementDefinition, StartEndOptions } from '@microsoft/fast-foundation';
-export declare type SideDrawerOptions = FoundationElementDefinition & StartEndOptions;
+import { FoundationElement } from '@microsoft/fast-foundation';
 export declare class SideDrawer extends FoundationElement {
     alternate: boolean;
     modal: boolean;
     open: boolean;
-    position?: 'start' | 'end';
-    show(): void;
-    hide(): void;
-    handleScrimClick: () => void;
-    handleKeydown({ key }: KeyboardEvent): void;
+    trailing: boolean;
 }

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

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

package/lib/text-anchor/text-anchor.d.ts

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

package/lib/text-field/index.d.ts

@@ -0,0 +1,4 @@
+import '../icon';
+import '../focus';
+import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const vividTextfield: (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-field/text-field.d.ts

@@ -0,0 +1,16 @@
+import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
+import type { Appearance, Density, Shape } from '../enums';
+import { AffixIcon } from '../../shared/patterns';
+import { FormElement } from '../../shared/patterns/form-elements';
+declare type TextFieldDensity = Extract<Density, Density.Normal | Density.Extended>;
+declare type TextFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
+declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
+export declare class TextField extends FoundationTextfield {
+    density?: TextFieldDensity;
+    appearance?: TextFieldAppearance;
+    shape?: TextFieldShape;
+    autoComplete?: string;
+}
+export interface TextField extends AffixIcon, FormElement {
+}
+export {};

package/lib/text-field/text-field.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 { TextField } from './text-field';
+export declare const TextfieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextField>;

package/lib/tooltip/tooltip.d.ts

@@ -1,10 +1,8 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { Placement } from '@floating-ui/dom';
 export declare class Tooltip extends FoundationElement {
-    text: string;
+    text?: string;
     open: boolean;
-    corner?: Placement;
+    placement?: Placement;
     anchor?: string;
-    show(): void;
-    hide(): void;
 }