@vonage/vivid 3.0.0-next.9 → 3.0.0-next.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/README.md +141 -4
  2. package/accordion/index.js +3 -12
  3. package/accordion-item/index.js +30 -38
  4. package/action-group/index.js +41 -0
  5. package/avatar/index.js +60 -0
  6. package/badge/index.js +16 -30
  7. package/banner/index.js +25 -111
  8. package/breadcrumb/index.js +21 -18
  9. package/breadcrumb-item/index.js +23 -20
  10. package/button/index.js +19 -757
  11. package/calendar/index.js +72 -67
  12. package/calendar-event/index.js +112 -0
  13. package/card/index.js +113 -0
  14. package/checkbox/index.js +176 -0
  15. package/dialog/index.js +229 -0
  16. package/divider/index.js +4 -0
  17. package/elevation/index.js +3 -31
  18. package/fab/index.js +99 -0
  19. package/focus/index.js +18 -3
  20. package/header/index.js +61 -0
  21. package/icon/index.js +10 -9
  22. package/index.js +57 -20
  23. package/layout/index.js +5 -15
  24. package/lib/accordion-item/accordion-item.d.ts +2 -2
  25. package/lib/accordion-item/index.d.ts +2 -1
  26. package/lib/action-group/action-group.d.ts +10 -0
  27. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  28. package/lib/{sidenav-item → action-group}/index.d.ts +1 -2
  29. package/lib/avatar/avatar.d.ts +15 -0
  30. package/lib/avatar/avatar.template.d.ts +4 -0
  31. package/lib/avatar/index.d.ts +3 -0
  32. package/lib/badge/badge.d.ts +3 -5
  33. package/lib/badge/index.d.ts +1 -1
  34. package/lib/banner/banner.d.ts +1 -1
  35. package/lib/banner/banner.template.d.ts +0 -2
  36. package/lib/banner/index.d.ts +1 -0
  37. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  38. package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
  39. package/lib/breadcrumb-item/index.d.ts +1 -0
  40. package/lib/button/button.d.ts +6 -5
  41. package/lib/button/index.d.ts +2 -19
  42. package/lib/calendar/calendar.d.ts +3 -1
  43. package/lib/calendar/index.d.ts +0 -1
  44. package/lib/calendar-event/calendar-event.d.ts +14 -0
  45. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  46. package/lib/calendar-event/index.d.ts +2 -0
  47. package/lib/card/card.d.ts +10 -0
  48. package/lib/{text/text.template.d.ts → card/card.template.d.ts} +2 -2
  49. package/lib/card/index.d.ts +4 -0
  50. package/lib/checkbox/checkbox.d.ts +5 -0
  51. package/lib/checkbox/checkbox.template.d.ts +4 -0
  52. package/lib/checkbox/index.d.ts +4 -0
  53. package/lib/components.d.ts +29 -10
  54. package/lib/dialog/dialog.d.ts +20 -0
  55. package/lib/dialog/dialog.template.d.ts +4 -0
  56. package/lib/dialog/index.d.ts +5 -0
  57. package/lib/divider/divider.d.ts +3 -0
  58. package/lib/divider/divider.template.d.ts +4 -0
  59. package/lib/divider/index.d.ts +2 -0
  60. package/lib/elevation/elevation.d.ts +1 -0
  61. package/lib/elevation/index.d.ts +1 -1
  62. package/lib/enums.d.ts +11 -6
  63. package/lib/fab/fab.d.ts +13 -0
  64. package/lib/fab/fab.template.d.ts +4 -0
  65. package/lib/fab/index.d.ts +4 -0
  66. package/lib/focus/index.d.ts +1 -1
  67. package/lib/header/header.d.ts +5 -0
  68. package/lib/header/header.template.d.ts +4 -0
  69. package/lib/header/index.d.ts +3 -0
  70. package/lib/icon/icon.d.ts +4 -3
  71. package/lib/layout/index.d.ts +1 -1
  72. package/lib/layout/layout.d.ts +3 -3
  73. package/lib/listbox-option/index.d.ts +4 -0
  74. package/lib/listbox-option/listbox-option.d.ts +7 -0
  75. package/lib/listbox-option/listbox-option.template.d.ts +4 -0
  76. package/lib/menu/index.d.ts +12 -0
  77. package/lib/menu/menu.d.ts +10 -0
  78. package/lib/menu/menu.template.d.ts +3 -0
  79. package/lib/menu-item/index.d.ts +3 -0
  80. package/lib/menu-item/menu-item.d.ts +7 -0
  81. package/lib/menu-item/menu-item.template.d.ts +5 -0
  82. package/lib/nav/index.d.ts +2 -0
  83. package/lib/nav/nav.d.ts +3 -0
  84. package/lib/nav/nav.template.d.ts +4 -0
  85. package/lib/nav-disclosure/index.d.ts +4 -0
  86. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  87. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  88. package/lib/nav-item/index.d.ts +4 -0
  89. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  90. package/lib/nav-item/nav-item.template.d.ts +4 -0
  91. package/lib/{text → note}/index.d.ts +1 -1
  92. package/lib/note/note.d.ts +10 -0
  93. package/lib/note/note.template.d.ts +5 -0
  94. package/lib/number-field/index.d.ts +4 -0
  95. package/lib/number-field/number-field.d.ts +14 -0
  96. package/lib/number-field/number-field.template.d.ts +4 -0
  97. package/lib/popup/index.d.ts +1 -1
  98. package/lib/popup/popup.d.ts +2 -1
  99. package/lib/progress/progress.d.ts +1 -1
  100. package/lib/progress-ring/progress-ring.d.ts +2 -1
  101. package/lib/radio/index.d.ts +3 -0
  102. package/lib/radio/radio.d.ts +4 -0
  103. package/lib/radio/radio.template.d.ts +4 -0
  104. package/lib/radio-group/index.d.ts +10 -0
  105. package/lib/radio-group/radio-group.d.ts +4 -0
  106. package/lib/radio-group/radio-group.template.d.ts +4 -0
  107. package/lib/side-drawer/index.d.ts +1 -1
  108. package/lib/side-drawer/side-drawer.d.ts +3 -2
  109. package/lib/text-anchor/text-anchor.d.ts +1 -1
  110. package/lib/text-area/index.d.ts +4 -0
  111. package/lib/text-area/text-area.d.ts +9 -0
  112. package/lib/text-area/text-area.template.d.ts +4 -0
  113. package/lib/text-field/index.d.ts +4 -0
  114. package/lib/text-field/text-field.d.ts +14 -0
  115. package/lib/text-field/text-field.template.d.ts +5 -0
  116. package/lib/tooltip/tooltip.d.ts +2 -2
  117. package/listbox-option/index.js +248 -0
  118. package/menu/index.js +376 -0
  119. package/menu-item/index.js +20 -0
  120. package/nav/index.js +17 -0
  121. package/nav-disclosure/index.js +81 -0
  122. package/nav-item/index.js +45 -0
  123. package/note/index.js +58 -0
  124. package/number-field/index.js +516 -0
  125. package/package.json +58 -10
  126. package/popup/index.js +22 -2061
  127. package/progress/index.js +35 -36
  128. package/progress-ring/index.js +11 -11
  129. package/radio/index.js +50 -0
  130. package/radio-group/index.js +435 -0
  131. package/shared/affix.js +1 -6
  132. package/shared/anchor.js +10 -2
  133. package/shared/apply-mixins.js +5 -4
  134. package/shared/aria-global.js +2 -86
  135. package/shared/aria.js +9 -0
  136. package/shared/base-progress.js +5 -0
  137. package/shared/breadcrumb-item.js +1 -1
  138. package/shared/button.js +200 -0
  139. package/shared/calendar-event.js +19 -0
  140. package/shared/dialog-polyfill.esm.js +858 -0
  141. package/shared/direction.js +20 -0
  142. package/shared/enums.js +62 -0
  143. package/shared/es.object.assign.js +3 -2
  144. package/shared/export.js +1017 -0
  145. package/shared/focus.js +5 -0
  146. package/shared/focus2.js +11 -0
  147. package/shared/form-associated.js +466 -0
  148. package/shared/form-elements.js +331 -0
  149. package/shared/icon.js +534 -531
  150. package/shared/index.js +108 -79
  151. package/shared/index2.js +100 -14
  152. package/shared/index3.js +31 -0
  153. package/shared/index4.js +77 -0
  154. package/shared/index5.js +1525 -0
  155. package/shared/index6.js +349 -0
  156. package/shared/iterators.js +61 -0
  157. package/shared/key-codes.js +96 -0
  158. package/shared/object-keys.js +13 -0
  159. package/shared/patterns/focus.d.ts +3 -0
  160. package/shared/patterns/form-elements/form-elements.d.ts +28 -0
  161. package/shared/patterns/form-elements/index.d.ts +1 -0
  162. package/shared/patterns/index.d.ts +2 -0
  163. package/shared/radio.js +127 -0
  164. package/shared/ref.js +41 -0
  165. package/shared/slotted.js +1 -1
  166. package/shared/start-end.js +50 -0
  167. package/shared/text-anchor.js +2 -13
  168. package/shared/text-anchor.template.js +6 -5
  169. package/shared/to-string.js +51 -0
  170. package/shared/web.dom-collections.iterator.js +74 -1081
  171. package/side-drawer/index.js +41 -33
  172. package/styles/core/all.css +75 -0
  173. package/styles/core/theme.css +11 -0
  174. package/styles/core/typography.css +69 -0
  175. package/styles/fonts/SpeziaCompleteVariableItalicWeb.woff2 +0 -0
  176. package/styles/fonts/SpeziaCompleteVariableUprightWeb.woff2 +0 -0
  177. package/styles/fonts/SpeziaMonoCompleteVariableWeb.woff2 +0 -0
  178. package/styles/fonts/spezia.css +9 -12
  179. package/styles/tokens/theme-dark.css +230 -0
  180. package/styles/tokens/theme-light.css +230 -0
  181. package/text-anchor/index.js +9 -1
  182. package/text-area/index.js +288 -0
  183. package/text-field/index.js +129 -0
  184. package/tooltip/index.js +23 -24
  185. package/lib/text/text.d.ts +0 -10
  186. package/shared/style-inject.es.js +0 -28
  187. package/sidenav-item/index.js +0 -38
  188. package/styles/themes/dark.css +0 -205
  189. package/styles/themes/light.css +0 -205
  190. package/text/index.js +0 -45
