@vonage/vivid 4.12.1 → 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 (523) hide show
  1. package/custom-elements.json +7489 -4858
  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.d.ts +6 -0
  84. package/lib/file-picker/file-picker.form-associated.d.ts +3 -2
  85. package/lib/file-picker/file-picker.template.d.ts +2 -3
  86. package/lib/header/definition.d.ts +1 -3
  87. package/lib/header/header.d.ts +2 -2
  88. package/lib/header/header.template.d.ts +2 -3
  89. package/lib/icon/definition.d.ts +1 -3
  90. package/lib/icon/icon.d.ts +2 -2
  91. package/lib/icon/icon.template.d.ts +1 -3
  92. package/lib/layout/definition.d.ts +1 -3
  93. package/lib/layout/layout.d.ts +2 -2
  94. package/lib/layout/layout.template.d.ts +1 -3
  95. package/lib/listbox/definition.d.ts +1 -3
  96. package/lib/listbox/listbox.template.d.ts +1 -3
  97. package/lib/menu/definition.d.ts +1 -11
  98. package/lib/menu/menu.d.ts +16 -3
  99. package/lib/menu/menu.template.d.ts +3 -3
  100. package/lib/menu-item/definition.d.ts +1 -3
  101. package/lib/menu-item/menu-item.d.ts +10 -2
  102. package/lib/menu-item/menu-item.template.d.ts +2 -3
  103. package/lib/nav/definition.d.ts +1 -3
  104. package/lib/nav/nav.d.ts +2 -2
  105. package/lib/nav/nav.template.d.ts +1 -3
  106. package/lib/nav-disclosure/definition.d.ts +1 -3
  107. package/lib/nav-disclosure/nav-disclosure.d.ts +2 -2
  108. package/lib/nav-disclosure/nav-disclosure.template.d.ts +2 -3
  109. package/lib/nav-item/definition.d.ts +1 -3
  110. package/lib/nav-item/nav-item.template.d.ts +2 -3
  111. package/lib/note/definition.d.ts +1 -3
  112. package/lib/note/note.d.ts +2 -2
  113. package/lib/note/note.template.d.ts +2 -3
  114. package/lib/number-field/definition.d.ts +1 -4
  115. package/lib/number-field/number-field.form-associated.d.ts +3 -2
  116. package/lib/number-field/number-field.template.d.ts +2 -3
  117. package/lib/option/definition.d.ts +1 -3
  118. package/lib/option/option.d.ts +28 -7
  119. package/lib/option/option.template.d.ts +2 -3
  120. package/lib/pagination/definition.d.ts +1 -3
  121. package/lib/pagination/pagination.d.ts +2 -2
  122. package/lib/pagination/pagination.template.d.ts +2 -3
  123. package/lib/popup/definition.d.ts +1 -3
  124. package/lib/popup/popup.template.d.ts +2 -3
  125. package/lib/progress/definition.d.ts +1 -3
  126. package/lib/progress/progress.d.ts +1 -1
  127. package/lib/progress/progress.template.d.ts +1 -4
  128. package/lib/progress-ring/definition.d.ts +1 -3
  129. package/lib/progress-ring/progress-ring.d.ts +1 -1
  130. package/lib/progress-ring/progress-ring.template.d.ts +1 -3
  131. package/lib/radio/definition.d.ts +1 -3
  132. package/lib/radio/radio.form-associated.d.ts +3 -2
  133. package/lib/radio/radio.template.d.ts +1 -3
  134. package/lib/radio-group/definition.d.ts +1 -11
  135. package/lib/radio-group/radio-group.d.ts +2 -2
  136. package/lib/radio-group/radio-group.template.d.ts +2 -3
  137. package/lib/range-slider/definition.d.ts +1 -3
  138. package/lib/range-slider/range-slider.form-associated.d.ts +3 -2
  139. package/lib/range-slider/range-slider.template.d.ts +2 -3
  140. package/lib/searchable-select/definition.d.ts +1 -4
  141. package/lib/searchable-select/option-tag.template.d.ts +2 -3
  142. package/lib/searchable-select/searchable-select.form-associated.d.ts +3 -2
  143. package/lib/searchable-select/searchable-select.template.d.ts +2 -3
  144. package/lib/select/definition.d.ts +1 -3
  145. package/lib/select/select.d.ts +14 -4
  146. package/lib/select/select.form-associated.d.ts +11 -0
  147. package/lib/select/select.template.d.ts +2 -3
  148. package/lib/selectable-box/definition.d.ts +1 -3
  149. package/lib/selectable-box/selectable-box.d.ts +2 -2
  150. package/lib/selectable-box/selectable-box.template.d.ts +2 -3
  151. package/lib/side-drawer/definition.d.ts +1 -3
  152. package/lib/side-drawer/side-drawer.d.ts +2 -2
  153. package/lib/side-drawer/side-drawer.template.d.ts +1 -3
  154. package/lib/slider/definition.d.ts +1 -3
  155. package/lib/slider/slider.form-associated.d.ts +3 -2
  156. package/lib/slider/slider.template.d.ts +3 -4
  157. package/lib/split-button/definition.d.ts +1 -1
  158. package/lib/split-button/split-button.d.ts +2 -2
  159. package/lib/split-button/split-button.template.d.ts +2 -3
  160. package/lib/switch/definition.d.ts +1 -3
  161. package/lib/switch/switch.d.ts +5 -2
  162. package/lib/switch/switch.form-associated.d.ts +11 -0
  163. package/lib/switch/switch.template.d.ts +1 -3
  164. package/lib/tab/definition.d.ts +1 -3
  165. package/lib/tab/tab.d.ts +2 -2
  166. package/lib/tab/tab.template.d.ts +2 -2
  167. package/lib/tab-panel/definition.d.ts +1 -3
  168. package/lib/tab-panel/tab-panel.d.ts +2 -2
  169. package/lib/tab-panel/tab-panel.template.d.ts +1 -1
  170. package/lib/tabs/definition.d.ts +1 -3
  171. package/lib/tabs/tabs.d.ts +6 -4
  172. package/lib/tabs/tabs.template.d.ts +1 -1
  173. package/lib/tag/definition.d.ts +1 -4
  174. package/lib/tag/tag.d.ts +2 -2
  175. package/lib/tag/tag.template.d.ts +2 -3
  176. package/lib/tag-group/definition.d.ts +1 -3
  177. package/lib/tag-group/tag-group.d.ts +2 -2
  178. package/lib/tag-group/tag-group.template.d.ts +1 -3
  179. package/lib/text-anchor/definition.d.ts +1 -3
  180. package/lib/text-anchor/text-anchor.d.ts +4 -3
  181. package/lib/text-anchor/text-anchor.template.d.ts +2 -3
  182. package/lib/text-area/definition.d.ts +1 -3
  183. package/lib/text-area/text-area.d.ts +25 -3
  184. package/lib/text-area/text-area.form-associated.d.ts +11 -0
  185. package/lib/text-area/text-area.template.d.ts +2 -3
  186. package/lib/text-field/definition.d.ts +1 -3
  187. package/lib/text-field/text-field.d.ts +28 -3
  188. package/lib/text-field/text-field.form-associated.d.ts +11 -0
  189. package/lib/text-field/text-field.template.d.ts +2 -3
  190. package/lib/time-picker/definition.d.ts +1 -3
  191. package/lib/time-picker/time-picker.form-associated.d.ts +3 -2
  192. package/lib/time-picker/time-picker.template.d.ts +2 -2
  193. package/lib/toggletip/definition.d.ts +1 -3
  194. package/lib/toggletip/toggletip.d.ts +2 -2
  195. package/lib/toggletip/toggletip.template.d.ts +2 -3
  196. package/lib/tooltip/definition.d.ts +1 -3
  197. package/lib/tooltip/tooltip.d.ts +2 -2
  198. package/lib/tooltip/tooltip.template.d.ts +2 -3
  199. package/lib/tree-item/definition.d.ts +1 -3
  200. package/lib/tree-item/tree-item.d.ts +11 -2
  201. package/lib/tree-item/tree-item.template.d.ts +3 -3
  202. package/lib/tree-view/definition.d.ts +1 -3
  203. package/lib/tree-view/tree-view.d.ts +16 -2
  204. package/lib/tree-view/tree-view.template.d.ts +1 -1
  205. package/lib/video-player/definition.d.ts +1 -3
  206. package/lib/video-player/video-player.d.ts +2 -2
  207. package/lib/video-player/video-player.template.d.ts +1 -3
  208. package/listbox/index.cjs +37 -39
  209. package/listbox/index.js +37 -39
  210. package/menu/index.cjs +1 -1
  211. package/menu/index.js +1 -1
  212. package/nav/index.cjs +1 -1
  213. package/nav/index.js +1 -1
  214. package/nav-disclosure/index.cjs +1 -1
  215. package/nav-disclosure/index.js +1 -1
  216. package/nav-item/index.cjs +1 -1
  217. package/nav-item/index.js +1 -1
  218. package/note/index.cjs +1 -1
  219. package/note/index.js +1 -1
  220. package/number-field/index.cjs +1 -1
  221. package/number-field/index.js +1 -1
  222. package/option/index.cjs +1 -1
  223. package/option/index.js +1 -1
  224. package/package.json +1 -1
  225. package/pagination/index.cjs +1 -1
  226. package/pagination/index.js +1 -1
  227. package/popup/index.cjs +1 -1
  228. package/popup/index.js +1 -1
  229. package/progress/index.cjs +1 -1
  230. package/progress/index.js +1 -1
  231. package/progress-ring/index.cjs +1 -1
  232. package/progress-ring/index.js +1 -1
  233. package/radio/index.cjs +1 -1
  234. package/radio/index.js +1 -1
  235. package/radio-group/index.cjs +1 -1
  236. package/radio-group/index.js +1 -1
  237. package/range-slider/index.cjs +1 -1
  238. package/range-slider/index.js +1 -1
  239. package/searchable-select/index.cjs +1 -1
  240. package/searchable-select/index.js +1 -1
  241. package/select/index.cjs +1 -1
  242. package/select/index.js +1 -1
  243. package/selectable-box/index.cjs +1 -1
  244. package/selectable-box/index.js +1 -1
  245. package/shared/affix.cjs +10 -10
  246. package/shared/affix.js +2 -2
  247. package/shared/anchor.cjs +59 -0
  248. package/shared/anchor.js +57 -0
  249. package/shared/anchored.cjs +6 -6
  250. package/shared/anchored.js +2 -2
  251. package/shared/apply-mixins.cjs +15 -17
  252. package/shared/apply-mixins.js +15 -17
  253. package/shared/apply-mixins2.cjs +25 -0
  254. package/shared/apply-mixins2.js +23 -0
  255. package/shared/applyMixinsWithObservables.cjs +4 -4
  256. package/shared/applyMixinsWithObservables.js +2 -2
  257. package/shared/aria-global.cjs +86 -67
  258. package/shared/aria-global.js +86 -67
  259. package/shared/aria-global2.cjs +68 -86
  260. package/shared/aria-global2.js +68 -86
  261. package/shared/base-progress.cjs +70 -63
  262. package/shared/base-progress.js +69 -62
  263. package/shared/breadcrumb-item.cjs +7 -58
  264. package/shared/breadcrumb-item.js +4 -55
  265. package/shared/button.cjs +178 -0
  266. package/shared/button.js +176 -0
  267. package/shared/calendar-event.cjs +10 -9
  268. package/shared/calendar-event.js +3 -2
  269. package/shared/children.cjs +2 -2
  270. package/shared/children.js +1 -1
  271. package/shared/date-picker/date-picker-base.form-associated.d.ts +3 -2
  272. package/shared/date-picker/date-picker-base.template.d.ts +2 -3
  273. package/shared/defineVividComponent.cjs +2612 -0
  274. package/shared/defineVividComponent.js +2592 -0
  275. package/shared/definition.cjs +26 -24
  276. package/shared/definition.js +17 -14
  277. package/shared/definition10.cjs +15 -12
  278. package/shared/definition10.js +15 -11
  279. package/shared/definition11.cjs +53 -249
  280. package/shared/definition11.js +25 -219
  281. package/shared/definition12.cjs +18 -14
  282. package/shared/definition12.js +17 -12
  283. package/shared/definition13.cjs +20 -19
  284. package/shared/definition13.js +11 -9
  285. package/shared/definition14.cjs +36 -38
  286. package/shared/definition14.js +16 -17
  287. package/shared/definition15.cjs +28 -26
  288. package/shared/definition15.js +17 -14
  289. package/shared/definition16.cjs +478 -611
  290. package/shared/definition16.js +471 -603
  291. package/shared/definition17.cjs +934 -1113
  292. package/shared/definition17.js +913 -1091
  293. package/shared/definition18.cjs +16 -20
  294. package/shared/definition18.js +19 -22
  295. package/shared/definition19.cjs +26 -30
  296. package/shared/definition19.js +21 -24
  297. package/shared/definition2.cjs +20 -22
  298. package/shared/definition2.js +21 -22
  299. package/shared/definition20.cjs +53 -53
  300. package/shared/definition20.js +36 -35
  301. package/shared/definition21.cjs +43 -46
  302. package/shared/definition21.js +19 -21
  303. package/shared/definition22.cjs +16 -13
  304. package/shared/definition22.js +15 -11
  305. package/shared/definition23.cjs +22 -20
  306. package/shared/definition23.js +15 -12
  307. package/shared/definition24.cjs +20 -172
  308. package/shared/definition24.js +17 -168
  309. package/shared/definition25.cjs +48 -28
  310. package/shared/definition25.js +43 -22
  311. package/shared/definition26.cjs +17 -14
  312. package/shared/definition26.js +15 -11
  313. package/shared/definition27.cjs +265 -12
  314. package/shared/definition27.js +262 -10
  315. package/shared/definition28.cjs +19 -16
  316. package/shared/definition28.js +15 -11
  317. package/shared/definition29.cjs +478 -604
  318. package/shared/definition29.js +450 -578
  319. package/shared/definition3.cjs +21 -16
  320. package/shared/definition3.js +17 -11
  321. package/shared/definition30.cjs +100 -75
  322. package/shared/definition30.js +99 -73
  323. package/shared/definition31.cjs +24 -97
  324. package/shared/definition31.js +25 -97
  325. package/shared/definition32.cjs +10 -25
  326. package/shared/definition32.js +9 -23
  327. package/shared/definition33.cjs +53 -14
  328. package/shared/definition33.js +52 -12
  329. package/shared/definition34.cjs +641 -34
  330. package/shared/definition34.js +638 -30
  331. package/shared/definition35.cjs +205 -377
  332. package/shared/definition35.js +200 -373
  333. package/shared/definition36.cjs +204 -104
  334. package/shared/definition36.js +199 -97
  335. package/shared/definition37.cjs +79 -206
  336. package/shared/definition37.js +75 -202
  337. package/shared/definition38.cjs +50 -56
  338. package/shared/definition38.js +48 -52
  339. package/shared/definition39.cjs +260 -56
  340. package/shared/definition39.js +259 -54
  341. package/shared/definition4.cjs +33 -35
  342. package/shared/definition4.js +20 -21
  343. package/shared/definition40.cjs +112 -229
  344. package/shared/definition40.js +109 -226
  345. package/shared/definition41.cjs +627 -36
  346. package/shared/definition41.js +626 -34
  347. package/shared/definition42.cjs +975 -487
  348. package/shared/definition42.js +972 -482
  349. package/shared/definition43.cjs +725 -932
  350. package/shared/definition43.js +713 -918
  351. package/shared/definition44.cjs +116 -734
  352. package/shared/definition44.js +114 -731
  353. package/shared/definition45.cjs +93 -116
  354. package/shared/definition45.js +93 -115
  355. package/shared/definition46.cjs +469 -89
  356. package/shared/definition46.js +466 -86
  357. package/shared/definition47.cjs +119 -479
  358. package/shared/definition47.js +116 -474
  359. package/shared/definition48.cjs +114 -120
  360. package/shared/definition48.js +112 -117
  361. package/shared/definition49.cjs +18 -160
  362. package/shared/definition49.js +16 -157
  363. package/shared/definition5.cjs +48 -49
  364. package/shared/definition5.js +19 -19
  365. package/shared/definition50.cjs +112 -15
  366. package/shared/definition50.js +110 -12
  367. package/shared/definition51.cjs +847 -84
  368. package/shared/definition51.js +843 -79
  369. package/shared/definition52.cjs +31 -859
  370. package/shared/definition52.js +29 -856
  371. package/shared/definition53.cjs +126 -28
  372. package/shared/definition53.js +124 -25
  373. package/shared/definition54.cjs +268 -107
  374. package/shared/definition54.js +262 -100
  375. package/shared/definition55.cjs +63 -298
  376. package/shared/definition55.js +61 -295
  377. package/shared/definition56.cjs +799 -311
  378. package/shared/definition56.js +795 -306
  379. package/shared/definition57.cjs +108 -825
  380. package/shared/definition57.js +106 -822
  381. package/shared/definition58.cjs +74 -100
  382. package/shared/definition58.js +70 -95
  383. package/shared/definition59.cjs +181 -106
  384. package/shared/definition59.js +175 -101
  385. package/shared/definition6.cjs +23 -21
  386. package/shared/definition6.js +15 -12
  387. package/shared/definition60.cjs +273 -70
  388. package/shared/definition60.js +273 -69
  389. package/shared/definition61.cjs +66157 -271
  390. package/shared/definition61.js +66156 -269
  391. package/shared/definition62.cjs +36 -66174
  392. package/shared/definition62.js +33 -66171
  393. package/shared/definition63.cjs +2154 -27
  394. package/shared/definition63.js +2151 -25
  395. package/shared/definition7.cjs +19 -15
  396. package/shared/definition7.js +14 -10
  397. package/shared/definition8.cjs +26 -27
  398. package/shared/definition8.js +17 -17
  399. package/shared/definition9.cjs +21 -21
  400. package/shared/definition9.js +18 -17
  401. package/shared/design-system/createRegisterFunction.d.ts +2 -0
  402. package/shared/design-system/defineVividComponent.d.ts +15 -0
  403. package/shared/direction.cjs +10 -1
  404. package/shared/direction.js +10 -1
  405. package/shared/dom.cjs +0 -13
  406. package/shared/dom.js +1 -13
  407. package/shared/form-associated.cjs +422 -457
  408. package/shared/form-associated.js +422 -457
  409. package/shared/form-associated2.cjs +383 -0
  410. package/shared/form-associated2.js +381 -0
  411. package/shared/form-elements.cjs +15 -42
  412. package/shared/form-elements.js +2 -29
  413. package/shared/foundation/anchor/anchor.d.ts +1 -0
  414. package/shared/foundation/button/button.d.ts +3 -2
  415. package/shared/foundation/button/button.template.d.ts +2 -4
  416. package/shared/foundation/form-associated/form-associated.d.ts +51 -0
  417. package/shared/foundation/listbox/listbox.d.ts +22 -0
  418. package/shared/foundation/progress/base-progress.d.ts +9 -0
  419. package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
  420. package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
  421. package/shared/foundation-element.cjs +1417 -0
  422. package/shared/foundation-element.js +1414 -0
  423. package/shared/index.cjs +7 -5097
  424. package/shared/index.js +7 -5079
  425. package/shared/key-codes.cjs +10 -0
  426. package/shared/key-codes.js +6 -1
  427. package/shared/key-codes2.cjs +50 -6
  428. package/shared/key-codes2.js +50 -4
  429. package/shared/listbox.cjs +409 -981
  430. package/shared/listbox.js +410 -979
  431. package/shared/listbox2.cjs +1268 -0
  432. package/shared/listbox2.js +1265 -0
  433. package/shared/localized.cjs +2 -2
  434. package/shared/localized.js +1 -1
  435. package/shared/numbers.cjs +12 -0
  436. package/shared/numbers.js +12 -1
  437. package/shared/patterns/affix.d.ts +2 -2
  438. package/shared/patterns/chevron.d.ts +2 -2
  439. package/shared/patterns/form-elements/form-elements.d.ts +2 -2
  440. package/shared/presentationDate.cjs +56 -55
  441. package/shared/presentationDate.js +8 -7
  442. package/shared/ref.cjs +2 -2
  443. package/shared/ref.js +1 -1
  444. package/shared/repeat.cjs +22 -22
  445. package/shared/repeat.js +1 -1
  446. package/shared/slider.template.cjs +5 -5
  447. package/shared/slider.template.js +2 -2
  448. package/shared/slotted.cjs +4 -4
  449. package/shared/slotted.js +1 -1
  450. package/shared/strings.cjs +0 -26
  451. package/shared/strings.js +1 -25
  452. package/shared/strings2.cjs +37 -0
  453. package/shared/strings2.js +33 -0
  454. package/shared/text-anchor.cjs +8 -89
  455. package/shared/text-anchor.js +5 -86
  456. package/shared/text-anchor.template.cjs +2 -2
  457. package/shared/text-anchor.template.js +1 -1
  458. package/shared/text-field2.cjs +539 -194
  459. package/shared/text-field2.js +539 -194
  460. package/shared/vivid-element.cjs +8 -0
  461. package/shared/vivid-element.js +6 -0
  462. package/side-drawer/index.cjs +1 -1
  463. package/side-drawer/index.js +1 -1
  464. package/slider/index.cjs +1 -1
  465. package/slider/index.js +1 -1
  466. package/split-button/index.cjs +1 -1
  467. package/split-button/index.js +1 -1
  468. package/styles/core/all.css +21 -1
  469. package/styles/core/theme.css +21 -1
  470. package/styles/core/typography.css +1 -1
  471. package/styles/tokens/theme-dark.css +4 -4
  472. package/styles/tokens/theme-light.css +4 -4
  473. package/styles/tokens/vivid-2-compat.css +1 -1
  474. package/switch/index.cjs +1 -1
  475. package/switch/index.js +1 -1
  476. package/tab/index.cjs +1 -1
  477. package/tab/index.js +1 -1
  478. package/tab-panel/index.cjs +1 -1
  479. package/tab-panel/index.js +1 -1
  480. package/tabs/index.cjs +1 -1
  481. package/tabs/index.js +1 -1
  482. package/tag/index.cjs +1 -1
  483. package/tag/index.js +1 -1
  484. package/tag-group/index.cjs +1 -1
  485. package/tag-group/index.js +1 -1
  486. package/text-anchor/index.cjs +10 -7
  487. package/text-anchor/index.js +10 -7
  488. package/text-area/index.cjs +1 -1
  489. package/text-area/index.js +1 -1
  490. package/text-field/index.cjs +1 -1
  491. package/text-field/index.js +1 -1
  492. package/time-picker/index.cjs +1 -1
  493. package/time-picker/index.js +1 -1
  494. package/toggletip/index.cjs +1 -1
  495. package/toggletip/index.js +1 -1
  496. package/tooltip/index.cjs +1 -1
  497. package/tooltip/index.js +1 -1
  498. package/tree-item/index.cjs +1 -1
  499. package/tree-item/index.js +1 -1
  500. package/tree-view/index.cjs +1 -1
  501. package/tree-view/index.js +1 -1
  502. package/video-player/index.cjs +1 -1
  503. package/video-player/index.js +1 -1
  504. package/vivid.api.json +2848 -7818
  505. package/shared/Reflector.cjs +0 -71
  506. package/shared/Reflector.js +0 -69
  507. package/shared/definition64.cjs +0 -2164
  508. package/shared/definition64.js +0 -2159
  509. package/shared/design-system/index.d.ts +0 -3
  510. package/shared/icon.cjs +0 -261
  511. package/shared/icon.js +0 -258
  512. package/shared/index2.cjs +0 -11
  513. package/shared/index2.js +0 -9
  514. package/shared/listbox-option.cjs +0 -204
  515. package/shared/listbox-option.js +0 -201
  516. package/shared/radio.cjs +0 -126
  517. package/shared/radio.js +0 -124
  518. package/shared/select.options.cjs +0 -12
  519. package/shared/select.options.js +0 -10
  520. package/shared/start-end.cjs +0 -52
  521. package/shared/start-end.js +0 -50
  522. package/shared/tree-item.cjs +0 -154
  523. package/shared/tree-item.js +0 -151
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const definition = require('../shared/definition63.cjs');
3
+ const definition = require('../shared/definition62.cjs');
4
4
 
