@vonage/vivid 3.0.0-next.13 → 3.0.0-next.130

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 (296) hide show
  1. package/README.md +160 -33
  2. package/accordion/index.js +4 -60
  3. package/accordion-item/index.js +14 -118
  4. package/action-group/index.js +5 -0
  5. package/avatar/index.js +11 -0
  6. package/badge/index.js +9 -53
  7. package/banner/index.js +20 -218
  8. package/breadcrumb/index.js +7 -96
  9. package/breadcrumb-item/index.js +15 -46
  10. package/button/index.js +19 -763
  11. package/calendar/index.js +5 -1520
  12. package/calendar-event/index.js +9 -0
  13. package/card/index.js +10 -133
  14. package/checkbox/index.js +16 -0
  15. package/combobox/index.js +33 -0
  16. package/custom-elements.json +5570 -0
  17. package/dialog/index.js +24 -0
  18. package/divider/index.js +6 -0
  19. package/elevation/index.js +4 -30
  20. package/fab/index.js +22 -0
  21. package/focus/index.js +4 -2
  22. package/header/index.js +6 -0
  23. package/icon/index.js +8 -36
  24. package/index.js +70 -26
  25. package/layout/index.js +4 -52
  26. package/lib/accordion/definition.d.ts +1 -0
  27. package/lib/accordion/index.d.ts +1 -2
  28. package/lib/accordion-item/definition.d.ts +1 -0
  29. package/lib/accordion-item/index.d.ts +1 -3
  30. package/lib/action-group/action-group.d.ts +10 -0
  31. package/lib/{sidenav-item/sidenav-item.template.d.ts → action-group/action-group.template.d.ts} +2 -2
  32. package/lib/action-group/definition.d.ts +1 -0
  33. package/lib/action-group/index.d.ts +1 -0
  34. package/lib/avatar/avatar.d.ts +15 -0
  35. package/lib/avatar/avatar.template.d.ts +4 -0
  36. package/lib/avatar/definition.d.ts +1 -0
  37. package/lib/avatar/index.d.ts +1 -0
  38. package/lib/badge/badge.d.ts +2 -4
  39. package/lib/badge/definition.d.ts +3 -0
  40. package/lib/badge/index.d.ts +1 -3
  41. package/lib/banner/banner.d.ts +1 -1
  42. package/lib/banner/banner.template.d.ts +0 -2
  43. package/lib/banner/definition.d.ts +1 -0
  44. package/lib/banner/index.d.ts +1 -2
  45. package/lib/breadcrumb/breadcrumb.template.d.ts +4 -0
  46. package/lib/breadcrumb/definition.d.ts +1 -0
  47. package/lib/breadcrumb/index.d.ts +1 -2
  48. package/lib/breadcrumb-item/definition.d.ts +1 -0
  49. package/lib/breadcrumb-item/index.d.ts +1 -3
  50. package/lib/button/button.d.ts +3 -3
  51. package/lib/button/definition.d.ts +1 -0
  52. package/lib/button/index.d.ts +1 -21
  53. package/lib/calendar/calendar.d.ts +3 -1
  54. package/lib/calendar/definition.d.ts +1 -0
  55. package/lib/calendar/index.d.ts +1 -3
  56. package/lib/calendar-event/calendar-event.d.ts +14 -0
  57. package/lib/calendar-event/calendar-event.template.d.ts +4 -0
  58. package/lib/calendar-event/definition.d.ts +1 -0
  59. package/lib/calendar-event/index.d.ts +1 -0
  60. package/lib/card/card.d.ts +2 -2
  61. package/lib/card/definition.d.ts +1 -0
  62. package/lib/card/index.d.ts +1 -5
  63. package/lib/checkbox/checkbox.d.ts +5 -0
  64. package/lib/checkbox/checkbox.template.d.ts +4 -0
  65. package/lib/checkbox/definition.d.ts +1 -0
  66. package/lib/checkbox/index.d.ts +1 -0
  67. package/lib/combobox/combobox.d.ts +14 -0
  68. package/lib/combobox/combobox.template.d.ts +4 -0
  69. package/lib/combobox/definition.d.ts +3 -0
  70. package/lib/combobox/index.d.ts +1 -0
  71. package/lib/components.d.ts +40 -16
  72. package/lib/dialog/definition.d.ts +1 -0
  73. package/lib/dialog/dialog.d.ts +23 -0
  74. package/lib/dialog/dialog.template.d.ts +4 -0
  75. package/lib/dialog/index.d.ts +1 -0
  76. package/lib/divider/definition.d.ts +1 -0
  77. package/lib/divider/divider.d.ts +3 -0
  78. package/lib/divider/divider.template.d.ts +4 -0
  79. package/lib/divider/index.d.ts +1 -0
  80. package/lib/elevation/definition.d.ts +1 -0
  81. package/lib/elevation/elevation.d.ts +1 -0
  82. package/lib/elevation/index.d.ts +1 -2
  83. package/lib/enums.d.ts +14 -6
  84. package/lib/fab/definition.d.ts +3 -0
  85. package/lib/fab/fab.d.ts +13 -0
  86. package/lib/fab/fab.template.d.ts +4 -0
  87. package/lib/fab/index.d.ts +1 -0
  88. package/lib/focus/definition.d.ts +3 -0
  89. package/lib/focus/index.d.ts +1 -2
  90. package/lib/{sidenav-item/index.d.ts → header/definition.d.ts} +2 -2
  91. package/lib/header/header.d.ts +5 -0
  92. package/lib/header/header.template.d.ts +4 -0
  93. package/lib/header/index.d.ts +1 -0
  94. package/lib/icon/definition.d.ts +3 -0
  95. package/lib/icon/icon.d.ts +5 -7
  96. package/lib/icon/index.d.ts +1 -2
  97. package/lib/layout/definition.d.ts +3 -0
  98. package/lib/layout/index.d.ts +1 -2
  99. package/lib/layout/layout.d.ts +4 -4
  100. package/lib/listbox/definition.d.ts +3 -0
  101. package/lib/listbox/index.d.ts +1 -0
  102. package/lib/listbox/listbox.d.ts +6 -0
  103. package/lib/listbox/listbox.template.d.ts +4 -0
  104. package/lib/menu/definition.d.ts +11 -0
  105. package/lib/menu/index.d.ts +1 -0
  106. package/lib/menu/menu.d.ts +10 -0
  107. package/lib/menu/menu.template.d.ts +3 -0
  108. package/lib/menu-item/definition.d.ts +3 -0
  109. package/lib/menu-item/index.d.ts +1 -0
  110. package/lib/menu-item/menu-item.d.ts +7 -0
  111. package/lib/menu-item/menu-item.template.d.ts +5 -0
  112. package/lib/nav/definition.d.ts +3 -0
  113. package/lib/nav/index.d.ts +1 -0
  114. package/lib/nav/nav.d.ts +3 -0
  115. package/lib/nav/nav.template.d.ts +4 -0
  116. package/lib/nav-disclosure/definition.d.ts +3 -0
  117. package/lib/nav-disclosure/index.d.ts +1 -0
  118. package/lib/nav-disclosure/nav-disclosure.d.ts +10 -0
  119. package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -0
  120. package/lib/nav-item/definition.d.ts +3 -0
  121. package/lib/nav-item/index.d.ts +1 -0
  122. package/lib/{sidenav-item/sidenav-item.d.ts → nav-item/nav-item.d.ts} +2 -2
  123. package/lib/nav-item/nav-item.template.d.ts +4 -0
  124. package/lib/note/definition.d.ts +3 -0
  125. package/lib/note/index.d.ts +1 -0
  126. package/lib/note/note.d.ts +10 -0
  127. package/lib/{text/text.template.d.ts → note/note.template.d.ts} +2 -2
  128. package/lib/number-field/definition.d.ts +4 -0
  129. package/lib/number-field/index.d.ts +1 -0
  130. package/lib/number-field/number-field.d.ts +14 -0
  131. package/lib/number-field/number-field.template.d.ts +4 -0
  132. package/lib/option/definition.d.ts +3 -0
  133. package/lib/option/index.d.ts +1 -0
  134. package/lib/option/option.d.ts +9 -0
  135. package/lib/option/option.template.d.ts +4 -0
  136. package/lib/popup/definition.d.ts +4 -0
  137. package/lib/popup/index.d.ts +1 -4
  138. package/lib/popup/popup.d.ts +8 -4
  139. package/lib/progress/definition.d.ts +3 -0
  140. package/lib/progress/index.d.ts +1 -2
  141. package/lib/progress/progress.d.ts +1 -1
  142. package/lib/progress-ring/definition.d.ts +3 -0
  143. package/lib/progress-ring/index.d.ts +1 -2
  144. package/lib/progress-ring/progress-ring.d.ts +2 -1
  145. package/lib/radio/definition.d.ts +3 -0
  146. package/lib/radio/index.d.ts +1 -0
  147. package/lib/radio/radio.d.ts +4 -0
  148. package/lib/radio/radio.template.d.ts +4 -0
  149. package/lib/radio-group/definition.d.ts +11 -0
  150. package/lib/radio-group/index.d.ts +1 -0
  151. package/lib/radio-group/radio-group.d.ts +4 -0
  152. package/lib/radio-group/radio-group.template.d.ts +4 -0
  153. package/lib/side-drawer/definition.d.ts +3 -0
  154. package/lib/side-drawer/index.d.ts +1 -2
  155. package/lib/side-drawer/side-drawer.d.ts +3 -2
  156. package/lib/slider/definition.d.ts +3 -0
  157. package/lib/slider/index.d.ts +1 -0
  158. package/lib/slider/slider.d.ts +4 -0
  159. package/lib/slider/slider.template.d.ts +4 -0
  160. package/lib/switch/definition.d.ts +3 -0
  161. package/lib/switch/index.d.ts +1 -0
  162. package/lib/switch/switch.d.ts +7 -0
  163. package/lib/switch/switch.template.d.ts +4 -0
  164. package/lib/text-anchor/definition.d.ts +3 -0
  165. package/lib/text-anchor/index.d.ts +1 -2
  166. package/lib/text-area/definition.d.ts +3 -0
  167. package/lib/text-area/index.d.ts +1 -0
  168. package/lib/text-area/text-area.d.ts +9 -0
  169. package/lib/text-area/text-area.template.d.ts +4 -0
  170. package/lib/text-field/definition.d.ts +3 -0
  171. package/lib/text-field/index.d.ts +1 -0
  172. package/lib/text-field/text-field.d.ts +14 -0
  173. package/lib/text-field/text-field.template.d.ts +4 -0
  174. package/lib/tooltip/definition.d.ts +3 -0
  175. package/lib/tooltip/index.d.ts +1 -3
  176. package/lib/tooltip/tooltip.d.ts +6 -6
  177. package/listbox/index.js +25 -0
  178. package/menu/index.js +30 -0
  179. package/menu-item/index.js +20 -0
  180. package/nav/index.js +4 -0
  181. package/nav-disclosure/index.js +17 -0
  182. package/nav-item/index.js +22 -0
  183. package/note/index.js +15 -0
  184. package/number-field/index.js +459 -0
  185. package/option/index.js +20 -0
  186. package/package.json +22 -11
  187. package/popup/index.js +21 -2062
  188. package/progress/index.js +6 -98
  189. package/progress-ring/index.js +6 -75
  190. package/radio/index.js +12 -0
  191. package/radio-group/index.js +11 -0
  192. package/shared/affix.js +2 -8
  193. package/shared/anchor.js +11 -3
  194. package/shared/apply-mixins.js +5 -4
  195. package/shared/aria-global.js +2 -86
  196. package/shared/aria.js +9 -0
  197. package/shared/base-progress.js +6 -1
  198. package/shared/breadcrumb-item.js +2 -2
  199. package/shared/button.js +200 -0
  200. package/shared/calendar-event.js +19 -0
  201. package/shared/definition.js +53 -0
  202. package/shared/definition10.js +99 -0
  203. package/shared/definition11.js +48 -0
  204. package/shared/definition12.js +1523 -0
  205. package/shared/definition13.js +111 -0
  206. package/shared/definition14.js +114 -0
  207. package/shared/definition15.js +32 -0
  208. package/shared/definition16.js +172 -0
  209. package/shared/definition17.js +734 -0
  210. package/shared/definition18.js +1644 -0
  211. package/shared/definition19.js +261 -0
  212. package/shared/definition2.js +106 -0
  213. package/shared/definition20.js +223 -0
  214. package/shared/definition21.js +78 -0
  215. package/shared/definition22.js +87 -0
  216. package/shared/definition23.js +58 -0
  217. package/shared/definition24.js +44 -0
  218. package/shared/definition25.js +58 -0
  219. package/shared/definition26.js +348 -0
  220. package/shared/definition27.js +351 -0
  221. package/shared/definition28.js +21 -0
  222. package/shared/definition29.js +75 -0
  223. package/shared/definition3.js +29 -0
  224. package/shared/definition30.js +31 -0
  225. package/shared/definition31.js +56 -0
  226. package/shared/definition32.js +94 -0
  227. package/shared/definition33.js +77 -0
  228. package/shared/definition34.js +45 -0
  229. package/shared/definition35.js +435 -0
  230. package/shared/definition36.js +86 -0
  231. package/shared/definition37.js +592 -0
  232. package/shared/definition38.js +147 -0
  233. package/shared/definition39.js +280 -0
  234. package/shared/definition4.js +19 -0
  235. package/shared/definition40.js +119 -0
  236. package/shared/definition41.js +77 -0
  237. package/shared/definition5.js +38 -0
  238. package/shared/definition6.js +60 -0
  239. package/shared/definition7.js +45 -0
  240. package/shared/definition8.js +113 -0
  241. package/shared/definition9.js +107 -0
  242. package/shared/design-system/index.d.ts +1 -1
  243. package/shared/dialog-polyfill.esm.js +858 -0
  244. package/shared/direction.js +20 -0
  245. package/shared/dom.js +8 -0
  246. package/shared/enums.js +70 -0
  247. package/shared/es.object.assign.js +2 -3
  248. package/shared/es.regexp.to-string.js +59 -0
  249. package/shared/focus.js +5 -0
  250. package/shared/focus2.js +11 -0
  251. package/shared/form-associated.js +466 -0
  252. package/shared/form-elements.js +121 -0
  253. package/shared/icon.js +538 -567
  254. package/shared/index.js +1664 -83
  255. package/shared/key-codes.js +97 -0
  256. package/shared/listbox.js +1002 -0
  257. package/shared/numbers.js +25 -0
  258. package/shared/patterns/affix.d.ts +1 -1
  259. package/shared/patterns/focus.d.ts +3 -0
  260. package/shared/patterns/form-elements/form-elements.d.ts +31 -0
  261. package/shared/patterns/form-elements/index.d.ts +1 -0
  262. package/shared/patterns/index.d.ts +2 -0
  263. package/shared/radio.js +127 -0
  264. package/shared/ref.js +41 -0
  265. package/shared/slotted.js +1 -1
  266. package/shared/start-end.js +50 -0
  267. package/shared/string-trim.js +40 -0
  268. package/shared/text-anchor.js +0 -2
  269. package/shared/text-anchor.template.js +6 -5
  270. package/shared/text-field.js +3 -0
  271. package/shared/text-field2.js +225 -0
  272. package/shared/to-string.js +51 -0
  273. package/side-drawer/index.js +5 -81
  274. package/slider/index.js +17 -0
  275. package/styles/core/all.css +83 -0
  276. package/styles/core/theme.css +11 -0
  277. package/styles/core/typography.css +77 -0
  278. package/styles/tokens/theme-dark.css +228 -0
  279. package/styles/tokens/theme-light.css +228 -0
  280. package/switch/index.js +17 -0
  281. package/text-anchor/index.js +11 -6
  282. package/text-area/index.js +23 -0
  283. package/text-field/index.js +24 -0
  284. package/tooltip/index.js +18 -55
  285. package/vivid.api.json +3275 -0
  286. package/lib/text/index.d.ts +0 -2
  287. package/lib/text/text.d.ts +0 -10
  288. package/shared/index2.js +0 -21
  289. package/shared/object-set-prototype-of.js +0 -1009
  290. package/shared/style-inject.es.js +0 -28
  291. package/shared/web.dom-collections.iterator.js +0 -473
  292. package/sidenav-item/index.js +0 -39
  293. package/styles/fonts/spezia.css +0 -23
  294. package/styles/themes/dark.css +0 -205
  295. package/styles/themes/light.css +0 -205
  296. package/text/index.js +0 -46