package/lib/enums.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export declare enum Connotation {
2
- Primary = "primary",
2
+ Accent = "accent",
3
3
  CTA = "cta",
4
4
  Success = "success",
5
5
  Alert = "alert",
6
6
  Warning = "warning",
7
- Info = "info",
7
+ Information = "information",
8
8
  Announcement = "announcement"
9
9
  }
10
10
  export declare enum ConnotationDecorative {
@@ -17,17 +17,22 @@ export declare enum Shape {
17
17
  Sharp = "sharp"
18
18
  }
19
19
  export declare enum Appearance {
20
- Text = "text",
21
20
  Filled = "filled",
22
21
  Outlined = "outlined",
23
22
  Duotone = "duotone",
23
+ Fieldset = "fieldset",
24
24
  Subtle = "subtle",
25
25
  Ghost = "ghost"
26
26
  }
27
+ export declare enum Density {
28
+ Condensed = "condensed",
29
+ Normal = "normal",
30
+ Extended = "extended"
31
+ }
27
32
  export declare enum Size {
28
- BaseSmall = "base-small",
29
- Base = "base",
30
- BaseLarge = "base-large"
33
+ Small = "small",
34
+ Medium = "medium",
35
+ Large = "large"
31
36
  }
32
37
  export declare enum Position {
33
38
  Top = "TOP",
@@ -0,0 +1,13 @@
1
+ import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
+ import type { Connotation, Density } from '../enums.js';
3
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
+ export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
5
+ declare type FABDensity = Extract<Density, Density.Normal | Density.Extended>;
6
+ export declare class Fab extends FoundationButton {
7
+ connotation?: FabConnotation;
8
+ density?: FABDensity;
9
+ label?: string;
10
+ }
11
+ export interface Fab extends AffixIconWithTrailing {
12
+ }
13
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Fab } from './fab';
4
+ export declare const FabTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Fab>;
@@ -0,0 +1,4 @@
1
+ import '../icon';
2
+ import '../focus';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ 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>>;
@@ -1,2 +1,2 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- 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>>;
2
+ 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>>;
@@ -0,0 +1,5 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare class Header extends FoundationElement {
3
+ elevationShadow: boolean;
4
+ alternate: boolean;
5
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Header } from './header';
4
+ export declare const headerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Header>;
@@ -0,0 +1,3 @@
1
+ import '../elevation';
2
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ 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>>;
@@ -1,10 +1,11 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Connotation, Size } from '../enums';
3
- declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
3
+ declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
4
+ declare type IconSize = Extract<Size, Size.Small | Size.Medium | Size.Large>;
4
5
  export declare class Icon extends FoundationElement {
5
6
  connotation?: IconConnotation;
6
- size?: Size;
7
- svg: string;
7
+ size?: IconSize;
8
+ svg?: string;
8
9
  type?: string;
9
10
  typeChanged(): Promise<void>;
10
11
  }