5
5
  definition.registerElevation();
@@ -1,3 +1,3 @@
1
- import { r as registerElevation } from '../shared/definition63.js';
1
+ import { r as registerElevation } from '../shared/definition62.js';
2
2
 
3
3
  registerElevation();
package/index.cjs CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
5
  const enums = require('./shared/enums.cjs');
6
- const index = require('./shared/index.cjs');
7
6
  const localized = require('./shared/localized.cjs');
8
7
  const definition = require('./shared/definition.cjs');
9
8
  const definition$1 = require('./shared/definition2.cjs');
@@ -66,7 +65,6 @@ const definition$V = require('./shared/definition58.cjs');
66
65
  const definition$W = require('./shared/definition59.cjs');
67
66
  const definition$X = require('./shared/definition60.cjs');
68
67
  const definition$Y = require('./shared/definition61.cjs');
69
- const definition$Z = require('./shared/definition62.cjs');
70
68
 
71
69
 
72
70
 
@@ -82,195 +80,131 @@ exports.Role = enums.Role;
82
80
  exports.Shape = enums.Shape;
83
81
  exports.Size = enums.Size;
84
82
  exports.TabsGutters = enums.TabsGutters;
85
- exports.designSystem = index.designSystem;
86
- exports.registerFactory = index.registerFactory;
87
83
  exports.setLocale = localized.setLocale;
