@vonage/vivid 4.13.0 → 4.14.1

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 (512) hide show
  1. package/custom-elements.json +3088 -1610
  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 +3 -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 +5 -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 -7
  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 +69 -63
  259. package/shared/base-progress.js +69 -63
  260. package/shared/breadcrumb-item.cjs +6 -58
  261. package/shared/breadcrumb-item.js +3 -55
  262. package/shared/button.cjs +177 -0
  263. package/shared/button.js +175 -0
  264. package/shared/calendar-event.cjs +9 -9
  265. package/shared/calendar-event.js +2 -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/definition.cjs +25 -24
  271. package/shared/definition.js +16 -14
  272. package/shared/definition10.cjs +14 -12
  273. package/shared/definition10.js +14 -11
  274. package/shared/definition11.cjs +52 -248
  275. package/shared/definition11.js +24 -218
  276. package/shared/definition12.cjs +18 -14
  277. package/shared/definition12.js +17 -12
  278. package/shared/definition13.cjs +19 -19
  279. package/shared/definition13.js +10 -9
  280. package/shared/definition14.cjs +35 -38
  281. package/shared/definition14.js +15 -17
  282. package/shared/definition15.cjs +27 -26
  283. package/shared/definition15.js +16 -14
  284. package/shared/definition16.cjs +480 -612
  285. package/shared/definition16.js +473 -604
  286. package/shared/definition17.cjs +933 -1113
  287. package/shared/definition17.js +911 -1090
  288. package/shared/definition18.cjs +16 -20
  289. package/shared/definition18.js +19 -22
  290. package/shared/definition19.cjs +26 -30
  291. package/shared/definition19.js +21 -24
  292. package/shared/definition2.cjs +19 -22
  293. package/shared/definition2.js +20 -22
  294. package/shared/definition20.cjs +50 -52
  295. package/shared/definition20.js +34 -35
  296. package/shared/definition21.cjs +43 -47
  297. package/shared/definition21.js +19 -22
  298. package/shared/definition22.cjs +15 -13
  299. package/shared/definition22.js +14 -11
  300. package/shared/definition23.cjs +21 -20
  301. package/shared/definition23.js +14 -12
  302. package/shared/definition24.cjs +21 -173
  303. package/shared/definition24.js +18 -169
  304. package/shared/definition25.cjs +26 -28
  305. package/shared/definition25.js +18 -19
  306. package/shared/definition26.cjs +16 -14
  307. package/shared/definition26.js +14 -11
  308. package/shared/definition27.cjs +264 -12
  309. package/shared/definition27.js +261 -10
  310. package/shared/definition28.cjs +19 -17
  311. package/shared/definition28.js +15 -12
  312. package/shared/definition29.cjs +142 -68
  313. package/shared/definition29.js +101 -29
  314. package/shared/definition3.cjs +20 -16
  315. package/shared/definition3.js +16 -11
  316. package/shared/definition30.cjs +98 -76
  317. package/shared/definition30.js +97 -74
  318. package/shared/definition31.cjs +24 -97
  319. package/shared/definition31.js +25 -97
  320. package/shared/definition32.cjs +9 -25
  321. package/shared/definition32.js +8 -23
  322. package/shared/definition33.cjs +52 -14
  323. package/shared/definition33.js +51 -12
  324. package/shared/definition34.cjs +639 -34
  325. package/shared/definition34.js +636 -30
  326. package/shared/definition35.cjs +203 -596
  327. package/shared/definition35.js +197 -591
  328. package/shared/definition36.cjs +197 -233
  329. package/shared/definition36.js +192 -226
  330. package/shared/definition37.cjs +79 -206
  331. package/shared/definition37.js +75 -202
  332. package/shared/definition38.cjs +50 -56
  333. package/shared/definition38.js +48 -52
  334. package/shared/definition39.cjs +259 -56
  335. package/shared/definition39.js +258 -54
  336. package/shared/definition4.cjs +32 -35
  337. package/shared/definition4.js +19 -21
  338. package/shared/definition40.cjs +156 -225
  339. package/shared/definition40.js +152 -221
  340. package/shared/definition41.cjs +626 -36
  341. package/shared/definition41.js +625 -34
  342. package/shared/definition42.cjs +974 -487
  343. package/shared/definition42.js +971 -482
  344. package/shared/definition43.cjs +725 -932
  345. package/shared/definition43.js +713 -918
  346. package/shared/definition44.cjs +115 -734
  347. package/shared/definition44.js +113 -731
  348. package/shared/definition45.cjs +92 -116
  349. package/shared/definition45.js +92 -115
  350. package/shared/definition46.cjs +468 -89
  351. package/shared/definition46.js +465 -86
  352. package/shared/definition47.cjs +118 -470
  353. package/shared/definition47.js +115 -465
  354. package/shared/definition48.cjs +113 -120
  355. package/shared/definition48.js +111 -117
  356. package/shared/definition49.cjs +16 -134
  357. package/shared/definition49.js +15 -132
  358. package/shared/definition5.cjs +47 -49
  359. package/shared/definition5.js +18 -19
  360. package/shared/definition50.cjs +111 -15
  361. package/shared/definition50.js +109 -12
  362. package/shared/definition51.cjs +862 -84
  363. package/shared/definition51.js +858 -79
  364. package/shared/definition52.cjs +30 -873
  365. package/shared/definition52.js +28 -870
  366. package/shared/definition53.cjs +125 -28
  367. package/shared/definition53.js +123 -25
  368. package/shared/definition54.cjs +267 -107
  369. package/shared/definition54.js +261 -100
  370. package/shared/definition55.cjs +63 -278
  371. package/shared/definition55.js +61 -275
  372. package/shared/definition56.cjs +867 -76
  373. package/shared/definition56.js +866 -74
  374. package/shared/definition57.cjs +107 -826
  375. package/shared/definition57.js +105 -823
  376. package/shared/definition58.cjs +73 -100
  377. package/shared/definition58.js +69 -95
  378. package/shared/definition59.cjs +180 -106
  379. package/shared/definition59.js +174 -101
  380. package/shared/definition6.cjs +22 -21
  381. package/shared/definition6.js +14 -12
  382. package/shared/definition60.cjs +272 -70
  383. package/shared/definition60.js +272 -69
  384. package/shared/definition61.cjs +66154 -271
  385. package/shared/definition61.js +66153 -269
  386. package/shared/definition62.cjs +38 -66173
  387. package/shared/definition62.js +35 -66170
  388. package/shared/definition63.cjs +2153 -27
  389. package/shared/definition63.js +2150 -25
  390. package/shared/definition7.cjs +18 -15
  391. package/shared/definition7.js +13 -10
  392. package/shared/definition8.cjs +25 -27
  393. package/shared/definition8.js +16 -17
  394. package/shared/definition9.cjs +21 -21
  395. package/shared/definition9.js +18 -17
  396. package/shared/design-system/createRegisterFunction.d.ts +2 -0
  397. package/shared/design-system/defineVividComponent.d.ts +15 -0
  398. package/shared/{localization.js → direction.js} +11 -11
  399. package/shared/dom.cjs +0 -13
  400. package/shared/dom.js +1 -13
  401. package/shared/form-associated.cjs +422 -457
  402. package/shared/form-associated.js +422 -457
  403. package/shared/form-associated2.cjs +383 -0
  404. package/shared/form-associated2.js +381 -0
  405. package/shared/form-elements.cjs +15 -42
  406. package/shared/form-elements.js +2 -29
  407. package/shared/foundation/anchor/anchor.d.ts +1 -0
  408. package/shared/foundation/button/button.d.ts +3 -2
  409. package/shared/foundation/button/button.template.d.ts +2 -4
  410. package/shared/foundation/form-associated/form-associated.d.ts +51 -0
  411. package/shared/foundation/listbox/listbox.d.ts +22 -0
  412. package/shared/foundation/progress/base-progress.d.ts +9 -0
  413. package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
  414. package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
  415. package/shared/index.cjs +7 -5097
  416. package/shared/index.js +7 -5079
  417. package/shared/key-codes.cjs +10 -0
  418. package/shared/key-codes.js +6 -1
  419. package/shared/key-codes2.cjs +1463 -6
  420. package/shared/key-codes2.js +1461 -4
  421. package/shared/listbox.cjs +427 -1195
  422. package/shared/listbox.js +411 -1176
  423. package/shared/listbox2.cjs +1267 -0
  424. package/shared/listbox2.js +1264 -0
  425. package/shared/localized.cjs +2 -2
  426. package/shared/localized.js +1 -1
  427. package/shared/numbers.cjs +12 -0
  428. package/shared/numbers.js +12 -1
  429. package/shared/patterns/affix.d.ts +2 -2
  430. package/shared/patterns/chevron.d.ts +2 -2
  431. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  432. package/shared/presentationDate.cjs +49 -49
  433. package/shared/presentationDate.js +6 -6
  434. package/shared/ref.cjs +2 -2
  435. package/shared/ref.js +1 -1
  436. package/shared/repeat.cjs +22 -22
  437. package/shared/repeat.js +1 -1
  438. package/shared/slider.template.cjs +5 -5
  439. package/shared/slider.template.js +2 -2
  440. package/shared/slotted.cjs +4 -4
  441. package/shared/slotted.js +1 -1
  442. package/shared/strings.cjs +0 -26
  443. package/shared/strings.js +1 -25
  444. package/shared/strings2.cjs +37 -0
  445. package/shared/strings2.js +33 -0
  446. package/shared/text-anchor.cjs +7 -89
  447. package/shared/text-anchor.js +4 -86
  448. package/shared/text-anchor.template.cjs +2 -2
  449. package/shared/text-anchor.template.js +1 -1
  450. package/shared/text-field2.cjs +28 -28
  451. package/shared/text-field2.js +5 -5
  452. package/shared/vivid-element.cjs +2616 -0
  453. package/shared/vivid-element.js +2595 -0
  454. package/side-drawer/index.cjs +1 -1
  455. package/side-drawer/index.js +1 -1
  456. package/slider/index.cjs +1 -1
  457. package/slider/index.js +1 -1
  458. package/split-button/index.cjs +1 -1
  459. package/split-button/index.js +1 -1
  460. package/styles/core/all.css +40 -1
  461. package/styles/core/theme.css +40 -1
  462. package/styles/core/typography.css +1 -1
  463. package/styles/tokens/theme-dark.css +25 -4
  464. package/styles/tokens/theme-light.css +25 -4
  465. package/styles/tokens/vivid-2-compat.css +1 -1
  466. package/switch/index.cjs +1 -1
  467. package/switch/index.js +1 -1
  468. package/tab/index.cjs +1 -1
  469. package/tab/index.js +1 -1
  470. package/tab-panel/index.cjs +1 -1
  471. package/tab-panel/index.js +1 -1
  472. package/tabs/index.cjs +1 -1
  473. package/tabs/index.js +1 -1
  474. package/tag/index.cjs +1 -1
  475. package/tag/index.js +1 -1
  476. package/tag-group/index.cjs +1 -1
  477. package/tag-group/index.js +1 -1
  478. package/text-anchor/index.cjs +10 -7
  479. package/text-anchor/index.js +10 -7
  480. package/text-area/index.cjs +1 -1
  481. package/text-area/index.js +1 -1
  482. package/text-field/index.cjs +1 -1
  483. package/text-field/index.js +1 -1
  484. package/time-picker/index.cjs +1 -1
  485. package/time-picker/index.js +1 -1
  486. package/toggletip/index.cjs +1 -1
  487. package/toggletip/index.js +1 -1
  488. package/tooltip/index.cjs +1 -1
  489. package/tooltip/index.js +1 -1
  490. package/tree-item/index.cjs +1 -1
  491. package/tree-item/index.js +1 -1
  492. package/tree-view/index.cjs +1 -1
  493. package/tree-view/index.js +1 -1
  494. package/video-player/index.cjs +1 -1
  495. package/video-player/index.js +1 -1
  496. package/vivid.api.json +2846 -7860
  497. package/shared/definition64.cjs +0 -2175
  498. package/shared/definition64.js +0 -2170
  499. package/shared/design-system/index.d.ts +0 -3
  500. package/shared/icon.cjs +0 -261
  501. package/shared/icon.js +0 -258
  502. package/shared/index2.cjs +0 -11
  503. package/shared/index2.js +0 -9
  504. package/shared/radio.cjs +0 -126
  505. package/shared/radio.js +0 -124
  506. package/shared/select.options.cjs +0 -12
  507. package/shared/select.options.js +0 -10
  508. package/shared/start-end.cjs +0 -52
  509. package/shared/start-end.js +0 -50
  510. package/shared/tree-item.cjs +0 -154
  511. package/shared/tree-item.js +0 -151
  512. 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,10 +1,13 @@
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
  }
6
7
  declare const FormAssociatedRadio_base: typeof _Radio;
7
8
  export declare class FormAssociatedRadio extends FormAssociatedRadio_base {
9
+ #private;
8
10
  proxy: HTMLInputElement;
11
+ validate: (anchor?: HTMLElement) => void;
9
12
  }
10
13
  export {};
@@ -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
  }