@vonage/vivid 4.13.0 → 4.14.0

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 (516) hide show
  1. package/custom-elements.json +4033 -2662
  2. package/elevation/index.cjs +1 -1
  3. package/elevation/index.js +1 -1
  4. package/index.cjs +70 -136
  5. package/index.d.ts +0 -1
  6. package/index.js +60 -62
  7. package/lib/accordion/accordion.d.ts +2 -2
  8. package/lib/accordion/accordion.template.d.ts +1 -2
  9. package/lib/accordion/definition.d.ts +1 -1
  10. package/lib/accordion-item/accordion-item.d.ts +2 -2
  11. package/lib/accordion-item/accordion-item.template.d.ts +2 -3
  12. package/lib/accordion-item/definition.d.ts +1 -1
  13. package/lib/action-group/action-group.d.ts +2 -2
  14. package/lib/action-group/action-group.template.d.ts +1 -3
  15. package/lib/action-group/definition.d.ts +1 -1
  16. package/lib/alert/alert.d.ts +2 -2
  17. package/lib/alert/alert.template.d.ts +2 -3
  18. package/lib/alert/definition.d.ts +1 -1
  19. package/lib/audio-player/audio-player.d.ts +2 -2
  20. package/lib/audio-player/audio-player.template.d.ts +2 -3
  21. package/lib/audio-player/definition.d.ts +1 -3
  22. package/lib/avatar/avatar.d.ts +2 -2
  23. package/lib/avatar/avatar.template.d.ts +2 -3
  24. package/lib/avatar/definition.d.ts +1 -1
  25. package/lib/badge/badge.d.ts +2 -2
  26. package/lib/badge/badge.template.d.ts +2 -3
  27. package/lib/badge/definition.d.ts +1 -3
  28. package/lib/banner/banner.d.ts +2 -2
  29. package/lib/banner/banner.template.d.ts +2 -3
  30. package/lib/banner/definition.d.ts +1 -1
  31. package/lib/breadcrumb/breadcrumb.d.ts +2 -2
  32. package/lib/breadcrumb/breadcrumb.template.d.ts +3 -4
  33. package/lib/breadcrumb/definition.d.ts +1 -1
  34. package/lib/breadcrumb-item/breadcrumb-item.d.ts +2 -2
  35. package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +2 -3
  36. package/lib/breadcrumb-item/definition.d.ts +1 -1
  37. package/lib/button/button.d.ts +2 -2
  38. package/lib/button/button.template.d.ts +2 -4
  39. package/lib/button/definition.d.ts +1 -1
  40. package/lib/calendar/calendar.d.ts +2 -2
  41. package/lib/calendar/calendar.template.d.ts +1 -3
  42. package/lib/calendar/definition.d.ts +1 -1
  43. package/lib/calendar-event/calendar-event.d.ts +2 -2
  44. package/lib/calendar-event/calendar-event.template.d.ts +1 -3
  45. package/lib/calendar-event/definition.d.ts +1 -1
  46. package/lib/card/card.d.ts +2 -2
  47. package/lib/card/card.template.d.ts +2 -3
  48. package/lib/card/definition.d.ts +1 -1
  49. package/lib/checkbox/checkbox.form-associated.d.ts +3 -2
  50. package/lib/checkbox/checkbox.template.d.ts +2 -3
  51. package/lib/checkbox/definition.d.ts +1 -1
  52. package/lib/combobox/combobox.d.ts +17 -2
  53. package/lib/combobox/combobox.options.d.ts +7 -0
  54. package/lib/combobox/combobox.template.d.ts +2 -3
  55. package/lib/combobox/definition.d.ts +1 -2
  56. package/lib/data-grid/data-grid-cell.d.ts +16 -13
  57. package/lib/data-grid/data-grid-cell.template.d.ts +2 -3
  58. package/lib/data-grid/data-grid-row.d.ts +19 -2
  59. package/lib/data-grid/data-grid-row.template.d.ts +2 -2
  60. package/lib/data-grid/data-grid.d.ts +45 -4
  61. package/lib/data-grid/data-grid.template.d.ts +2 -2
  62. package/lib/data-grid/definition.d.ts +1 -6
  63. package/lib/date-picker/definition.d.ts +1 -3
  64. package/lib/date-range-picker/definition.d.ts +1 -3
  65. package/lib/dial-pad/definition.d.ts +1 -3
  66. package/lib/dial-pad/dial-pad.d.ts +2 -2
  67. package/lib/dial-pad/dial-pad.template.d.ts +2 -3
  68. package/lib/dialog/definition.d.ts +1 -1
  69. package/lib/dialog/dialog.d.ts +2 -2
  70. package/lib/dialog/dialog.template.d.ts +2 -3
  71. package/lib/divider/definition.d.ts +1 -1
  72. package/lib/divider/divider.d.ts +2 -2
  73. package/lib/divider/divider.template.d.ts +1 -3
  74. package/lib/elevation/definition.d.ts +1 -1
  75. package/lib/elevation/elevation.d.ts +2 -2
  76. package/lib/elevation/elevation.template.d.ts +1 -3
  77. package/lib/empty-state/definition.d.ts +1 -3
  78. package/lib/empty-state/empty-state.d.ts +2 -2
  79. package/lib/empty-state/empty-state.template.d.ts +2 -3
  80. package/lib/fab/definition.d.ts +1 -3
  81. package/lib/fab/fab.template.d.ts +2 -3
  82. package/lib/file-picker/definition.d.ts +1 -3
  83. package/lib/file-picker/file-picker.form-associated.d.ts +3 -2
  84. package/lib/file-picker/file-picker.template.d.ts +2 -3
  85. package/lib/header/definition.d.ts +1 -3
  86. package/lib/header/header.d.ts +2 -2
  87. package/lib/header/header.template.d.ts +2 -3
  88. package/lib/icon/definition.d.ts +1 -3
  89. package/lib/icon/icon.d.ts +2 -2
  90. package/lib/icon/icon.template.d.ts +1 -3
  91. package/lib/layout/definition.d.ts +1 -3
  92. package/lib/layout/layout.d.ts +2 -2
  93. package/lib/layout/layout.template.d.ts +1 -3
  94. package/lib/listbox/definition.d.ts +1 -3
  95. package/lib/listbox/listbox.template.d.ts +1 -3
  96. package/lib/menu/definition.d.ts +1 -11
  97. package/lib/menu/menu.d.ts +2 -2
  98. package/lib/menu/menu.template.d.ts +3 -3
  99. package/lib/menu-item/definition.d.ts +1 -3
  100. package/lib/menu-item/menu-item.d.ts +2 -2
  101. package/lib/menu-item/menu-item.template.d.ts +2 -3
  102. package/lib/nav/definition.d.ts +1 -3
  103. package/lib/nav/nav.d.ts +2 -2
  104. package/lib/nav/nav.template.d.ts +1 -3
  105. package/lib/nav-disclosure/definition.d.ts +1 -3
  106. package/lib/nav-disclosure/nav-disclosure.d.ts +2 -2
  107. package/lib/nav-disclosure/nav-disclosure.template.d.ts +2 -3
  108. package/lib/nav-item/definition.d.ts +1 -3
  109. package/lib/nav-item/nav-item.template.d.ts +2 -3
  110. package/lib/note/definition.d.ts +1 -3
  111. package/lib/note/note.d.ts +2 -2
  112. package/lib/note/note.template.d.ts +2 -3
  113. package/lib/number-field/definition.d.ts +1 -4
  114. package/lib/number-field/number-field.form-associated.d.ts +3 -2
  115. package/lib/number-field/number-field.template.d.ts +2 -3
  116. package/lib/option/definition.d.ts +1 -3
  117. package/lib/option/option.d.ts +3 -2
  118. package/lib/option/option.template.d.ts +2 -3
  119. package/lib/pagination/definition.d.ts +1 -3
  120. package/lib/pagination/pagination.d.ts +2 -2
  121. package/lib/pagination/pagination.template.d.ts +2 -3
  122. package/lib/popup/definition.d.ts +1 -3
  123. package/lib/popup/popup.template.d.ts +2 -3
  124. package/lib/progress/definition.d.ts +1 -3
  125. package/lib/progress/progress.d.ts +1 -1
  126. package/lib/progress/progress.template.d.ts +1 -4
  127. package/lib/progress-ring/definition.d.ts +1 -3
  128. package/lib/progress-ring/progress-ring.d.ts +1 -1
  129. package/lib/progress-ring/progress-ring.template.d.ts +1 -3
  130. package/lib/radio/definition.d.ts +1 -3
  131. package/lib/radio/radio.form-associated.d.ts +3 -2
  132. package/lib/radio/radio.template.d.ts +1 -3
  133. package/lib/radio-group/definition.d.ts +1 -11
  134. package/lib/radio-group/radio-group.d.ts +2 -2
  135. package/lib/radio-group/radio-group.template.d.ts +2 -3
  136. package/lib/range-slider/definition.d.ts +1 -3
  137. package/lib/range-slider/range-slider.form-associated.d.ts +3 -2
  138. package/lib/range-slider/range-slider.template.d.ts +2 -3
  139. package/lib/searchable-select/definition.d.ts +1 -4
  140. package/lib/searchable-select/option-tag.template.d.ts +2 -3
  141. package/lib/searchable-select/searchable-select.form-associated.d.ts +3 -2
  142. package/lib/searchable-select/searchable-select.template.d.ts +2 -3
  143. package/lib/select/definition.d.ts +1 -3
  144. package/lib/select/select.d.ts +14 -4
  145. package/lib/select/select.form-associated.d.ts +11 -0
  146. package/lib/select/select.template.d.ts +2 -3
  147. package/lib/selectable-box/definition.d.ts +1 -3
  148. package/lib/selectable-box/selectable-box.d.ts +2 -2
  149. package/lib/selectable-box/selectable-box.template.d.ts +2 -3
  150. package/lib/side-drawer/definition.d.ts +1 -3
  151. package/lib/side-drawer/side-drawer.d.ts +2 -2
  152. package/lib/side-drawer/side-drawer.template.d.ts +1 -3
  153. package/lib/slider/definition.d.ts +1 -3
  154. package/lib/slider/slider.form-associated.d.ts +3 -2
  155. package/lib/slider/slider.template.d.ts +3 -4
  156. package/lib/split-button/definition.d.ts +1 -1
  157. package/lib/split-button/split-button.d.ts +2 -2
  158. package/lib/split-button/split-button.template.d.ts +2 -3
  159. package/lib/switch/definition.d.ts +1 -3
  160. package/lib/switch/switch.form-associated.d.ts +3 -2
  161. package/lib/switch/switch.template.d.ts +1 -3
  162. package/lib/tab/definition.d.ts +1 -3
  163. package/lib/tab/tab.d.ts +2 -2
  164. package/lib/tab/tab.template.d.ts +2 -2
  165. package/lib/tab-panel/definition.d.ts +1 -3
  166. package/lib/tab-panel/tab-panel.d.ts +2 -2
  167. package/lib/tab-panel/tab-panel.template.d.ts +1 -1
  168. package/lib/tabs/definition.d.ts +1 -3
  169. package/lib/tabs/tabs.d.ts +3 -2
  170. package/lib/tabs/tabs.template.d.ts +1 -1
  171. package/lib/tag/definition.d.ts +1 -4
  172. package/lib/tag/tag.d.ts +2 -2
  173. package/lib/tag/tag.template.d.ts +2 -3
  174. package/lib/tag-group/definition.d.ts +1 -3
  175. package/lib/tag-group/tag-group.d.ts +2 -2
  176. package/lib/tag-group/tag-group.template.d.ts +1 -3
  177. package/lib/text-anchor/definition.d.ts +1 -3
  178. package/lib/text-anchor/text-anchor.d.ts +4 -3
  179. package/lib/text-anchor/text-anchor.template.d.ts +2 -3
  180. package/lib/text-area/definition.d.ts +1 -3
  181. package/lib/text-area/text-area.d.ts +1 -1
  182. package/lib/text-area/{text-field.form-associated.d.ts → text-area.form-associated.d.ts} +3 -2
  183. package/lib/text-area/text-area.template.d.ts +2 -3
  184. package/lib/text-field/definition.d.ts +1 -3
  185. package/lib/text-field/text-field.form-associated.d.ts +3 -2
  186. package/lib/text-field/text-field.template.d.ts +2 -3
  187. package/lib/time-picker/definition.d.ts +1 -3
  188. package/lib/time-picker/time-picker.form-associated.d.ts +3 -2
  189. package/lib/time-picker/time-picker.template.d.ts +2 -2
  190. package/lib/toggletip/definition.d.ts +1 -3
  191. package/lib/toggletip/toggletip.d.ts +2 -2
  192. package/lib/toggletip/toggletip.template.d.ts +2 -3
  193. package/lib/tooltip/definition.d.ts +1 -3
  194. package/lib/tooltip/tooltip.d.ts +2 -2
  195. package/lib/tooltip/tooltip.template.d.ts +2 -3
  196. package/lib/tree-item/definition.d.ts +1 -3
  197. package/lib/tree-item/tree-item.d.ts +11 -2
  198. package/lib/tree-item/tree-item.template.d.ts +3 -3
  199. package/lib/tree-view/definition.d.ts +1 -3
  200. package/lib/tree-view/tree-view.d.ts +16 -2
  201. package/lib/tree-view/tree-view.template.d.ts +1 -1
  202. package/lib/video-player/definition.d.ts +1 -3
  203. package/lib/video-player/video-player.d.ts +2 -2
  204. package/lib/video-player/video-player.template.d.ts +1 -3
  205. package/listbox/index.cjs +37 -39
  206. package/listbox/index.js +37 -39
  207. package/menu/index.cjs +1 -1
  208. package/menu/index.js +1 -1
  209. package/nav/index.cjs +1 -1
  210. package/nav/index.js +1 -1
  211. package/nav-disclosure/index.cjs +1 -1
  212. package/nav-disclosure/index.js +1 -1
  213. package/nav-item/index.cjs +1 -1
  214. package/nav-item/index.js +1 -1
  215. package/note/index.cjs +1 -1
  216. package/note/index.js +1 -1
  217. package/number-field/index.cjs +1 -1
  218. package/number-field/index.js +1 -1
  219. package/option/index.cjs +1 -1
  220. package/option/index.js +1 -1
  221. package/package.json +1 -1
  222. package/pagination/index.cjs +1 -1
  223. package/pagination/index.js +1 -1
  224. package/popup/index.cjs +1 -1
  225. package/popup/index.js +1 -1
  226. package/progress/index.cjs +1 -1
  227. package/progress/index.js +1 -1
  228. package/progress-ring/index.cjs +1 -1
  229. package/progress-ring/index.js +1 -1
  230. package/radio/index.cjs +1 -1
  231. package/radio/index.js +1 -1
  232. package/radio-group/index.cjs +1 -1
  233. package/radio-group/index.js +1 -1
  234. package/range-slider/index.cjs +1 -1
  235. package/range-slider/index.js +1 -1
  236. package/searchable-select/index.cjs +1 -1
  237. package/searchable-select/index.js +1 -1
  238. package/select/index.cjs +1 -1
  239. package/select/index.js +1 -1
  240. package/selectable-box/index.cjs +1 -1
  241. package/selectable-box/index.js +1 -1
  242. package/shared/affix.cjs +10 -10
  243. package/shared/affix.js +2 -2
  244. package/shared/anchor.cjs +59 -0
  245. package/shared/anchor.js +57 -0
  246. package/shared/anchored.cjs +6 -6
  247. package/shared/anchored.js +2 -2
  248. package/shared/apply-mixins.cjs +15 -17
  249. package/shared/apply-mixins.js +15 -17
  250. package/shared/apply-mixins2.cjs +25 -0
  251. package/shared/apply-mixins2.js +23 -0
  252. package/shared/applyMixinsWithObservables.cjs +4 -4
  253. package/shared/applyMixinsWithObservables.js +2 -2
  254. package/shared/aria-global.cjs +86 -67
  255. package/shared/aria-global.js +86 -67
  256. package/shared/aria-global2.cjs +68 -86
  257. package/shared/aria-global2.js +68 -86
  258. package/shared/base-progress.cjs +70 -63
  259. package/shared/base-progress.js +69 -62
  260. package/shared/breadcrumb-item.cjs +7 -58
  261. package/shared/breadcrumb-item.js +4 -55
  262. package/shared/button.cjs +178 -0
  263. package/shared/button.js +176 -0
  264. package/shared/calendar-event.cjs +10 -9
  265. package/shared/calendar-event.js +3 -2
  266. package/shared/children.cjs +2 -2
  267. package/shared/children.js +1 -1
  268. package/shared/date-picker/date-picker-base.form-associated.d.ts +3 -2
  269. package/shared/date-picker/date-picker-base.template.d.ts +2 -3
  270. package/shared/defineVividComponent.cjs +2612 -0
  271. package/shared/defineVividComponent.js +2592 -0
  272. package/shared/definition.cjs +26 -24
  273. package/shared/definition.js +17 -14
  274. package/shared/definition10.cjs +15 -12
  275. package/shared/definition10.js +15 -11
  276. package/shared/definition11.cjs +52 -248
  277. package/shared/definition11.js +24 -218
  278. package/shared/definition12.cjs +18 -14
  279. package/shared/definition12.js +17 -12
  280. package/shared/definition13.cjs +20 -19
  281. package/shared/definition13.js +11 -9
  282. package/shared/definition14.cjs +36 -38
  283. package/shared/definition14.js +16 -17
  284. package/shared/definition15.cjs +28 -26
  285. package/shared/definition15.js +17 -14
  286. package/shared/definition16.cjs +478 -611
  287. package/shared/definition16.js +471 -603
  288. package/shared/definition17.cjs +934 -1113
  289. package/shared/definition17.js +912 -1090
  290. package/shared/definition18.cjs +16 -20
  291. package/shared/definition18.js +19 -22
  292. package/shared/definition19.cjs +26 -30
  293. package/shared/definition19.js +21 -24
  294. package/shared/definition2.cjs +20 -22
  295. package/shared/definition2.js +21 -22
  296. package/shared/definition20.cjs +51 -52
  297. package/shared/definition20.js +35 -35
  298. package/shared/definition21.cjs +42 -45
  299. package/shared/definition21.js +18 -20
  300. package/shared/definition22.cjs +16 -13
  301. package/shared/definition22.js +15 -11
  302. package/shared/definition23.cjs +22 -20
  303. package/shared/definition23.js +15 -12
  304. package/shared/definition24.cjs +20 -172
  305. package/shared/definition24.js +17 -168
  306. package/shared/definition25.cjs +27 -28
  307. package/shared/definition25.js +19 -19
  308. package/shared/definition26.cjs +17 -14
  309. package/shared/definition26.js +15 -11
  310. package/shared/definition27.cjs +265 -12
  311. package/shared/definition27.js +262 -10
  312. package/shared/definition28.cjs +19 -16
  313. package/shared/definition28.js +15 -11
  314. package/shared/definition29.cjs +143 -68
  315. package/shared/definition29.js +102 -29
  316. package/shared/definition3.cjs +21 -16
  317. package/shared/definition3.js +17 -11
  318. package/shared/definition30.cjs +99 -76
  319. package/shared/definition30.js +98 -74
  320. package/shared/definition31.cjs +24 -97
  321. package/shared/definition31.js +25 -97
  322. package/shared/definition32.cjs +10 -25
  323. package/shared/definition32.js +9 -23
  324. package/shared/definition33.cjs +53 -14
  325. package/shared/definition33.js +52 -12
  326. package/shared/definition34.cjs +641 -34
  327. package/shared/definition34.js +638 -30
  328. package/shared/definition35.cjs +204 -596
  329. package/shared/definition35.js +198 -591
  330. package/shared/definition36.cjs +198 -233
  331. package/shared/definition36.js +193 -226
  332. package/shared/definition37.cjs +79 -206
  333. package/shared/definition37.js +75 -202
  334. package/shared/definition38.cjs +50 -56
  335. package/shared/definition38.js +48 -52
  336. package/shared/definition39.cjs +260 -56
  337. package/shared/definition39.js +259 -54
  338. package/shared/definition4.cjs +33 -35
  339. package/shared/definition4.js +20 -21
  340. package/shared/definition40.cjs +112 -229
  341. package/shared/definition40.js +109 -226
  342. package/shared/definition41.cjs +627 -36
  343. package/shared/definition41.js +626 -34
  344. package/shared/definition42.cjs +975 -487
  345. package/shared/definition42.js +972 -482
  346. package/shared/definition43.cjs +725 -932
  347. package/shared/definition43.js +713 -918
  348. package/shared/definition44.cjs +116 -734
  349. package/shared/definition44.js +114 -731
  350. package/shared/definition45.cjs +93 -116
  351. package/shared/definition45.js +93 -115
  352. package/shared/definition46.cjs +469 -89
  353. package/shared/definition46.js +466 -86
  354. package/shared/definition47.cjs +119 -470
  355. package/shared/definition47.js +116 -465
  356. package/shared/definition48.cjs +114 -120
  357. package/shared/definition48.js +112 -117
  358. package/shared/definition49.cjs +17 -134
  359. package/shared/definition49.js +16 -132
  360. package/shared/definition5.cjs +48 -49
  361. package/shared/definition5.js +19 -19
  362. package/shared/definition50.cjs +112 -15
  363. package/shared/definition50.js +110 -12
  364. package/shared/definition51.cjs +847 -84
  365. package/shared/definition51.js +843 -79
  366. package/shared/definition52.cjs +31 -873
  367. package/shared/definition52.js +29 -870
  368. package/shared/definition53.cjs +126 -28
  369. package/shared/definition53.js +124 -25
  370. package/shared/definition54.cjs +268 -107
  371. package/shared/definition54.js +262 -100
  372. package/shared/definition55.cjs +63 -278
  373. package/shared/definition55.js +61 -275
  374. package/shared/definition56.cjs +868 -76
  375. package/shared/definition56.js +867 -74
  376. package/shared/definition57.cjs +108 -826
  377. package/shared/definition57.js +106 -823
  378. package/shared/definition58.cjs +74 -100
  379. package/shared/definition58.js +70 -95
  380. package/shared/definition59.cjs +181 -106
  381. package/shared/definition59.js +175 -101
  382. package/shared/definition6.cjs +23 -21
  383. package/shared/definition6.js +15 -12
  384. package/shared/definition60.cjs +273 -70
  385. package/shared/definition60.js +273 -69
  386. package/shared/definition61.cjs +66157 -271
  387. package/shared/definition61.js +66156 -269
  388. package/shared/definition62.cjs +36 -66174
  389. package/shared/definition62.js +33 -66171
  390. package/shared/definition63.cjs +2154 -27
  391. package/shared/definition63.js +2151 -25
  392. package/shared/definition7.cjs +19 -15
  393. package/shared/definition7.js +14 -10
  394. package/shared/definition8.cjs +26 -27
  395. package/shared/definition8.js +17 -17
  396. package/shared/definition9.cjs +21 -21
  397. package/shared/definition9.js +18 -17
  398. package/shared/design-system/createRegisterFunction.d.ts +2 -0
  399. package/shared/design-system/defineVividComponent.d.ts +15 -0
  400. package/shared/{localization.js → direction.js} +11 -11
  401. package/shared/dom.cjs +0 -13
  402. package/shared/dom.js +1 -13
  403. package/shared/form-associated.cjs +422 -457
  404. package/shared/form-associated.js +422 -457
  405. package/shared/form-associated2.cjs +383 -0
  406. package/shared/form-associated2.js +381 -0
  407. package/shared/form-elements.cjs +15 -42
  408. package/shared/form-elements.js +2 -29
  409. package/shared/foundation/anchor/anchor.d.ts +1 -0
  410. package/shared/foundation/button/button.d.ts +3 -2
  411. package/shared/foundation/button/button.template.d.ts +2 -4
  412. package/shared/foundation/form-associated/form-associated.d.ts +51 -0
  413. package/shared/foundation/listbox/listbox.d.ts +22 -0
  414. package/shared/foundation/progress/base-progress.d.ts +9 -0
  415. package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
  416. package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
  417. package/shared/foundation-element.cjs +1417 -0
  418. package/shared/foundation-element.js +1414 -0
  419. package/shared/index.cjs +7 -5097
  420. package/shared/index.js +7 -5079
  421. package/shared/key-codes.cjs +10 -0
  422. package/shared/key-codes.js +6 -1
  423. package/shared/key-codes2.cjs +50 -6
  424. package/shared/key-codes2.js +50 -4
  425. package/shared/listbox.cjs +428 -1195
  426. package/shared/listbox.js +412 -1176
  427. package/shared/listbox2.cjs +1268 -0
  428. package/shared/listbox2.js +1265 -0
  429. package/shared/localized.cjs +2 -2
  430. package/shared/localized.js +1 -1
  431. package/shared/numbers.cjs +12 -0
  432. package/shared/numbers.js +12 -1
  433. package/shared/patterns/affix.d.ts +2 -2
  434. package/shared/patterns/chevron.d.ts +2 -2
  435. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  436. package/shared/presentationDate.cjs +50 -49
  437. package/shared/presentationDate.js +7 -6
  438. package/shared/ref.cjs +2 -2
  439. package/shared/ref.js +1 -1
  440. package/shared/repeat.cjs +22 -22
  441. package/shared/repeat.js +1 -1
  442. package/shared/slider.template.cjs +5 -5
  443. package/shared/slider.template.js +2 -2
  444. package/shared/slotted.cjs +4 -4
  445. package/shared/slotted.js +1 -1
  446. package/shared/strings.cjs +0 -26
  447. package/shared/strings.js +1 -25
  448. package/shared/strings2.cjs +37 -0
  449. package/shared/strings2.js +33 -0
  450. package/shared/text-anchor.cjs +8 -89
  451. package/shared/text-anchor.js +5 -86
  452. package/shared/text-anchor.template.cjs +2 -2
  453. package/shared/text-anchor.template.js +1 -1
  454. package/shared/text-field2.cjs +29 -28
  455. package/shared/text-field2.js +6 -5
  456. package/shared/vivid-element.cjs +8 -0
  457. package/shared/vivid-element.js +6 -0
  458. package/side-drawer/index.cjs +1 -1
  459. package/side-drawer/index.js +1 -1
  460. package/slider/index.cjs +1 -1
  461. package/slider/index.js +1 -1
  462. package/split-button/index.cjs +1 -1
  463. package/split-button/index.js +1 -1
  464. package/styles/core/all.css +1 -1
  465. package/styles/core/theme.css +1 -1
  466. package/styles/core/typography.css +1 -1
  467. package/styles/tokens/theme-dark.css +4 -4
  468. package/styles/tokens/theme-light.css +4 -4
  469. package/styles/tokens/vivid-2-compat.css +1 -1
  470. package/switch/index.cjs +1 -1
  471. package/switch/index.js +1 -1
  472. package/tab/index.cjs +1 -1
  473. package/tab/index.js +1 -1
  474. package/tab-panel/index.cjs +1 -1
  475. package/tab-panel/index.js +1 -1
  476. package/tabs/index.cjs +1 -1
  477. package/tabs/index.js +1 -1
  478. package/tag/index.cjs +1 -1
  479. package/tag/index.js +1 -1
  480. package/tag-group/index.cjs +1 -1
  481. package/tag-group/index.js +1 -1
  482. package/text-anchor/index.cjs +10 -7
  483. package/text-anchor/index.js +10 -7
  484. package/text-area/index.cjs +1 -1
  485. package/text-area/index.js +1 -1
  486. package/text-field/index.cjs +1 -1
  487. package/text-field/index.js +1 -1
  488. package/time-picker/index.cjs +1 -1
  489. package/time-picker/index.js +1 -1
  490. package/toggletip/index.cjs +1 -1
  491. package/toggletip/index.js +1 -1
  492. package/tooltip/index.cjs +1 -1
  493. package/tooltip/index.js +1 -1
  494. package/tree-item/index.cjs +1 -1
  495. package/tree-item/index.js +1 -1
  496. package/tree-view/index.cjs +1 -1
  497. package/tree-view/index.js +1 -1
  498. package/video-player/index.cjs +1 -1
  499. package/video-player/index.js +1 -1
  500. package/vivid.api.json +2846 -7860
  501. package/shared/definition64.cjs +0 -2175
  502. package/shared/definition64.js +0 -2170
  503. package/shared/design-system/index.d.ts +0 -3
  504. package/shared/icon.cjs +0 -261
  505. package/shared/icon.js +0 -258
  506. package/shared/index2.cjs +0 -11
  507. package/shared/index2.js +0 -9
  508. package/shared/radio.cjs +0 -126
  509. package/shared/radio.js +0 -124
  510. package/shared/select.options.cjs +0 -12
  511. package/shared/select.options.js +0 -10
  512. package/shared/start-end.cjs +0 -52
  513. package/shared/start-end.js +0 -50
  514. package/shared/tree-item.cjs +0 -154
  515. package/shared/tree-item.js +0 -151
  516. package/shared/{localization.cjs → direction.cjs} +9 -9
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { FabConnotation, FABSize } from './fab';
3
- 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>>;
4
- export declare const registerFab: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerFab: (prefix?: string) => void;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Fab } from './fab';
4
- export declare const FabTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Fab>;
3
+ export declare const FabTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Fab, any>;
@@ -1,3 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const filePickerDefinition: (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 registerFilePicker: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerFilePicker: (prefix?: string) => void;
@@ -1,5 +1,6 @@
1
- import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- declare class _FilePicker extends FoundationElement {
1
+ import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ declare class _FilePicker extends VividElement {
3
4
  }
4
5
  interface _FilePicker extends FormAssociated {
5
6
  }
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { FilePicker } from './file-picker';
4
- export declare const FilePickerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<FilePicker>;
3
+ export declare const FilePickerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<FilePicker, any>;
@@ -1,3 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
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;
1
+ export declare const registerHeader: (prefix?: string) => void;
@@ -1,5 +1,5 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Header extends FoundationElement {
1
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
2
+ export declare class Header extends VividElement {
3
3
  elevationShadow: boolean;
4
4
  alternate: boolean;
5
5
  }
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Header } from './header';
4
- export declare const headerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Header>;
3
+ export declare const headerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Header, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { IconConnotation } from './icon';
3
- 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>>;
4
- export declare const registerIcon: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerIcon: (prefix?: string) => void;
@@ -1,7 +1,7 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Connotation } from '../enums';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
3
  export type IconConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Information | Connotation.Announcement>;
4
- export declare class Icon extends FoundationElement {
4
+ export declare class Icon extends VividElement {
5
5
  #private;
6
6
  connotation?: IconConnotation;
7
7
  size?: -6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5;
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
1
  import type { Icon } from './icon';
4
- export declare const iconTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Icon>;
2
+ export declare const iconTemplate: import("@microsoft/fast-element").ViewTemplate<Icon, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { AUTO_SIZING, ColumnBasis, ColumnSpacing, RowSpacing, Gutters, } from './layout';
3
- 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>>;
4
- export declare const registerLayout: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerLayout: (prefix?: string) => void;
@@ -1,5 +1,5 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { LayoutSize } from '../enums.js';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
3
  export declare enum AUTO_SIZING {
4
4
  Fit = "fit",
5
5
  Fill = "fill"
@@ -8,7 +8,7 @@ export type Gutters = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium |
8
8
  export type ColumnSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
9
9
  export type RowSpacing = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large>;
10
10
  export type ColumnBasis = Extract<LayoutSize, LayoutSize.Small | LayoutSize.Medium | LayoutSize.Large> | 'block';
11
- export declare class Layout extends FoundationElement {
11
+ export declare class Layout extends VividElement {
12
12
  gutters?: Gutters;
13
13
  columnBasis?: ColumnBasis;
14
14
  columnSpacing?: ColumnSpacing;
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
1
  import type { Layout } from './layout';
4
- export declare const layoutTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Layout>;
2
+ export declare const layoutTemplate: import("@microsoft/fast-element").ViewTemplate<Layout, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { LisboxAppearance } from './listbox';
3
- 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>>;
4
- export declare const registerListbox: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerListbox: (prefix?: string) => void;
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
3
1
  import type { Listbox } from './listbox';
4
- export declare const ListboxTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Listbox>;
2
+ export declare const ListboxTemplate: import("@microsoft/fast-element").ViewTemplate<Listbox, any>;
@@ -1,12 +1,2 @@
1
- import { Menu } from './menu';
2
1
  export type { Placement } from '@floating-ui/dom';
3
- export declare const menuDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
4
- baseName: string;
5
- template: any;
6
- styles: string;
7
- }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
8
- baseName: string;
9
- template: any;
10
- styles: string;
11
- }, typeof Menu>;
12
- export declare const registerMenu: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerMenu: (prefix?: string) => void;
@@ -1,7 +1,7 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Placement, Strategy } from '@floating-ui/dom';
3
2
  import { type Anchored } from '../../shared/patterns/anchored';
4
- export declare class Menu extends FoundationElement {
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
+ export declare class Menu extends VividElement {
5
5
  #private;
6
6
  private menuItems;
7
7
  private expandedItem;
@@ -1,3 +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;
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
2
+ import type { Menu } from './menu';
3
+ export declare const MenuTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Menu, any>;
@@ -1,4 +1,2 @@
1
- import type { MenuItemOptions } from '@microsoft/fast-foundation';
2
1
  export { MenuItemRole } from './menu-item';
3
- 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>>;
4
- export declare const registerMenuItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerMenuItem: (prefix?: string) => void;
@@ -1,6 +1,6 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import { AffixIcon } from '../../shared/patterns/affix';
3
2
  import { Connotation } from '../enums';
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
4
  export declare const MenuItemRole: {
5
5
  readonly presentation: "presentation";
6
6
  readonly menuitem: "menuitem";
@@ -13,7 +13,7 @@ export declare enum CheckAppearance {
13
13
  TickOnly = "tick-only"
14
14
  }
15
15
  export type MenuItemConnotation = Extract<Connotation, Connotation.CTA | Connotation.Accent>;
16
- export declare class MenuItem extends FoundationElement {
16
+ export declare class MenuItem extends VividElement {
17
17
  #private;
18
18
  disabled: boolean;
19
19
  expanded: boolean;
@@ -1,4 +1,3 @@
1
- import { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, MenuItemOptions } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import { MenuItem } from './menu-item';
4
- export declare const MenuItemTemplate: (context: ElementDefinitionContext, definition: MenuItemOptions) => ViewTemplate<MenuItem>;
3
+ export declare const MenuItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<MenuItem, any>;
@@ -1,3 +1 @@
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;
1
+ export declare const registerNav: (prefix?: string) => void;
package/lib/nav/nav.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Nav extends FoundationElement {
1
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
2
+ export declare class Nav extends VividElement {
3
3
  }
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
1
  import type { Nav } from './nav';
4
- export declare const NavTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Nav>;
2
+ export declare const NavTemplate: import("@microsoft/fast-element").ViewTemplate<Nav, any>;
@@ -1,3 +1 @@
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;
1
+ export declare const registerNavDisclosure: (prefix?: string) => void;
@@ -1,9 +1,9 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import { Appearance, Connotation } from '../enums';
3
2
  import { AffixIcon } from '../../shared/patterns/affix';
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
4
  export type NavDisclosureAppearance = Extract<Appearance, Appearance.Ghost | Appearance.GhostLight>;
5
5
  export type NavDisclosureConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
6
- export declare class NavDisclosure extends FoundationElement {
6
+ export declare class NavDisclosure extends VividElement {
7
7
  #private;
8
8
  details: HTMLDetailsElement;
9
9
  label?: string;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { NavDisclosure } from './nav-disclosure';
4
- export declare const NavDisclosureTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavDisclosure>;
3
+ export declare const NavDisclosureTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NavDisclosure, any>;
@@ -1,3 +1 @@
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;
1
+ export declare const registerNavItem: (prefix?: string) => void;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { NavItem } from './nav-item';
4
- export declare const NavItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NavItem>;
3
+ export declare const NavItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NavItem, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { NoteConnotation } from './note';
3
- 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>>;
4
- export declare const registerNote: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerNote: (prefix?: string) => void;
@@ -1,8 +1,8 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Connotation } from '../enums';
3
2
  import { AffixIcon } from '../../shared/patterns';
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
4
  export type NoteConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Announcement | Connotation.Alert;
5
- export declare class Note extends FoundationElement {
5
+ export declare class Note extends VividElement {
6
6
  headline?: string;
7
7
  connotation?: NoteConnotation;
8
8
  }
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Note } from './note';
4
- export declare const NoteTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Note>;
3
+ export declare const NoteTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Note, any>;
@@ -1,5 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { NumberFieldAppearance, NumberFieldShape } from './number-field';
3
- 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>>;
4
- export declare const numberFieldRegistries: import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>[];
5
- export declare const registerNumberField: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerNumberField: (prefix?: string) => void;
@@ -1,5 +1,6 @@
1
- import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- declare class _NumberField extends FoundationElement {
1
+ import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ declare class _NumberField extends VividElement {
3
4
  }
4
5
  interface _NumberField extends FormAssociated {
5
6
  }
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { NumberField } from './number-field';
4
- export declare const NumberFieldTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<NumberField>;
3
+ export declare const NumberFieldTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<NumberField, any>;
@@ -1,3 +1 @@
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;
1
+ export declare const registerOption: (prefix?: string) => void;
@@ -1,5 +1,6 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class ListboxOption extends FoundationElement {
1
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
2
+ export declare function isListboxOption(el: Element): el is ListboxOption;
3
+ export declare class ListboxOption extends VividElement {
3
4
  checked?: boolean;
4
5
  protected checkedChanged(_: boolean | unknown, next?: boolean): void;
5
6
  defaultSelected: boolean;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { ListboxOption } from './option';
4
- export declare const ListboxOptionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ListboxOption>;
3
+ export declare const ListboxOptionTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<ListboxOption, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { PaginationShape, PaginationSize } from './pagination';
3
- export declare const paginationDefinition: (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 registerPagination: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerPagination: (prefix?: string) => void;
@@ -1,9 +1,9 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Shape, Size } from '../enums';
3
2
  import type { Button } from '../button/button';
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
4
  export type PaginationSize = Extract<Size, Size.SuperCondensed | Size.Condensed | Size.Normal>;
5
5
  export type PaginationShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
- export declare class Pagination extends FoundationElement {
6
+ export declare class Pagination extends VividElement {
7
7
  size?: PaginationSize;
8
8
  shape?: PaginationShape;
9
9
  paginationButtons?: Button[];
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Pagination } from './pagination';
4
- export declare const PaginationTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Pagination>;
3
+ export declare const PaginationTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Pagination, any>;
@@ -1,5 +1,3 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { Popup } from './popup';
3
2
  export type { Strategy } from '@floating-ui/dom';
4
- export declare const popupDefinition: (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
- export declare const registerPopup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
3
+ export declare const registerPopup: (prefix?: string) => void;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Popup } from './popup';
4
- export declare const popupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Popup>;
3
+ export declare const popupTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Popup, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { ProgressConnotation, ProgressShape } from './progress';
3
- export declare const progressDefinition: (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 registerProgress: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerProgress: (prefix?: string) => void;
@@ -1,5 +1,5 @@
1
- import { BaseProgress } from '@microsoft/fast-foundation';
2
1
  import type { Connotation, ConnotationDecorative, Shape } from '../enums';
2
+ import { BaseProgress } from '../../shared/foundation/progress/base-progress';
3
3
  export type ProgressConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
4
4
  export type ProgressShape = Shape.Rounded | Shape.Sharp;
5
5
  export declare class Progress extends BaseProgress {
@@ -1,5 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
- import type { ProgressOptions } from '@microsoft/fast-foundation';
4
1
  import type { Progress } from './progress';
5
- export declare const ProgressTemplate: (context: ElementDefinitionContext, definition: ProgressOptions) => ViewTemplate<Progress>;
2
+ export declare const ProgressTemplate: import("@microsoft/fast-element").ViewTemplate<Progress, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { ProgressRingConnotation } from './progress-ring';
3
- export declare const progressRingDefinition: (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 registerProgressRing: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerProgressRing: (prefix?: string) => void;
@@ -1,5 +1,5 @@
1
- import { BaseProgress } from '@microsoft/fast-foundation';
2
1
  import type { Connotation } from '../enums';
2
+ import { BaseProgress } from '../../shared/foundation/progress/base-progress';
3
3
  export type ProgressRingConnotation = Connotation.Accent | Connotation.Success | Connotation.Alert | Connotation.CTA;
4
4
  export declare class ProgressRing extends BaseProgress {
5
5
  ariaLabel: string | null;
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
1
  import type { ProgressRing } from './progress-ring';
4
- export declare const ProgressRingTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ProgressRing>;
2
+ export declare const ProgressRingTemplate: import("@microsoft/fast-element").ViewTemplate<ProgressRing, any>;
@@ -1,3 +1 @@
1
- import type { RadioOptions } from '@microsoft/fast-foundation';
2
- export declare const radioDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<RadioOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
3
- export declare const registerRadio: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerRadio: (prefix?: string) => void;
@@ -1,5 +1,6 @@
1
- import { CheckableFormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- declare class _Radio extends FoundationElement {
1
+ import { CheckableFormAssociated } from '../../shared/foundation/form-associated/form-associated';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ declare class _Radio extends VividElement {
3
4
  }
4
5
  interface _Radio extends CheckableFormAssociated {
5
6
  }
@@ -1,4 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
3
1
  import type { Radio } from './radio';
4
- export declare const RadioTemplate: (context: ElementDefinitionContext) => ViewTemplate<Radio>;
2
+ export declare const RadioTemplate: import("@microsoft/fast-element").ViewTemplate<Radio, any>;
@@ -1,11 +1 @@
1
- import { RadioGroup } from './radio-group';
2
- export declare const radioGroupDefinition: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
3
- baseName: string;
4
- template: any;
5
- styles: string;
6
- }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
7
- baseName: string;
8
- template: any;
9
- styles: string;
10
- }, typeof RadioGroup>;
11
- export declare const registerRadioGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerRadioGroup: (prefix?: string) => void;
@@ -1,6 +1,6 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import { Orientation } from '@microsoft/fast-web-utilities';
3
- export declare class RadioGroup extends FoundationElement {
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ export declare class RadioGroup extends VividElement {
4
4
  #private;
5
5
  label?: string;
6
6
  readOnly: boolean;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { RadioGroup } from './radio-group';
4
- export declare const RadioGroupTemplate: (context: ElementDefinitionContext) => ViewTemplate<RadioGroup>;
3
+ export declare const RadioGroupTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<RadioGroup, any>;
@@ -1,3 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const rangeSliderDefinition: (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 registerRangeSlider: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerRangeSlider: (prefix?: string) => void;
@@ -1,5 +1,6 @@
1
- import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- declare class _RangeSlider extends FoundationElement {
1
+ import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ declare class _RangeSlider extends VividElement {
3
4
  }
4
5
  interface _RangeSlider extends FormAssociated {
5
6
  }
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { RangeSlider } from './range-slider';
4
- export declare const RangeSliderTemplate: (context: ElementDefinitionContext) => ViewTemplate<RangeSlider>;
3
+ export declare const RangeSliderTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<RangeSlider, any>;
@@ -1,4 +1 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const optionTagDefinition: (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 searchableSelectDefinition: (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 registerSearchableSelect: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerSearchableSelect: (prefix?: string) => void;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { OptionTag } from './option-tag';
4
- export declare const optionTagTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<OptionTag>;
3
+ export declare const optionTagTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<OptionTag, any>;
@@ -1,5 +1,6 @@
1
- import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- declare class _SearchableSelect extends FoundationElement {
1
+ import { FormAssociated } from '../../shared/foundation/form-associated/form-associated';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
+ declare class _SearchableSelect extends VividElement {
3
4
  }
4
5
  interface _SearchableSelect extends FormAssociated {
5
6
  }