88
84
  exports.accordionItemDefinition = definition.accordionItemDefinition;
89
- exports.accordionItemRegistries = definition.accordionItemRegistries;
90
85
  exports.registerAccordionItem = definition.registerAccordionItem;
91
86
  exports.accordionDefinition = definition$1.accordionDefinition;
92
- exports.accordionRegistries = definition$1.accordionRegistries;
93
87
  exports.registerAccordion = definition$1.registerAccordion;
94
88
  exports.actionGroupDefinition = definition$2.actionGroupDefinition;
95
- exports.actionGroupRegistries = definition$2.actionGroupRegistries;
96
89
  exports.registerActionGroup = definition$2.registerActionGroup;
97
90
  exports.alertDefinition = definition$3.alertDefinition;
98
- exports.alertRegistries = definition$3.alertRegistries;
99
91
  exports.registerAlert = definition$3.registerAlert;
100
92
  exports.audioPlayerDefinition = definition$4.audioPlayerDefinition;
101
- exports.audioPlayerRegistries = definition$4.audioPlayerRegistries;
102
93
  exports.registerAudioPlayer = definition$4.registerAudioPlayer;
103
94
  exports.avatarDefinition = definition$5.avatarDefinition;
104
- exports.avatarRegistries = definition$5.avatarRegistries;
105
95
  exports.registerAvatar = definition$5.registerAvatar;