@@ -0,0 +1,5 @@
1
+ import { Checkbox as FastCheckbox } from '@microsoft/fast-foundation';
2
+ export declare const keySpace: ' ';
3
+ export declare class Checkbox extends FastCheckbox {
4
+ label?: string;
5
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { CheckboxOptions, FoundationElementTemplate } from '@microsoft/fast-foundation';
3
+ import type { Checkbox } from './checkbox';
4
+ export declare const CheckboxTemplate: FoundationElementTemplate<ViewTemplate<Checkbox>, CheckboxOptions>;
@@ -0,0 +1 @@
1
+ export declare const registerCheckbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
2
+ import type { Popup } from '../popup/popup';
3
+ import { FormElement } from '../../shared/patterns';
4
+ import { AffixIcon } from '../../shared/patterns';
5
+ declare type PopupPlacement = 'top' | 'bottom';
6
+ export declare class Combobox extends FoundationCombobox {
7
+ placement?: PopupPlacement;
8
+ _popup: Popup;
9
+ _anchor: HTMLElement;
10
+ connectedCallback(): void;
11
+ }
12
+ export interface Combobox extends AffixIcon, FormElement {
13
+ }
14
+ export {};
@@ -0,0 +1,4 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Combobox } from './combobox';
4
+ export declare const comboboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Combobox>;
@@ -0,0 +1,3 @@
1
+ import type { ComboboxOptions } from '@microsoft/fast-foundation';
2
+ export declare const comboboxRegistries: (import("@microsoft/fast-foundation").FoundationElementRegistry<ComboboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>> | import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>)[];
3
+ export declare const registerCombobox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,16 +1,40 @@
1
- export * from './text-anchor';
2
- export * from './badge';
3
- export * from './button';
4
- export * from './focus';
5
- export * from './icon';
6
- export * from './layout';
7
- export * from './elevation';
8
- export * from './breadcrumb-item';
9
- export * from './breadcrumb';
10
- export * from './side-drawer';
11
- export * from './calendar';
12
- export * from './popup';
13
- export * from './tooltip';
14
- export * from './banner';
15
- export * from './accordion-item';
16
- export * from './accordion';
1
+ export * from './accordion/definition';
2
+ export * from './accordion-item/definition';
3
+ export * from './action-group/definition';
4
+ export * from './avatar/definition';
5
+ export * from './badge/definition';
6
+ export * from './banner/definition';
7
+ export * from './breadcrumb/definition';
8
+ export * from './breadcrumb-item/definition';
9
+ export * from './button/definition';
10
+ export * from './calendar/definition';
11
+ export * from './calendar-event/definition';
12
+ export * from './card/definition';
13
+ export * from './checkbox/definition';
14
+ export * from './combobox/definition';
15
+ export * from './elevation/definition';
16
+ export * from './dialog/definition';
17
+ export * from './divider/definition';
18
+ export * from './fab/definition';
19
+ export * from './header/definition';
20
+ export * from './icon/definition';
21
+ export * from './layout/definition';
22
+ export * from './listbox/definition';
23
+ export * from './option/definition';
24
+ export * from './menu/definition';
25
+ export * from './menu-item/definition';
26
+ export * from './nav/definition';
27
+ export * from './nav-disclosure/definition';
28
+ export * from './nav-item/definition';
29
+ export * from './note/definition';
30
+ export * from './popup/definition';
31
+ export * from './progress/definition';
32
+ export * from './progress-ring/definition';
33
+ export * from './radio/definition';
34
+ export * from './radio-group/definition';
35
+ export * from './side-drawer/definition';
36
+ export * from './slider/definition';
37
+ export * from './switch/definition';
38
+ export * from './text-field/definition';
39
+ export * from './text-area/definition';
40
+ export * from './tooltip/definition';
@@ -0,0 +1 @@
1
+ export declare const registerDialog: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,23 @@
1
+ import { FoundationElement } from '@microsoft/fast-foundation';
2
+ declare type IconPlacement = 'top' | 'side';
3
+ export declare class Dialog extends FoundationElement {
4
+ #private;
5
+ open: boolean;
6
+ icon?: string;
7
+ iconPlacement?: IconPlacement;
8
+ text?: string;
9
+ headline?: string;
10
+ ariaLabelledBy: string | null;
11
+ ariaLabel: string | null;
12
+ ariaDescribedBy: string | null;
13
+ set returnValue(value: string);
14
+ get returnValue(): string;
15
+ get modal(): boolean;
16
+ openChanged(oldValue: boolean, newValue: boolean): void;
17
+ close(): void;
18
+ show(): void;
19
+ showModal(): void;
20
+ connectedCallback(): void;
21
+ disconnectedCallback(): void;
22
+ }
23
+ 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 { Dialog } from './dialog';
4
+ export declare const DialogTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Dialog>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export declare const registerDivider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,3 @@
1
+ import { Divider as FoundationDivider } from '@microsoft/fast-foundation';
2
+ export declare class Divider extends FoundationDivider {
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 { Divider } from './divider';
4
+ export declare const DividerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Divider>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export declare const registerElevation: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,4 +1,5 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
2
  export declare class Elevation extends FoundationElement {
3
3
  dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
4
+ noShadow?: boolean;
4
5
  }
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDElevation: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
1
+ export {};
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,19 +17,27 @@ 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 BlockSize {
27
+ export declare enum Size {
28
+ UltraCondensed = "ultraCondensed",
29
+ SuperCondensed = "superCondensed",
30
+ ExtraCondensed = "extraCondensed",
31
+ SemiCondensed = "semiCondensed",
28
32
  Condensed = "condensed",
29
33
  Normal = "normal",
30
- Extended = "extended"
34
+ SemiExpanded = "semiExpanded",
35
+ Expanded = "expanded",
36
+ ExtraExpanded = "extraExpanded",
37
+ SuperExpanded = "superExpanded",
38
+ UltraExpanded = "ultraExpanded"
31
39
  }
32
- export declare enum Size {
40
+ export declare enum LayoutSize {
33
41
  Small = "small",
34
42
  Medium = "medium",
35
43
  Large = "large"
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const fabDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerFab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1,13 @@
1
+ import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
+ import type { Connotation, Size } from '../enums.js';
3
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
+ export declare type FabConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
5
+ declare type FABSize = Extract<Size, Size.Normal | Size.Expanded>;
6
+ export declare class Fab extends FoundationButton {
7
+ connotation?: FabConnotation;
8
+ size?: FABSize;
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 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const focusDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerFocus: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -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>>;
1
+ export {};
@@ -1,3 +1,3 @@
1
- import '../icon';
2
1
  import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- 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>>;
2
+ export declare const headerDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerHeader: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -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 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const iconDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerIcon: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -1,12 +1,10 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
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>;
4
- declare type IconSize = Extract<Size, Size.Small | Size.Medium | Size.Large>;
2
+ import type { Connotation } from '../enums';
3
+ declare type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Information>;
5
4
  export declare class Icon extends FoundationElement {
6
5
  connotation?: IconConnotation;
7
- size?: IconSize;
8
- svg?: string;
9
- type?: string;
10
- typeChanged(): Promise<void>;
6
+ size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
7
+ name?: string;
8
+ nameChanged(): Promise<void>;
11
9
  }
12
10
  export {};
@@ -1,2 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividIcon: (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
+ export {};
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const layoutDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -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>>;
1
+ export {};
@@ -1,12 +1,12 @@
1
1
  import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Size } from '../enums.js';
2
+ import type { LayoutSize } from '../enums.js';
3
3
  export declare enum AUTO_SIZING {
4
4
  Fit = "fit",
5
5
  Fill = "fill"
6
6
  }
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';
7
+ declare type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
8
+ declare type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
9
+ declare type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
10
10
  export declare class Layout extends FoundationElement {
11
11
  gutters?: Gutters;
12
12
  columnBasis?: ColumnBasis;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const listboxDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerListbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,6 @@
1
+ import { ListboxElement as FoundationListboxElement } from '@microsoft/fast-foundation';
2
+ import type { Appearance } from '../enums';
3
+ export declare type LisboxAppearance = Extract<Appearance, Appearance.Outlined | Appearance.Ghost>;
4
+ export declare class Listbox extends FoundationListboxElement {
5
+ appearance?: LisboxAppearance;
6
+ }
@@ -0,0 +1,4 @@
1
+ import type { ViewTemplate } from '@microsoft/fast-element';
2
+ import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ import type { Listbox } from './listbox';
4
+ export declare const ListboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Listbox>;
@@ -0,0 +1,11 @@
1
+ import { Menu } from './menu';
2
+ export declare const menuDefinition: (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 Menu>;
11
+ export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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 type { MenuItemOptions } from '@microsoft/fast-foundation';
2
+ export declare const menuItemDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerMenuItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerNav: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navDisclosureDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerNavDisclosure: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const navItemDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerNavItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const noteDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerNote: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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.Accent | Connotation.Information | 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
+ }
@@ -1,4 +1,4 @@
1
1
  import type { ViewTemplate } from '@microsoft/fast-element';
2
2
  import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Text } from './text';
4
- export declare const TextTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Text>;
3
+ import type { Note } from './note';
4
+ export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
@@ -0,0 +1,4 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const numberFieldDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const numberFieldRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
4
+ export declare const registerNumberField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -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>;
@@ -0,0 +1,3 @@
1
+ import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
+ export declare const listboxOptionDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
+ export declare const registerOption: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ListboxOption as FoundationListboxOption } from '@microsoft/fast-foundation';
2
+ import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
+ export declare class ListboxOption extends FoundationListboxOption {
4
+ _text?: string;
5
+ set text(value: string);
6
+ get text(): string;
7
+ }
8
+ export interface ListboxOption extends AffixIconWithTrailing {
9
+ }
@@ -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 './option';
4
+ export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;