@vonage/vivid 2.30.0 → 3.0.0-next.12

package/lib/layout/layout.d.ts

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

package/lib/layout/layout.template.d.ts

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

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.Primary | 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,6 @@
+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 class ProgressRing extends BaseProgress {
+    connotation?: ProgressRingConnotation;
+}

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,8 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+export declare class SideDrawer extends FoundationElement {
+    alternate: boolean;
+    modal: boolean;
+    open: boolean;
+    position?: 'start' | 'end';
+    hasTopBar: HTMLElement[] | undefined;
+}

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

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

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

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

package/lib/sidenav-item/sidenav-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 { SidenavItem } from './sidenav-item';
+export declare const SidenavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SidenavItem>;

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.Primary | 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>;

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

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

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

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

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

package/lib/tooltip/index.d.ts

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

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

package/lib/tooltip/tooltip.template.d.ts

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

package/package.json

@@ -1,323 +1,19 @@
 {
   "name": "@vonage/vivid",
-  "version": "2.30.0",
-  "description": "A bundled version of all Vivid components",
+  "version": "3.0.0-next.12",
+  "type": "module",
+  "module": "./index.esm.js",
   "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+  "exports": {
+    "import": "./index.js"
   },
-  "sideEffects": false,
-  "keywords": [
-    "Vivid",
-    "Components",
-    "All"
-  ],
-  "license": "ISC",
+  "typings": "./index.d.ts",
   "dependencies": {
-    "@vonage/vwc-breadcrumb": "2.30.0",
-    "@vonage/vwc-icon-button-toggle": "2.30.0",
-    "@vonage/vwc-notched-outline": "2.30.0",
-    "@vonage/vwc-scheme-select": "2.30.0",
-    "@vonage/vwc-top-app-bar-fixed": "2.30.0",
-    "@vonage/vwc-audio": "2.30.0",
-    "@vonage/vwc-button-toggle-group": "2.30.0",
-    "@vonage/vwc-card": "2.30.0",
-    "@vonage/vwc-checkbox": "2.30.0",
-    "@vonage/vwc-circular-progress": "2.30.0",
-    "@vonage/vwc-datepicker": "2.30.0",
-    "@vonage/vwc-dialog": "2.30.0",
-    "@vonage/vwc-dropdown": "2.30.0",
-    "@vonage/vwc-elevation": "2.30.0",
-    "@vonage/vwc-fab": "2.30.0",
-    "@vonage/vwc-file-picker": "2.30.0",
-    "@vonage/vwc-formfield": "2.30.0",
-    "@vonage/vwc-helper-message": "2.30.0",
-    "@vonage/vwc-icon-button": "2.30.0",
-    "@vonage/vwc-icon": "2.30.0",
-    "@vonage/vwc-keypad": "2.30.0",
-    "@vonage/vwc-layout": "2.30.0",
-    "@vonage/vwc-linear-progress": "2.30.0",
-    "@vonage/vwc-menu": "2.30.0",
-    "@vonage/vwc-note": "2.30.0",
-    "@vonage/vwc-pagination": "2.30.0",
-    "@vonage/vwc-radio": "2.30.0",
-    "@vonage/vwc-slider": "2.30.0",
-    "@vonage/vwc-snackbar": "2.30.0",
-    "@vonage/vwc-surface": "2.30.0",
-    "@vonage/vwc-switch": "2.30.0",
-    "@vonage/vwc-textarea": "2.30.0",
-    "@vonage/vwc-theme-switch": "2.30.0",
-    "@vonage/vwc-top-app-bar": "2.30.0",
-    "@vonage/vwc-accordion": "2.30.0",
-    "@vonage/vwc-badge": "2.30.0",
-    "@vonage/vwc-drawer": "2.30.0",
-    "@vonage/vwc-empty-state": "2.30.0",
-    "@vonage/vwc-popup": "2.30.0",
-    "@vonage/vwc-select": "2.30.0",
-    "@vonage/vwc-side-drawer": "2.30.0",
-    "@vonage/vwc-tags": "2.30.0",
-    "@vonage/vwc-text": "2.30.0",
-    "@vonage/vwc-tooltip": "2.30.0",
-    "@vonage/vwc-banner": "2.30.0",
-    "@vonage/vwc-breadcrumb-item": "2.30.0",
-    "@vonage/vwc-button": "2.30.0",
-    "@vonage/vwc-expansion-panel": "2.30.0",
-    "@vonage/vwc-media-controller": "2.30.0",
-    "@vonage/vwc-carousel": "2.30.0",
-    "@vonage/vwc-tab-bar": "2.30.0",
-    "@vonage/vwc-data-grid": "2.30.0",
-    "@vonage/vwc-textfield": "2.30.0",
-    "@vonage/vwc-calendar": "2.30.0",
-    "@vonage/vwc-list": "2.30.0",
-    "@vonage/vvd-core": "2.30.0",
-    "@vonage/vvd-context": "2.30.0"
+    "@microsoft/fast-element": "^1.9.0",
+    "@microsoft/fast-foundation": "^2.41.1",
+    "@microsoft/fast-web-utilities": "^5.2.0",
+    "ramda": "^0.27.2",
+    "@floating-ui/dom": "^0.4.0"
   },