106
96
  exports.badgeDefinition = definition$6.badgeDefinition;
107
97
  exports.registerBadge = definition$6.registerBadge;
108
98
  exports.bannerDefinition = definition$7.bannerDefinition;
109
- exports.bannerRegistries = definition$7.bannerRegistries;
110
99
  exports.registerBanner = definition$7.registerBanner;
111
100
  exports.breadcrumbItemDefinition = definition$8.breadcrumbItemDefinition;
112
- exports.breadcrumbItemRegistries = definition$8.breadcrumbItemRegistries;
113
101
  exports.registerBreadcrumbItem = definition$8.registerBreadcrumbItem;
114
102
  exports.breadcrumbDefinition = definition$9.breadcrumbDefinition;
115
- exports.breadcrumbRegistries = definition$9.breadcrumbRegistries;
116
103
  exports.registerBreadcrumb = definition$9.registerBreadcrumb;
117
104
  exports.buttonDefinition = definition$a.buttonDefinition;
118
- exports.buttonRegistries = definition$a.buttonRegistries;
119
105
  exports.registerButton = definition$a.registerButton;
120
106
  exports.calendarEventDefinition = definition$b.calendarEventDefinition;
121
- exports.calendarEventRegistries = definition$b.calendarEventRegistries;
122
107
  exports.registerCalendarEvent = definition$b.registerCalendarEvent;
123
108
  exports.calendarDefinition = definition$c.calendarDefinition;
124
- exports.calendarRegistries = definition$c.calendarRegistries;
125
109
  exports.registerCalendar = definition$c.registerCalendar;
126
110
  exports.cardDefinition = definition$d.cardDefinition;
127
- exports.cardRegistries = definition$d.cardRegistries;
128
111
  exports.registerCard = definition$d.registerCard;
129
112
  exports.checkboxDefinition = definition$e.checkboxDefinition;
130
- exports.checkboxRegistries = definition$e.checkboxRegistries;
131
113
  exports.registerCheckbox = definition$e.registerCheckbox;
132
- exports.combobox = definition$f.combobox;
133
- exports.comboboxRegistries = definition$f.comboboxRegistries;
114
+ exports.comboboxDefinition = definition$f.comboboxDefinition;
134
115
  exports.registerCombobox = definition$f.registerCombobox;
135
- exports.dataGrid = definition$g.dataGrid;
136
- exports.dataGridCell = definition$g.dataGridCell;
137
- exports.dataGridElements = definition$g.dataGridElements;
138
- exports.dataGridRow = definition$g.dataGridRow;
116
+ exports.dataGridCellDefinition = definition$g.dataGridCellDefinition;
117
+ exports.dataGridDefinition = definition$g.dataGridDefinition;
118
+ exports.dataGridRowDefinition = definition$g.dataGridRowDefinition;
139
119
  exports.registerDataGrid = definition$g.registerDataGrid;
140
120
  exports.datePickerDefinition = definition$h.datePickerDefinition;
141
- exports.datePickerRegistries = definition$h.datePickerRegistries;
142
121
  exports.registerDatePicker = definition$h.registerDatePicker;
143
122
  exports.dateRangePickerDefinition = definition$i.dateRangePickerDefinition;
144
- exports.dateRangePickerRegistries = definition$i.dateRangePickerRegistries;
145
123
  exports.registerDateRangePicker = definition$i.registerDateRangePicker;
146
124
  exports.dialPadDefinition = definition$j.dialPadDefinition;
147
- exports.dialPadRegistries = definition$j.dialPadRegistries;
148
125
  exports.registerDialPad = definition$j.registerDialPad;
149
126
  exports.dialogDefinition = definition$k.dialogDefinition;
150
- exports.dialogRegistries = definition$k.dialogRegistries;
151
127
  exports.registerDialog = definition$k.registerDialog;
152
128
  exports.dividerDefinition = definition$l.dividerDefinition;
153
- exports.dividerRegistries = definition$l.dividerRegistries;
154
129
  exports.registerDivider = definition$l.registerDivider;
155
130
  exports.emptyStateDefinition = definition$m.emptyStateDefinition;
156
- exports.emptyStateRegistries = definition$m.emptyStateRegistries;
157
131
  exports.registerEmptyState = definition$m.registerEmptyState;
158
132
  exports.fabDefinition = definition$n.fabDefinition;
159
- exports.fabRegistries = definition$n.fabRegistries;
160
133
  exports.registerFab = definition$n.registerFab;
161
134
  exports.filePickerDefinition = definition$o.filePickerDefinition;
162
- exports.filePickerRegistries = definition$o.filePickerRegistries;
163
135
  exports.registerFilePicker = definition$o.registerFilePicker;
164
136
  exports.headerDefinition = definition$p.headerDefinition;
165
- exports.headerRegistries = definition$p.headerRegistries;
166
137
  exports.registerHeader = definition$p.registerHeader;
167
138
  exports.iconDefinition = definition$q.iconDefinition;
168
- exports.iconRegistries = definition$q.iconRegistries;
169
139
  exports.registerIcon = definition$q.registerIcon;
170
140
  exports.layoutDefinition = definition$r.layoutDefinition;