@@ -1,2 +1,2 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- 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>>;
2
+ 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>>;
@@ -4,9 +4,9 @@ export declare enum AUTO_SIZING {
4
4
  Fit = "fit",
5
5
  Fill = "fill"
6
6
  }
7
- declare type Gutters = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
8
- declare type ColumnSpacing = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
9
- declare type ColumnBasis = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge> | 'block';
7
+ declare type Gutters = Extract<Size, Size.Small | Size.Medium | Size.Large>;
8
+ declare type ColumnSpacing = Extract<Size, Size.Small | Size.Medium | Size.Large>;
9
+ declare type ColumnBasis = Extract<Size, Size.Small | Size.Medium | Size.Large> | 'block';
10
10
  export declare class Layout extends FoundationElement {
11
11
  gutters?: Gutters;
12
12
  columnBasis?: ColumnBasis;
@@ -0,0 +1,4 @@
1
+ import '../icon';
2
+ import '../focus';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ export declare const vividListboxOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -0,0 +1,7 @@
1
+ import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
2
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
+ export declare class ListboxOption extends FoundationListboxOption {
4
+ optionText?: string;
5
+ }
6
+ export interface ListboxOption extends AffixIconWithTrailing {
7
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { ListboxOption } from './listbox-option';
4
+ export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;
@@ -0,0 +1,12 @@
1
+ import '../popup';
2
+ import '../menu-item';
3
+ import { Menu } from './menu';
4
+ export declare const vividMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
5
+ baseName: string;
6
+ template: any;
7
+ styles: import("@microsoft/fast-element").ComposableStyles;
8
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
9
+ baseName: string;
10
+ template: any;
11
+ styles: import("@microsoft/fast-element").ComposableStyles;
12
+ }, typeof Menu>;
@@ -0,0 +1,10 @@
1
+ import { Menu as FastMenu } from '@microsoft/fast-foundation';
2
+ import type { Placement } from '@floating-ui/dom';
3
+ import type { Popup } from '../popup/popup';
4
+ export declare class Menu extends FastMenu {
5
+ _popup?: Popup;
6
+ open?: boolean | undefined;
7
+ placement?: Placement;
8
+ anchor?: string;
9
+ popupOpenChanged: () => void;
10
+ }
@@ -0,0 +1,3 @@
1
+ import { type ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ export declare const MenuTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementViewTemplate;
@@ -0,0 +1,3 @@
1
+ import '../icon';
2
+ import type { MenuItemOptions } from '@microsoft/fast-foundation';
3
+ export declare const vividMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -0,0 +1,7 @@
1
+ import { MenuItem as FastMenuItem } from '@microsoft/fast-foundation';
2
+ import { AffixIcon } from '../../shared/patterns/affix';
3
+ export declare class MenuItem extends FastMenuItem {
4
+ text?: string;
5
+ }
6
+ export interface MenuItem extends AffixIcon {
7
+ }
@@ -0,0 +1,5 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { MenuItemOptions } from '@microsoft/fast-foundation';
4
+ import type { MenuItem } from './menu-item';
5
+ export declare const MenuItemTemplate: (context: ElementDefinitionContext, definition: MenuItemOptions) => ViewTemplate<MenuItem>;
@@ -0,0 +1,2 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ 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>>;
@@ -0,0 +1,3 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare class Nav extends FoundationElement {
3
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Nav } from './nav';
4
+ export declare const NavTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Nav>;
@@ -0,0 +1,4 @@
1
+ import '../icon';
2
+ import '../focus';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ 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>>;
@@ -0,0 +1,10 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import { AffixIcon } from '../../shared/patterns/affix';
3
+ export declare class NavDisclosure extends FoundationElement {
4
+ #private;
5
+ details: HTMLDetailsElement;
6
+ label?: string;
7
+ open: boolean;
8
+ }
9
+ export interface NavDisclosure extends AffixIcon {
10
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { NavDisclosure } from './nav-disclosure';
4
+ export declare const NavDisclosureTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavDisclosure>;
@@ -0,0 +1,4 @@
1
+ import '../icon';
2
+ import '../focus';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ 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>>;
@@ -1,6 +1,6 @@
1
1
  import { AffixIcon } from '../../shared/patterns/affix';
2
2
  import { TextAnchor } from '../text-anchor/text-anchor';
3
- export declare class SidenavItem extends TextAnchor {
3
+ export declare class NavItem extends TextAnchor {
4
4
  }
5
- export interface SidenavItem extends AffixIcon {
5
+ export interface NavItem extends AffixIcon {
6
6
  }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { NavItem } from './nav-item';
4
+ export declare const NavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavItem>;
@@ -1,2 +1,2 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- 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>>;
2
+ 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>>;
@@ -0,0 +1,10 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ import type { Connotation } from '../enums';
3
+ import { AffixIcon } from '../../shared/patterns';
4
+ export declare type NoteConnotation = Connotation.Information | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
5
+ export declare class Note extends FoundationElement {
6
+ headline?: string;
7
+ connotation?: NoteConnotation;
8
+ }
9
+ export interface Note extends AffixIcon {
10
+ }
@@ -0,0 +1,5 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import '../icon/index';
4
+ import type { Note } from './note';
5
+ export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
@@ -0,0 +1,4 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ import '../button';
3
+ import '../divider';
4
+ export declare const vividNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -0,0 +1,14 @@
1
+ import { NumberField as FastNumberField } from '@microsoft/fast-foundation';
2
+ import type { Appearance, Shape } from '../enums';
3
+ import { FormElement } from '../../shared/patterns';
4
+ import { AffixIcon } from '../../shared/patterns';
5
+ declare type NumberFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ declare type NumberFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare class NumberField extends FastNumberField {
8
+ appearance?: NumberFieldAppearance;
9
+ shape?: NumberFieldShape;
10
+ autoComplete?: string;
11
+ }
12
+ export interface NumberField extends AffixIcon, FormElement {
13
+ }
14
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { NumberField } from './number-field';
4
+ export declare const NumberFieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NumberField>;
@@ -1,4 +1,4 @@
1
1
  import '../elevation';
2
2
  import '../button';
3
3
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
- 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>>;
4
+ 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>>;
@@ -5,10 +5,11 @@ export declare class Popup extends FoundationElement {
5
5
  popupEl: HTMLElement;
6
6
  arrowEl: HTMLElement;
7
7
  open: boolean;
8
+ openChanged(_: boolean, newValue: boolean): void;
8
9
  dismissible: boolean;
9
10
  arrow: boolean;
10
11
  alternate: boolean;
11
- corner?: Placement;
12
+ placement?: Placement;
12
13
  anchor: string;
13
14
  constructor();
14
15
  disconnectedCallback(): void;
@@ -1,6 +1,6 @@
1
1
  import { BaseProgress } from '@microsoft/fast-foundation';
2
2
  import type { Connotation, ConnotationDecorative, Shape } from '../enums';
3
- export declare type ProgressConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
3
+ export declare type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
4
4
  export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
5
5
  export declare class Progress extends BaseProgress {
6
6
  shape?: ProgressShape;
@@ -1,6 +1,7 @@
1
1
  import { BaseProgress } from '@microsoft/fast-foundation';
2
2
  import type { Connotation } from '../enums';
3
- export declare type ProgressRingConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA;
3
+ export declare type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
4
4
  export declare class ProgressRing extends BaseProgress {
5
5
  connotation?: ProgressRingConnotation;
6
+ density?: -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3;
6
7
  }
@@ -0,0 +1,3 @@
1
+ import '../focus';
2
+ import type { RadioOptions } from '@microsoft/fast-foundation';
3
+ export declare const vividRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -0,0 +1,4 @@
1
+ import { Radio as FastRadio } from '@microsoft/fast-foundation';
2
+ export declare class Radio extends FastRadio {
3
+ label?: string;
4
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { Radio } from './radio';
4
+ export declare const RadioTemplate: (context: ElementDefinitionContext) => ViewTemplate<Radio>;
@@ -0,0 +1,10 @@
1
+ import { RadioGroup } from './radio-group';
2
+ export declare const vividRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
3
+ baseName: string;
4
+ template: any;
5
+ styles: import("@microsoft/fast-element").ComposableStyles;
6
+ }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
7
+ baseName: string;
8
+ template: any;
9
+ styles: import("@microsoft/fast-element").ComposableStyles;
10
+ }, typeof RadioGroup>;
@@ -0,0 +1,4 @@
1
+ import { RadioGroup as FastRadioGroup } from '@microsoft/fast-foundation';
2
+ export declare class RadioGroup extends FastRadioGroup {
3
+ label?: string;
4
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { RadioGroup } from './radio-group';
4
+ export declare const RadioGroupTemplate: (context: ElementDefinitionContext) => ViewTemplate<RadioGroup>;
@@ -1,2 +1,2 @@
1
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- 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>>;
2
+ 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>>;
@@ -1,8 +1,9 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  export declare class SideDrawer extends FoundationElement {
3
+ #private;
3
4
  alternate: boolean;
4
5
  modal: boolean;
5
6
  open: boolean;
6
- position?: 'start' | 'end';
7
- hasTopBar: HTMLElement[] | undefined;
7
+ trailing: boolean;
8
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
8
9
  }
@@ -1,7 +1,7 @@
1
1
  import { Anchor } from '@microsoft/fast-foundation';
2
2
  import { AffixIcon } from '../../shared/patterns/affix';
3
3
  export declare class TextAnchor extends Anchor {
4
- text: string;
4
+ text?: string;
5
5
  }
6
6
  export interface TextAnchor extends AffixIcon {
7
7
  }
@@ -0,0 +1,4 @@
1
+ import '../focus';
2
+ import '../icon';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ export declare const vividTextArea: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -0,0 +1,9 @@
1
+ import { TextArea as FoundationElement } from '@microsoft/fast-foundation';
2
+ import { FormElement } from '../../shared/patterns';
3
+ declare type TextAreaWrap = 'hard' | 'soft' | 'off';
4
+ export declare class TextArea extends FoundationElement {
5
+ wrap?: TextAreaWrap;
6
+ }
7
+ export interface TextArea extends FormElement {
8
+ }
9
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { TextArea } from './text-area';
4
+ export declare const TextAreaTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextArea>;
@@ -0,0 +1,4 @@
1
+ import '../icon';
2
+ import '../focus';
3
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
+ 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>>;
@@ -0,0 +1,14 @@
1
+ import { TextField as FoundationTextfield } from '@microsoft/fast-foundation';
2
+ import type { Appearance, Shape } from '../enums';
3
+ import { AffixIcon } from '../../shared/patterns';
4
+ import { FormElement } from '../../shared/patterns';
5
+ declare type TextFieldAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
6
+ declare type TextFieldShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
+ export declare class TextField extends FoundationTextfield {
8
+ appearance?: TextFieldAppearance;
9
+ shape?: TextFieldShape;
10
+ autoComplete?: string;
11
+ }
12
+ export interface TextField extends AffixIcon, FormElement {
13
+ }
14
+ export {};
@@ -0,0 +1,5 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import '../icon/index';
4
+ import type { TextField } from './text-field';
5
+ export declare const TextfieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<TextField>;
@@ -1,8 +1,8 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  import type { Placement } from '@floating-ui/dom';
3
3
  export declare class Tooltip extends FoundationElement {
4
- text: string;
4
+ text?: string;
5
5
  open: boolean;
6
- corner?: Placement;
6
+ placement?: Placement;
7
7
  anchor?: string;
8
8
  }