-  "com_vonage": {
-    "components": [
-      {
-        "component_name": "vwc-icon-button-toggle",
-        "export_name": "VWCIconButtonToggle"
-      },
-      {
-        "component_name": "vwc-notched-outline",
-        "export_name": "VWCNotchedOutline"
-      },
-      {
-        "component_name": "vwc-scheme-select",
-        "export_name": "VWCSchemeSelect"
-      },
-      {
-        "component_name": "vwc-top-app-bar-fixed",
-        "export_name": "VWCTopAppBarFixed"
-      },
-      {
-        "component_name": "vwc-audio",
-        "export_name": "VWCAudio"
-      },
-      {
-        "component_name": "vwc-button-toggle-group",
-        "export_name": "VWCButtonToggleGroup"
-      },
-      {
-        "component_name": "vwc-card",
-        "export_name": "VWCCard"
-      },
-      {
-        "component_name": "vwc-checkbox",
-        "export_name": "VWCCheckbox"
-      },
-      {
-        "component_name": "vwc-circular-progress",
-        "export_name": "VWCCircularProgress"
-      },
-      {
-        "component_name": "vwc-datepicker",
-        "export_name": "VWCDatepicker"
-      },
-      {
-        "component_name": "vwc-dialog",
-        "export_name": "VWCDialog"
-      },
-      {
-        "component_name": "vwc-dropdown",
-        "export_name": "VWCDropdown"
-      },
-      {
-        "component_name": "vwc-elevation",
-        "export_name": "VWCElevation"
-      },
-      {
-        "component_name": "vwc-fab",
-        "export_name": "VWCFab"
-      },
-      {
-        "component_name": "vwc-file-picker",
-        "export_name": "VWCFilePicker"
-      },
-      {
-        "component_name": "vwc-formfield",
-        "export_name": "VWCFormfield"
-      },
-      {
-        "component_name": "vwc-helper-message",
-        "export_name": "VWCHelperMessage"
-      },
-      {
-        "component_name": "vwc-icon-button",
-        "export_name": "VWCIconButton"
-      },
-      {
-        "component_name": "vwc-icon",
-        "export_name": "VWCIcon"
-      },
-      {
-        "component_name": "vwc-keypad",
-        "export_name": "VWCKeypad"
-      },
-      {
-        "component_name": "vwc-layout",
-        "export_name": "VWCLayout"
-      },
-      {
-        "component_name": "vwc-linear-progress",
-        "export_name": "VWCLinearProgress"
-      },
-      {
-        "component_name": "vwc-menu",
-        "export_name": "VWCMenu"
-      },
-      {
-        "component_name": "vwc-note",
-        "export_name": "VWCNote"
-      },
-      {
-        "component_name": "vwc-pagination",
-        "export_name": "VWCPagination"
-      },
-      {
-        "component_name": "vwc-radio",
-        "export_name": "VWCRadio"
-      },
-      {
-        "component_name": "vwc-slider",
-        "export_name": "VWCSlider"
-      },
-      {
-        "component_name": "vwc-snackbar",
-        "export_name": "VWCSnackbar"
-      },
-      {
-        "component_name": "vwc-surface",
-        "export_name": "VWCSurface"
-      },
-      {
-        "component_name": "vwc-switch",
-        "export_name": "VWCSwitch"
-      },
-      {
-        "component_name": "vwc-textarea",
-        "export_name": "VWCTextarea"
-      },
-      {
-        "component_name": "vwc-theme-switch",
-        "export_name": "VWCThemeSwitch"
-      },
-      {
-        "component_name": "vwc-top-app-bar",
-        "export_name": "VWCTopAppBar"
-      },
-      {
-        "component_name": "vwc-accordion",
-        "export_name": "VWCAccordion"
-      },
-      {
-        "component_name": "vwc-badge",
-        "export_name": "VWCBadge"
-      },
-      {
-        "component_name": "vwc-drawer",
-        "export_name": "VWCDrawer"
-      },
-      {
-        "component_name": "vwc-empty-state",
-        "export_name": "VWCEmptyState"
-      },
-      {
-        "component_name": "vwc-popup",
-        "export_name": "VWCPopup"
-      },
-      {
-        "component_name": "vwc-select",
-        "export_name": "VWCSelect"
-      },
-      {
-        "component_name": "vwc-side-drawer",
-        "export_name": "VWCSideDrawer"
-      },
-      {
-        "component_name": "vwc-tag",
-        "export_name": "VWCTag"
-      },
-      {
-        "component_name": "vwc-text",
-        "export_name": "VWCText"
-      },
-      {
-        "component_name": "vwc-tooltip",
-        "export_name": "VWCTooltip"
-      },
-      {
-        "component_name": "vwc-banner",
-        "export_name": "VWCBanner"
-      },
-      {
-        "component_name": "vwc-button",
-        "export_name": "VWCButton"
-      },
-      {
-        "component_name": "vwc-expansion-panel",
-        "export_name": "VWCExpansionPanel"
-      },
-      {
-        "component_name": "vwc-media-controller",
-        "export_name": "VWCMediaController"
-      },
-      {
-        "component_name": "vwc-scrub-bar",
-        "export_name": "VWCScrubBar"
-      },
-      {
-        "component_name": "vwc-carousel-item",
-        "export_name": "VWCCarouselItem"
-      },
-      {
-        "component_name": "vwc-carousel",
-        "export_name": "VWCCarousel"
-      },
-      {
-        "component_name": "vwc-tab-bar",
-        "export_name": "VWCTabBar"
-      },
-      {
-        "component_name": "vwc-tab",
-        "export_name": "VWCTab"
-      },
-      {
-        "component_name": "vwc-data-grid",
-        "export_name": "VWCDataGrid"
-      },
-      {
-        "component_name": "vwc-textfield",
-        "export_name": "VWCTextfield"
-      },
-      {
-        "component_name": "vwc-calendar-event",
-        "export_name": "VWCCalendarEvent"
-      },
-      {
-        "component_name": "vwc-calendar",
-        "export_name": "VWCCalendar"
-      },
-      {
-        "component_name": "vwc-check-list-item",
-        "export_name": "VWCCheckListItem"
-      },
-      {
-        "component_name": "vwc-list-expansion-panel",
-        "export_name": "VWCListExpansionPanel"
-      },
-      {
-        "component_name": "vwc-list-item",
-        "export_name": "VWCListItem"
-      },
-      {
-        "component_name": "vwc-list",
-        "export_name": "VWCList"
-      },
-      {
-        "component_name": "vwc-radio-list-item",
-        "export_name": "VWCRadioListItem"
-      }
-    ]
-  }
-}
+  "peerDependencies": {}
+}