171
- exports.layoutRegistries = definition$r.layoutRegistries;
172
141
  exports.registerLayout = definition$r.registerLayout;
173
142
  exports.MenuItemRole = definition$s.MenuItemRole;
143
+ exports.menuDefinition = definition$s.menuDefinition;
174
144
  exports.menuItemDefinition = definition$s.menuItemDefinition;
175
- exports.menuItemRegistries = definition$s.menuItemRegistries;
145
+ exports.menuName = definition$s.menuName;
146
+ exports.registerMenu = definition$s.registerMenu;
176
147
  exports.registerMenuItem = definition$s.registerMenuItem;
177
- exports.menuDefinition = definition$t.menuDefinition;
178
- exports.menuRegistries = definition$t.menuRegistries;
179
- exports.registerMenu = definition$t.registerMenu;
180
- exports.navDisclosureDefinition = definition$u.navDisclosureDefinition;
181
- exports.navDisclosureRegistries = definition$u.navDisclosureRegistries;
182
- exports.registerNavDisclosure = definition$u.registerNavDisclosure;
183
- exports.navItemDefinition = definition$v.navItemDefinition;
184
- exports.navItemRegistries = definition$v.navItemRegistries;
185
- exports.registerNavItem = definition$v.registerNavItem;
186
- exports.navDefinition = definition$w.navDefinition;
187
- exports.navRegistries = definition$w.navRegistries;
188
- exports.registerNav = definition$w.registerNav;
189
- exports.noteDefinition = definition$x.noteDefinition;
190
- exports.noteRegistries = definition$x.noteRegistries;
191
- exports.registerNote = definition$x.registerNote;
192
- exports.numberFieldDefinition = definition$y.numberFieldDefinition;
193
- exports.numberFieldRegistries = definition$y.numberFieldRegistries;
194
- exports.registerNumberField = definition$y.registerNumberField;
195
- exports.listboxOptionDefinition = definition$z.listboxOptionDefinition;
196
- exports.listboxOptionRegistries = definition$z.listboxOptionRegistries;
197
- exports.registerOption = definition$z.registerOption;
198
- exports.paginationDefinition = definition$A.paginationDefinition;
199
- exports.paginationRegistries = definition$A.paginationRegistries;
200
- exports.registerPagination = definition$A.registerPagination;
201
- exports.progressRingDefinition = definition$B.progressRingDefinition;
202
- exports.progressRingRegistries = definition$B.progressRingRegistries;
203
- exports.registerProgressRing = definition$B.registerProgressRing;
204
- exports.progressDefinition = definition$C.progressDefinition;
205
- exports.progressRegistries = definition$C.progressRegistries;
206
- exports.registerProgress = definition$C.registerProgress;
207
- exports.radioGroupDefinition = definition$D.radioGroupDefinition;
208
- exports.radioGroupRegistries = definition$D.radioGroupRegistries;
209
- exports.registerRadioGroup = definition$D.registerRadioGroup;
210
- exports.radioDefinition = definition$E.radioDefinition;
211
- exports.radioRegistries = definition$E.radioRegistries;
212
- exports.registerRadio = definition$E.registerRadio;
213
- exports.rangeSliderDefinition = definition$F.rangeSliderDefinition;
214
- exports.rangeSliderRegistries = definition$F.rangeSliderRegistries;
215
- exports.registerRangeSlider = definition$F.registerRangeSlider;
216
- exports.optionTagDefinition = definition$G.optionTagDefinition;
217
- exports.registerSearchableSelect = definition$G.registerSearchableSelect;
218
- exports.searchableSelectDefinition = definition$G.searchableSelectDefinition;
219
- exports.searchableSelectRegistries = definition$G.searchableSelectRegistries;
220
- exports.registerSelect = definition$H.registerSelect;
221
- exports.selectDefinition = definition$H.selectDefinition;
222
- exports.selectRegistries = definition$H.selectRegistries;
223
- exports.registerSelectableBox = definition$I.registerSelectableBox;
224
- exports.selectableBoxDefinition = definition$I.selectableBoxDefinition;
225
- exports.selectableBoxRegistries = definition$I.selectableBoxRegistries;
226
- exports.registerSideDrawer = definition$J.registerSideDrawer;
227
- exports.sideDrawerDefinition = definition$J.sideDrawerDefinition;
228
- exports.sideDrawerRegistries = definition$J.sideDrawerRegistries;
229
- exports.registerSlider = definition$K.registerSlider;
230
- exports.sliderDefinition = definition$K.sliderDefinition;
231
- exports.sliderRegistries = definition$K.sliderRegistries;
232
- exports.registerSplitButton = definition$L.registerSplitButton;
233
- exports.splitButtonDefinition = definition$L.splitButtonDefinition;
234
- exports.splitButtonRegistries = definition$L.splitButtonRegistries;
235
- exports.registerSwitch = definition$M.registerSwitch;
236
- exports.switchDefinition = definition$M.switchDefinition;
237
- exports.switchRegistries = definition$M.switchRegistries;
238
- exports.registerTabPanel = definition$N.registerTabPanel;
239
- exports.tabPanelDefinition = definition$N.tabPanelDefinition;
240
- exports.tabPanelRegistries = definition$N.tabPanelRegistries;
241
- exports.registerTab = definition$O.registerTab;
242
- exports.tabDefinition = definition$O.tabDefinition;
243
- exports.tabRegistries = definition$O.tabRegistries;
244
- exports.registerTabs = definition$P.registerTabs;
245
- exports.tabsDefinition = definition$P.tabsDefinition;
246
- exports.tabsRegistries = definition$P.tabsRegistries;
247
- exports.registerTagGroup = definition$Q.registerTagGroup;
248
- exports.tagGroupDefinition = definition$Q.tagGroupDefinition;
249
- exports.tagGroupRegistries = definition$Q.tagGroupRegistries;
250
- exports.registerTag = definition$R.registerTag;
251
- exports.tagDefinition = definition$R.tagDefinition;
252
- exports.tagRegistries = definition$R.tagRegistries;
253
- exports.registerTextArea = definition$S.registerTextArea;
254
- exports.textAreaDefinition = definition$S.textAreaDefinition;
255
- exports.textAreaRegistries = definition$S.textAreaRegistries;
256
- exports.registerTextField = definition$T.registerTextField;
257
- exports.textFieldDefinition = definition$T.textFieldDefinition;
258
- exports.textFieldRegistries = definition$T.textFieldRegistries;
259
- exports.registerTimePicker = definition$U.registerTimePicker;
260
- exports.timePickerDefinition = definition$U.timePickerDefinition;
261
- exports.timePickerRegistries = definition$U.timePickerRegistries;
262
- exports.registerToggletip = definition$V.registerToggletip;
263
- exports.toggletipDefinition = definition$V.toggletipDefinition;
264
- exports.toggletipRegistries = definition$V.toggletipRegistries;
265
- exports.registerTooltip = definition$W.registerTooltip;
266
- exports.tooltipDefinition = definition$W.tooltipDefinition;
267
- exports.tooltipRegistries = definition$W.tooltipRegistries;
268
- exports.registerTreeItem = definition$X.registerTreeItem;
269
- exports.treeItemDefinition = definition$X.treeItemDefinition;
270
- exports.treeItemRegistries = definition$X.treeItemRegistries;
271
- exports.registerTreeView = definition$Y.registerTreeView;
272
- exports.treeViewDefinition = definition$Y.treeViewDefinition;
273
- exports.treeViewRegistries = definition$Y.treeViewRegistries;
274
- exports.registerVideoPlayer = definition$Z.registerVideoPlayer;
275
- exports.videoPlayerDefinition = definition$Z.videoPlayerDefinition;
276
- exports.videoPlayerRegistries = definition$Z.videoPlayerRegistries;
148
+ exports.navDisclosureDefinition = definition$t.navDisclosureDefinition;
149
+ exports.registerNavDisclosure = definition$t.registerNavDisclosure;
150
+ exports.navItemDefinition = definition$u.navItemDefinition;
151
+ exports.registerNavItem = definition$u.registerNavItem;
152
+ exports.navDefinition = definition$v.navDefinition;
153
+ exports.registerNav = definition$v.registerNav;
154
+ exports.noteDefinition = definition$w.noteDefinition;
155
+ exports.registerNote = definition$w.registerNote;
156
+ exports.numberFieldDefinition = definition$x.numberFieldDefinition;
157
+ exports.registerNumberField = definition$x.registerNumberField;
158
+ exports.listboxOptionDefinition = definition$y.listboxOptionDefinition;
159
+ exports.registerOption = definition$y.registerOption;
160
+ exports.paginationDefinition = definition$z.paginationDefinition;
161
+ exports.registerPagination = definition$z.registerPagination;
162
+ exports.progressRingDefinition = definition$A.progressRingDefinition;
163
+ exports.registerProgressRing = definition$A.registerProgressRing;
164
+ exports.progressDefinition = definition$B.progressDefinition;
165
+ exports.registerProgress = definition$B.registerProgress;
166
+ exports.radioGroupDefinition = definition$C.radioGroupDefinition;
167
+ exports.registerRadioGroup = definition$C.registerRadioGroup;
168
+ exports.radioDefinition = definition$D.radioDefinition;
169
+ exports.registerRadio = definition$D.registerRadio;
170
+ exports.rangeSliderDefinition = definition$E.rangeSliderDefinition;
171
+ exports.registerRangeSlider = definition$E.registerRangeSlider;
172
+ exports.registerSearchableSelect = definition$F.registerSearchableSelect;
173
+ exports.registerSelect = definition$G.registerSelect;
174
+ exports.selectDefinition = definition$G.selectDefinition;
175
+ exports.registerSelectableBox = definition$H.registerSelectableBox;
176
+ exports.selectableBoxDefinition = definition$H.selectableBoxDefinition;
177
+ exports.registerSideDrawer = definition$I.registerSideDrawer;
178
+ exports.sideDrawerDefinition = definition$I.sideDrawerDefinition;
179
+ exports.registerSlider = definition$J.registerSlider;
180
+ exports.sliderDefinition = definition$J.sliderDefinition;
181
+ exports.registerSplitButton = definition$K.registerSplitButton;
182
+ exports.splitButtonDefinition = definition$K.splitButtonDefinition;
183
+ exports.registerSwitch = definition$L.registerSwitch;
184
+ exports.switchDefinition = definition$L.switchDefinition;
185
+ exports.registerTabPanel = definition$M.registerTabPanel;
186
+ exports.tabPanelDefinition = definition$M.tabPanelDefinition;
187
+ exports.registerTab = definition$N.registerTab;
188
+ exports.tabDefinition = definition$N.tabDefinition;
189
+ exports.registerTabs = definition$O.registerTabs;
190
+ exports.tabsDefinition = definition$O.tabsDefinition;
191
+ exports.registerTagGroup = definition$P.registerTagGroup;
192
+ exports.tagGroupDefinition = definition$P.tagGroupDefinition;
193
+ exports.registerTag = definition$Q.registerTag;
194
+ exports.tagDefinition = definition$Q.tagDefinition;
195
+ exports.registerTextArea = definition$R.registerTextArea;
196
+ exports.textAreaDefinition = definition$R.textAreaDefinition;
197
+ exports.registerTextField = definition$S.registerTextField;
198
+ exports.textFieldDefinition = definition$S.textFieldDefinition;
199
+ exports.registerTimePicker = definition$T.registerTimePicker;
200
+ exports.timePickerDefinition = definition$T.timePickerDefinition;
201
+ exports.registerToggletip = definition$U.registerToggletip;
202
+ exports.toggletipDefinition = definition$U.toggletipDefinition;
203
+ exports.registerTooltip = definition$V.registerTooltip;
204
+ exports.tooltipDefinition = definition$V.tooltipDefinition;
205
+ exports.registerTreeItem = definition$W.registerTreeItem;
206
+ exports.treeItemDefinition = definition$W.treeItemDefinition;
207
+ exports.registerTreeView = definition$X.registerTreeView;
208
+ exports.treeViewDefinition = definition$X.treeViewDefinition;
209
+ exports.registerVideoPlayer = definition$Y.registerVideoPlayer;
210
+ exports.videoPlayerDefinition = definition$Y.videoPlayerDefinition;
package/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export * from './lib/components';
2
2
  export * from './lib/enums';
3
- export * from './shared/design-system';
4
3
  export { setLocale } from './shared/localization';
package/index.js CHANGED
@@ -1,65 +1,63 @@
1
1
  export { A as Appearance, c as AriaLive, C as Connotation, a as ConnotationDecorative, I as IconDecoration, L as LayoutSize, M as MediaSkipBy, P as Position, R as Role, S as Shape, b as Size, T as TabsGutters } from './shared/enums.js';
2
- export { d as designSystem, r as registerFactory } from './shared/index.js';
3
2
  export { s as setLocale } from './shared/localized.js';
4
- export { a as accordionItemDefinition, b as accordionItemRegistries, r as registerAccordionItem } from './shared/definition.js';
5
- export { a as accordionDefinition, b as accordionRegistries, r as registerAccordion } from './shared/definition2.js';
6
- export { a as actionGroupDefinition, b as actionGroupRegistries, r as registerActionGroup } from './shared/definition3.js';
7
- export { a as alertDefinition, b as alertRegistries, r as registerAlert } from './shared/definition4.js';
8
- export { a as audioPlayerDefinition, b as audioPlayerRegistries, r as registerAudioPlayer } from './shared/definition5.js';
9
- export { a as avatarDefinition, b as avatarRegistries, r as registerAvatar } from './shared/definition6.js';
3
+ export { a as accordionItemDefinition, r as registerAccordionItem } from './shared/definition.js';
4
+ export { a as accordionDefinition, r as registerAccordion } from './shared/definition2.js';
5
+ export { a as actionGroupDefinition, r as registerActionGroup } from './shared/definition3.js';
6
+ export { a as alertDefinition, r as registerAlert } from './shared/definition4.js';
7
+ export { a as audioPlayerDefinition, r as registerAudioPlayer } from './shared/definition5.js';
8
+ export { a as avatarDefinition, r as registerAvatar } from './shared/definition6.js';
10
9
  export { b as badgeDefinition, r as registerBadge } from './shared/definition7.js';
11
- export { b as bannerDefinition, a as bannerRegistries, r as registerBanner } from './shared/definition8.js';
12
- export { b as breadcrumbItemDefinition, a as breadcrumbItemRegistries, r as registerBreadcrumbItem } from './shared/definition9.js';
13
- export { b as breadcrumbDefinition, a as breadcrumbRegistries, r as registerBreadcrumb } from './shared/definition10.js';
14
- export { b as buttonDefinition, a as buttonRegistries, r as registerButton } from './shared/definition11.js';
15
- export { c as calendarEventDefinition, a as calendarEventRegistries, r as registerCalendarEvent } from './shared/definition12.js';
16
- export { c as calendarDefinition, a as calendarRegistries, r as registerCalendar } from './shared/definition13.js';
17
- export { c as cardDefinition, a as cardRegistries, r as registerCard } from './shared/definition14.js';
18
- export { c as checkboxDefinition, a as checkboxRegistries, r as registerCheckbox } from './shared/definition15.js';
19
- export { c as combobox, a as comboboxRegistries, r as registerCombobox } from './shared/definition16.js';
20
- export { d as dataGrid, b as dataGridCell, c as dataGridElements, a as dataGridRow, r as registerDataGrid } from './shared/definition17.js';
21
- export { d as datePickerDefinition, a as datePickerRegistries, r as registerDatePicker } from './shared/definition18.js';
22
- export { d as dateRangePickerDefinition, a as dateRangePickerRegistries, r as registerDateRangePicker } from './shared/definition19.js';
23
- export { d as dialPadDefinition, a as dialPadRegistries, r as registerDialPad } from './shared/definition20.js';
24
- export { d as dialogDefinition, a as dialogRegistries, r as registerDialog } from './shared/definition21.js';
25
- export { d as dividerDefinition, a as dividerRegistries, r as registerDivider } from './shared/definition22.js';
26
- export { e as emptyStateDefinition, a as emptyStateRegistries, r as registerEmptyState } from './shared/definition23.js';
27
- export { f as fabDefinition, a as fabRegistries, r as registerFab } from './shared/definition24.js';
28
- export { f as filePickerDefinition, a as filePickerRegistries, r as registerFilePicker } from './shared/definition25.js';
29
- export { h as headerDefinition, a as headerRegistries, r as registerHeader } from './shared/definition26.js';
30
- export { i as iconDefinition, a as iconRegistries, r as registerIcon } from './shared/definition27.js';
31
- export { l as layoutDefinition, a as layoutRegistries, r as registerLayout } from './shared/definition28.js';
32
- export { M as MenuItemRole, m as menuItemDefinition, a as menuItemRegistries, r as registerMenuItem } from './shared/definition29.js';
33
- export { m as menuDefinition, a as menuRegistries, r as registerMenu } from './shared/definition30.js';
34
- export { n as navDisclosureDefinition, a as navDisclosureRegistries, r as registerNavDisclosure } from './shared/definition31.js';
35
- export { n as navItemDefinition, a as navItemRegistries, r as registerNavItem } from './shared/definition32.js';
36
- export { n as navDefinition, a as navRegistries, r as registerNav } from './shared/definition33.js';
37
- export { n as noteDefinition, a as noteRegistries, r as registerNote } from './shared/definition34.js';
38
- export { n as numberFieldDefinition, a as numberFieldRegistries, r as registerNumberField } from './shared/definition35.js';
39
- export { l as listboxOptionDefinition, a as listboxOptionRegistries, r as registerOption } from './shared/definition36.js';
40
- export { p as paginationDefinition, a as paginationRegistries, r as registerPagination } from './shared/definition37.js';
41
- export { p as progressRingDefinition, a as progressRingRegistries, r as registerProgressRing } from './shared/definition38.js';
42
- export { p as progressDefinition, a as progressRegistries, r as registerProgress } from './shared/definition39.js';
43
- export { r as radioGroupDefinition, a as radioGroupRegistries, b as registerRadioGroup } from './shared/definition40.js';
44
- export { r as radioDefinition, a as radioRegistries, b as registerRadio } from './shared/definition41.js';
45
- export { r as rangeSliderDefinition, a as rangeSliderRegistries, b as registerRangeSlider } from './shared/definition42.js';
46
- export { o as optionTagDefinition, r as registerSearchableSelect, s as searchableSelectDefinition, a as searchableSelectRegistries } from './shared/definition43.js';
47
- export { r as registerSelect, s as selectDefinition, a as selectRegistries } from './shared/definition44.js';
48
- export { r as registerSelectableBox, s as selectableBoxDefinition, a as selectableBoxRegistries } from './shared/definition45.js';
49
- export { r as registerSideDrawer, s as sideDrawerDefinition, a as sideDrawerRegistries } from './shared/definition46.js';
50
- export { r as registerSlider, s as sliderDefinition, a as sliderRegistries } from './shared/definition47.js';
51
- export { r as registerSplitButton, s as splitButtonDefinition, a as splitButtonRegistries } from './shared/definition48.js';
52
- export { r as registerSwitch, s as switchDefinition, a as switchRegistries } from './shared/definition49.js';
53
- export { r as registerTabPanel, t as tabPanelDefinition, a as tabPanelRegistries } from './shared/definition50.js';
54
- export { r as registerTab, t as tabDefinition, a as tabRegistries } from './shared/definition51.js';
55
- export { r as registerTabs, t as tabsDefinition, a as tabsRegistries } from './shared/definition52.js';
56
- export { r as registerTagGroup, t as tagGroupDefinition, a as tagGroupRegistries } from './shared/definition53.js';
57
- export { r as registerTag, t as tagDefinition, a as tagRegistries } from './shared/definition54.js';
58
- export { r as registerTextArea, t as textAreaDefinition, a as textAreaRegistries } from './shared/definition55.js';
59
- export { r as registerTextField, t as textFieldDefinition, a as textFieldRegistries } from './shared/definition56.js';
60
- export { r as registerTimePicker, t as timePickerDefinition, a as timePickerRegistries } from './shared/definition57.js';
61
- export { r as registerToggletip, t as toggletipDefinition, a as toggletipRegistries } from './shared/definition58.js';
62
- export { r as registerTooltip, t as tooltipDefinition, a as tooltipRegistries } from './shared/definition59.js';
63
- export { r as registerTreeItem, t as treeItemDefinition, a as treeItemRegistries } from './shared/definition60.js';
64
- export { r as registerTreeView, t as treeViewDefinition, a as treeViewRegistries } from './shared/definition61.js';
65
- export { r as registerVideoPlayer, v as videoPlayerDefinition, a as videoPlayerRegistries } from './shared/definition62.js';
10
+ export { b as bannerDefinition, r as registerBanner } from './shared/definition8.js';
11
+ export { b as breadcrumbItemDefinition, r as registerBreadcrumbItem } from './shared/definition9.js';
12
+ export { b as breadcrumbDefinition, r as registerBreadcrumb } from './shared/definition10.js';
13
+ export { b as buttonDefinition, r as registerButton } from './shared/definition11.js';
14
+ export { c as calendarEventDefinition, r as registerCalendarEvent } from './shared/definition12.js';
15
+ export { c as calendarDefinition, r as registerCalendar } from './shared/definition13.js';
16
+ export { c as cardDefinition, r as registerCard } from './shared/definition14.js';
17
+ export { c as checkboxDefinition, r as registerCheckbox } from './shared/definition15.js';
18
+ export { c as comboboxDefinition, r as registerCombobox } from './shared/definition16.js';
19
+ export { d as dataGridCellDefinition, b as dataGridDefinition, a as dataGridRowDefinition, r as registerDataGrid } from './shared/definition17.js';
20
+ export { d as datePickerDefinition, r as registerDatePicker } from './shared/definition18.js';
21
+ export { d as dateRangePickerDefinition, r as registerDateRangePicker } from './shared/definition19.js';
22
+ export { d as dialPadDefinition, r as registerDialPad } from './shared/definition20.js';
23
+ export { d as dialogDefinition, r as registerDialog } from './shared/definition21.js';
24
+ export { d as dividerDefinition, r as registerDivider } from './shared/definition22.js';
25
+ export { e as emptyStateDefinition, r as registerEmptyState } from './shared/definition23.js';
26
+ export { f as fabDefinition, r as registerFab } from './shared/definition24.js';
27
+ export { f as filePickerDefinition, r as registerFilePicker } from './shared/definition25.js';
28
+ export { h as headerDefinition, r as registerHeader } from './shared/definition26.js';
29
+ export { i as iconDefinition, r as registerIcon } from './shared/definition27.js';
30
+ export { l as layoutDefinition, r as registerLayout } from './shared/definition28.js';
31
+ export { M as MenuItemRole, b as menuDefinition, m as menuItemDefinition, a as menuName, c as registerMenu, r as registerMenuItem } from './shared/definition29.js';
32
+ export { n as navDisclosureDefinition, r as registerNavDisclosure } from './shared/definition30.js';
33
+ export { n as navItemDefinition, r as registerNavItem } from './shared/definition31.js';
34
+ export { n as navDefinition, r as registerNav } from './shared/definition32.js';
35
+ export { n as noteDefinition, r as registerNote } from './shared/definition33.js';
36
+ export { n as numberFieldDefinition, r as registerNumberField } from './shared/definition34.js';
37
+ export { l as listboxOptionDefinition, r as registerOption } from './shared/definition35.js';
38
+ export { p as paginationDefinition, r as registerPagination } from './shared/definition36.js';
39
+ export { p as progressRingDefinition, r as registerProgressRing } from './shared/definition37.js';
40
+ export { p as progressDefinition, r as registerProgress } from './shared/definition38.js';
41
+ export { r as radioGroupDefinition, a as registerRadioGroup } from './shared/definition39.js';
42
+ export { r as radioDefinition, a as registerRadio } from './shared/definition40.js';
43
+ export { r as rangeSliderDefinition, a as registerRangeSlider } from './shared/definition41.js';
44
+ export { r as registerSearchableSelect } from './shared/definition42.js';
45
+ export { r as registerSelect, s as selectDefinition } from './shared/definition43.js';
46
+ export { r as registerSelectableBox, s as selectableBoxDefinition } from './shared/definition44.js';
47
+ export { r as registerSideDrawer, s as sideDrawerDefinition } from './shared/definition45.js';
48
+ export { r as registerSlider, s as sliderDefinition } from './shared/definition46.js';
49
+ export { r as registerSplitButton, s as splitButtonDefinition } from './shared/definition47.js';
50
+ export { r as registerSwitch, s as switchDefinition } from './shared/definition48.js';
51
+ export { r as registerTabPanel, t as tabPanelDefinition } from './shared/definition49.js';
52
+ export { r as registerTab, t as tabDefinition } from './shared/definition50.js';
53
+ export { r as registerTabs, t as tabsDefinition } from './shared/definition51.js';
54
+ export { r as registerTagGroup, t as tagGroupDefinition } from './shared/definition52.js';
55
+ export { r as registerTag, t as tagDefinition } from './shared/definition53.js';
56
+ export { r as registerTextArea, t as textAreaDefinition } from './shared/definition54.js';
57
+ export { r as registerTextField, t as textFieldDefinition } from './shared/definition55.js';
58
+ export { r as registerTimePicker, t as timePickerDefinition } from './shared/definition56.js';
59
+ export { r as registerToggletip, t as toggletipDefinition } from './shared/definition57.js';
60
+ export { r as registerTooltip, t as tooltipDefinition } from './shared/definition58.js';
61
+ export { r as registerTreeItem, t as treeItemDefinition } from './shared/definition59.js';
62
+ export { r as registerTreeView, t as treeViewDefinition } from './shared/definition60.js';
63
+ export { r as registerVideoPlayer, v as videoPlayerDefinition } from './shared/definition61.js';
@@ -1,10 +1,10 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
1
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
2
2
  export declare const AccordionExpandMode: {
3
3
  readonly single: "single";
4
4
  readonly multi: "multi";
5
5
  };
6
6
  export type AccordionExpandMode = typeof AccordionExpandMode[keyof typeof AccordionExpandMode];
7
- export declare class Accordion extends FoundationElement {
7
+ export declare class Accordion extends VividElement {
8
8
  expandmode: AccordionExpandMode;
9
9
  activeid: string | null;
10
10
  activeItemIndex: number;
@@ -1,3 +1,2 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
1
  import type { Accordion } from './accordion';
3
- export declare const AccordionTemplate: () => ViewTemplate<Accordion>;
2
+ export declare const AccordionTemplate: import("@microsoft/fast-element").ViewTemplate<Accordion, any>;
@@ -1,2 +1,2 @@
1
1
  export type { AccordionExpandMode } from '@microsoft/fast-foundation';
2
- export declare const registerAccordion: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerAccordion: (prefix?: string) => void;
@@ -1,8 +1,8 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
2
  import type { Size } from '../enums.js';
3
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
4
4
  export type AccordionItemSize = Extract<Size, Size.Condensed | Size.Normal>;
5
- export declare class AccordionItem extends FoundationElement {
5
+ export declare class AccordionItem extends VividElement {
6
6
  headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
7
7
  expanded: boolean;
8
8
  id: string;
@@ -1,4 +1,3 @@
1
- import { 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 { AccordionItem } from './accordion-item.js';
4
- export declare const AccordionItemTemplate: (context: ElementDefinitionContext) => ViewTemplate<AccordionItem>;
3
+ export declare const AccordionItemTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<AccordionItem, any>;
@@ -1 +1 @@
1
- export declare const registerAccordionItem: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
1
+ export declare const registerAccordionItem: (prefix?: string) => void;
@@ -1,8 +1,8 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Appearance, Shape } from '../enums.js';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
3
  export type ActionGroupAppearance = Extract<Appearance, Appearance.Fieldset | Appearance.Ghost>;
4
4
  export type ActionGroupShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
5
- export declare class ActionGroup extends FoundationElement {
5
+ export declare class ActionGroup extends VividElement {
6
6
  shape?: ActionGroupShape;
7
7
  appearance?: ActionGroupAppearance;
8
8
  tight: boolean;
@@ -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 { ActionGroup } from './action-group';
4
- export declare const ActionGroupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<ActionGroup>;
2
+ export declare const ActionGroupTemplate: import("@microsoft/fast-element").ViewTemplate<ActionGroup, any>;
@@ -1,2 +1,2 @@
1
1
  export type { ActionGroupShape, ActionGroupAppearance } from './action-group';
2
- export declare const registerActionGroup: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerActionGroup: (prefix?: string) => void;
@@ -1,11 +1,11 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import { Connotation } from '../enums';
3
2
  import { Localized } from '../../shared/patterns';
4
3
  import { AffixIcon } from '../../shared/patterns/affix';
4
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
5
5
  export type AlertConnotation = Connotation.Accent | Connotation.Information | Connotation.Success | Connotation.Warning | Connotation.Announcement | Connotation.Alert;
6
6
  export type AlertPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end';
7
7
  export type AlertStrategy = 'fixed' | 'static';
8
- export declare class Alert extends FoundationElement {
8
+ export declare class Alert extends VividElement {
9
9
  #private;
10
10
  dismissButtonAriaLabel: string | null;
11
11
  removable: boolean;
@@ -1,4 +1,3 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import { type ElementDefinitionContext, type FoundationElementDefinition } from '@microsoft/fast-foundation';
1
+ import type { VividElementDefinitionContext } from '../../shared/design-system/defineVividComponent';
3
2
  import type { Alert } from './alert';
4
- export declare const AlertTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Alert>;
3
+ export declare const AlertTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Alert, any>;
@@ -1,2 +1,2 @@
1
1
  export type { AlertConnotation } from './alert';
2
- export declare const registerAlert: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerAlert: (prefix?: string) => void;
@@ -1,7 +1,7 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Connotation } from '../enums';
3
2
  import { MediaSkipBy } from '../enums';
4
3
  import { Localized } from '../../shared/patterns';
4
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
5
5
  export type AudioPlayerConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
6
6
  export declare const SKIP_DIRECTIONS: {
7
7
  FORWARD: number;
@@ -9,7 +9,7 @@ export declare const SKIP_DIRECTIONS: {
9
9
  };
10
10
  export type SKIP_DIRECTIONS_TYPE = typeof SKIP_DIRECTIONS[keyof typeof SKIP_DIRECTIONS];
11
11
  export declare function formatTime(time: number): string;
12
- export declare class AudioPlayer extends FoundationElement {
12
+ export declare class AudioPlayer extends VividElement {
13
13
  #private;
14
14
  playButtonAriaLabel: string | null;
15
15
  pauseButtonAriaLabel: string | null;
@@ -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 { AudioPlayer } from './audio-player';
4
- export declare const AudioPlayerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AudioPlayer>;
3
+ export declare const AudioPlayerTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<AudioPlayer, any>;
@@ -1,4 +1,2 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
1
  export type { AudioPlayerConnotation } from './audio-player';
3
- export declare const audioPlayerDefinition: (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 registerAudioPlayer: (prefix?: string) => import("@microsoft/fast-foundation").DesignSystem;
2
+ export declare const registerAudioPlayer: (prefix?: string) => void;
@@ -1,10 +1,10 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
1
  import type { Appearance, Connotation, Shape, Size } from '../enums.js';
2
+ import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
3
3
  export type AvatarConnotation = Extract<Connotation, Connotation.Accent | Connotation.CTA>;
4
4
  export type AvatarAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Duotone | Appearance.Subtle>;
5
5
  export type AvatarShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
6
6
  export type AvatarSize = Extract<Size, Size.Condensed | Size.Normal | Size.Expanded>;
7
- export declare class Avatar extends FoundationElement {
7
+ export declare class Avatar extends VividElement {
8
8
  connotation?: AvatarConnotation;
9
9
  shape?: AvatarShape;
10
10
  appearance?: AvatarAppearance;
@@ -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 { Avatar } from './avatar';
4
- export declare const AvatarTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Avatar>;
3
+ export declare const AvatarTemplate: (context: VividElementDefinitionContext) => import("@microsoft/fast-element").ViewTemplate<Avatar, any>;