@vonage/vivid 3.0.0-next.4 → 3.0.0-next.7

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 (385) hide show
  1. package/.babelrc +3 -0
  2. package/.eslintrc.json +70 -0
  3. package/.stylelintrc.json +8 -0
  4. package/CHANGELOG.json +343 -0
  5. package/CHANGELOG.md +45 -0
  6. package/jest.config.cjs +20 -0
  7. package/package.json +7 -12
  8. package/playwright.config.dev.ts +21 -0
  9. package/playwright.config.ts +34 -0
  10. package/project.json +122 -0
  11. package/rollup.config.prod.ts +50 -0
  12. package/setupJestTests.js +17 -0
  13. package/{index.d.ts → src/index.ts} +2 -2
  14. package/src/lib/accordion/README.md +55 -0
  15. package/src/lib/accordion/accordion.scss +10 -0
  16. package/src/lib/accordion/accordion.spec.ts +91 -0
  17. package/src/lib/accordion/accordion.template.ts +23 -0
  18. package/src/lib/accordion/accordion.ts +49 -0
  19. package/src/lib/accordion/index.ts +14 -0
  20. package/src/lib/accordion/ui.test.ts +37 -0
  21. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-darwin.png +0 -0
  22. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-linux.png +0 -0
  23. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-darwin.png +0 -0
  24. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-linux.png +0 -0
  25. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-darwin.png +0 -0
  26. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-linux.png +0 -0
  27. package/src/lib/accordion-item/README.md +113 -0
  28. package/src/lib/accordion-item/accordion-item.scss +91 -0
  29. package/src/lib/accordion-item/accordion-item.spec.ts +103 -0
  30. package/src/lib/accordion-item/accordion-item.template.ts +62 -0
  31. package/src/lib/accordion-item/accordion-item.ts +67 -0
  32. package/src/lib/accordion-item/index.ts +14 -0
  33. package/src/lib/accordion-item/partials/variables.scss +1 -0
  34. package/src/lib/accordion-item/ui.test.ts +37 -0
  35. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-darwin.png +0 -0
  36. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-linux.png +0 -0
  37. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-darwin.png +0 -0
  38. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-linux.png +0 -0
  39. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-darwin.png +0 -0
  40. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-linux.png +0 -0
  41. package/src/lib/badge/README.md +112 -0
  42. package/src/lib/badge/badge.scss +64 -0
  43. package/src/lib/badge/badge.spec.ts +114 -0
  44. package/src/lib/badge/badge.template.ts +36 -0
  45. package/src/lib/badge/badge.ts +97 -0
  46. package/src/lib/badge/index.ts +23 -0
  47. package/src/lib/badge/ui.test.ts +28 -0
  48. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-darwin.png +0 -0
  49. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-linux.png +0 -0
  50. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-darwin.png +0 -0
  51. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-linux.png +0 -0
  52. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-darwin.png +0 -0
  53. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-linux.png +0 -0
  54. package/src/lib/banner/README.md +117 -0
  55. package/src/lib/banner/banner.scss +71 -0
  56. package/src/lib/banner/banner.spec.ts +355 -0
  57. package/src/lib/banner/banner.template.ts +61 -0
  58. package/src/lib/banner/banner.ts +77 -0
  59. package/src/lib/banner/index.ts +14 -0
  60. package/src/lib/banner/ui.test.ts +64 -0
  61. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-darwin.png +0 -0
  62. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-linux.png +0 -0
  63. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-darwin.png +0 -0
  64. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-linux.png +0 -0
  65. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-darwin.png +0 -0
  66. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-linux.png +0 -0
  67. package/src/lib/breadcrumb/README.md +25 -0
  68. package/src/lib/breadcrumb/breadcrumb.scss +3 -0
  69. package/src/lib/breadcrumb/breadcrumb.spec.ts +78 -0
  70. package/src/lib/breadcrumb/breadcrumb.ts +10 -0
  71. package/src/lib/breadcrumb/index.ts +13 -0
  72. package/src/lib/breadcrumb/ui.test.ts +36 -0
  73. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-darwin.png +0 -0
  74. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-linux.png +0 -0
  75. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-darwin.png +0 -0
  76. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-linux.png +0 -0
  77. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-darwin.png +0 -0
  78. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-linux.png +0 -0
  79. package/src/lib/breadcrumb-item/README.md +40 -0
  80. package/src/lib/breadcrumb-item/breadcrumb-item.scss +28 -0
  81. package/src/lib/breadcrumb-item/breadcrumb-item.spec.ts +192 -0
  82. package/src/lib/breadcrumb-item/breadcrumb-item.template.ts +37 -0
  83. package/src/lib/breadcrumb-item/breadcrumb-item.ts +15 -0
  84. package/src/lib/breadcrumb-item/index.ts +16 -0
  85. package/src/lib/breadcrumb-item/ui.test.ts +38 -0
  86. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-darwin.png +0 -0
  87. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-linux.png +0 -0
  88. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-darwin.png +0 -0
  89. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-linux.png +0 -0
  90. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-darwin.png +0 -0
  91. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-linux.png +0 -0
  92. package/src/lib/button/README.md +120 -0
  93. package/src/lib/button/button.scss +142 -0
  94. package/src/lib/button/button.spec.ts +131 -0
  95. package/src/lib/button/button.template.ts +89 -0
  96. package/src/lib/button/button.ts +95 -0
  97. package/src/lib/button/index.ts +25 -0
  98. package/src/lib/button/partials/variables.scss +2 -0
  99. package/src/lib/button/ui.test.ts +32 -0
  100. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-darwin.png +0 -0
  101. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-linux.png +0 -0
  102. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-darwin.png +0 -0
  103. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-linux.png +0 -0
  104. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-darwin.png +0 -0
  105. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-linux.png +0 -0
  106. package/src/lib/calendar/README.md +70 -0
  107. package/src/lib/calendar/calendar.scss +176 -0
  108. package/src/lib/calendar/calendar.spec.ts +341 -0
  109. package/src/lib/calendar/calendar.template.ts +93 -0
  110. package/src/lib/calendar/calendar.ts +139 -0
  111. package/src/lib/calendar/helpers/calendar.date-functions.ts +31 -0
  112. package/src/lib/calendar/helpers/calendar.event-context.ts +72 -0
  113. package/src/lib/calendar/helpers/calendar.keyboard-interactions.ts +65 -0
  114. package/src/lib/calendar/index.ts +16 -0
  115. package/src/lib/calendar/partials/_variables.scss +15 -0
  116. package/src/lib/calendar/ui.test.ts +32 -0
  117. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-darwin.png +0 -0
  118. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-linux.png +0 -0
  119. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-darwin.png +0 -0
  120. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-linux.png +0 -0
  121. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-darwin.png +0 -0
  122. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-linux.png +0 -0
  123. package/src/lib/components.spec.ts +7 -0
  124. package/{lib/components.d.ts → src/lib/components.ts} +16 -16
  125. package/src/lib/elevation/README.md +99 -0
  126. package/src/lib/elevation/elevation.scss +15 -0
  127. package/src/lib/elevation/elevation.spec.ts +55 -0
  128. package/src/lib/elevation/elevation.template.ts +26 -0
  129. package/src/lib/elevation/elevation.ts +17 -0
  130. package/src/lib/elevation/index.ts +17 -0
  131. package/src/lib/elevation/partials/_elevation.mixin.scss +4 -0
  132. package/src/lib/elevation/ui.test.ts +32 -0
  133. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-darwin.png +0 -0
  134. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-linux.png +0 -0
  135. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-darwin.png +0 -0
  136. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-linux.png +0 -0
  137. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-darwin.png +0 -0
  138. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-linux.png +0 -0
  139. package/src/lib/enums.ts +55 -0
  140. package/src/lib/focus/README.md +1 -0
  141. package/src/lib/focus/focus.scss +17 -0
  142. package/src/lib/focus/focus.template.ts +16 -0
  143. package/src/lib/focus/focus.ts +10 -0
  144. package/src/lib/focus/index.ts +21 -0
  145. package/src/lib/focus/partials/variables.scss +2 -0
  146. package/src/lib/icon/README.md +70 -0
  147. package/src/lib/icon/__snapshots__/icon.spec.ts.snap +16 -0
  148. package/src/lib/icon/icon.placeholder.ts +12 -0
  149. package/src/lib/icon/icon.scss +52 -0
  150. package/src/lib/icon/icon.spec.ts +106 -0
  151. package/src/lib/icon/icon.template.ts +23 -0
  152. package/src/lib/icon/icon.ts +93 -0
  153. package/src/lib/icon/index.ts +14 -0
  154. package/src/lib/layout/README.md +154 -0
  155. package/src/lib/layout/index.ts +18 -0
  156. package/src/lib/layout/layout.scss +40 -0
  157. package/src/lib/layout/layout.spec.ts +73 -0
  158. package/src/lib/layout/layout.template.ts +29 -0
  159. package/src/lib/layout/layout.ts +46 -0
  160. package/src/lib/layout/partials/_functions.scss +15 -0
  161. package/src/lib/layout/partials/_mixins.scss +5 -0
  162. package/src/lib/layout/partials/_variables.scss +23 -0
  163. package/src/lib/layout/ui.test.ts +32 -0
  164. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-darwin.png +0 -0
  165. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-linux.png +0 -0
  166. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-darwin.png +0 -0
  167. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-linux.png +0 -0
  168. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-darwin.png +0 -0
  169. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-linux.png +0 -0
  170. package/src/lib/popup/README.md +261 -0
  171. package/src/lib/popup/index.ts +21 -0
  172. package/src/lib/popup/popup.scss +43 -0
  173. package/src/lib/popup/popup.spec.ts +265 -0
  174. package/src/lib/popup/popup.template.ts +41 -0
  175. package/src/lib/popup/popup.ts +158 -0
  176. package/src/lib/popup/ui.test.ts +111 -0
  177. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-darwin.png +0 -0
  178. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-linux.png +0 -0
  179. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-darwin.png +0 -0
  180. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-linux.png +0 -0
  181. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-darwin.png +0 -0
  182. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-linux.png +0 -0
  183. package/src/lib/progress/README.md +107 -0
  184. package/src/lib/progress/index.ts +14 -0
  185. package/src/lib/progress/progress.scss +133 -0
  186. package/src/lib/progress/progress.spec.ts +173 -0
  187. package/src/lib/progress/progress.template.ts +62 -0
  188. package/src/lib/progress/progress.ts +25 -0
  189. package/src/lib/progress/ui.test.ts +70 -0
  190. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-darwin.png +0 -0
  191. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-linux.png +0 -0
  192. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-darwin.png +0 -0
  193. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-linux.png +0 -0
  194. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-darwin.png +0 -0
  195. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-linux.png +0 -0
  196. package/src/lib/progress-ring/README.md +90 -0
  197. package/src/lib/progress-ring/index.ts +15 -0
  198. package/src/lib/progress-ring/progress-ring.scss +75 -0
  199. package/src/lib/progress-ring/progress-ring.spec.ts +139 -0
  200. package/src/lib/progress-ring/progress-ring.template.ts +82 -0
  201. package/src/lib/progress-ring/progress-ring.ts +18 -0
  202. package/src/lib/progress-ring/ui.test.ts +35 -0
  203. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-darwin.png +0 -0
  204. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-linux.png +0 -0
  205. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-darwin.png +0 -0
  206. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-linux.png +0 -0
  207. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-darwin.png +0 -0
  208. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-linux.png +0 -0
  209. package/src/lib/side-drawer/README.md +304 -0
  210. package/src/lib/side-drawer/index.ts +16 -0
  211. package/src/lib/side-drawer/partials/variables.scss +6 -0
  212. package/src/lib/side-drawer/side-drawer.scss +109 -0
  213. package/src/lib/side-drawer/side-drawer.spec.ts +118 -0
  214. package/src/lib/side-drawer/side-drawer.template.ts +51 -0
  215. package/src/lib/side-drawer/side-drawer.ts +58 -0
  216. package/src/lib/side-drawer/ui.test.ts +102 -0
  217. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-darwin.png +0 -0
  218. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-linux.png +0 -0
  219. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-darwin.png +0 -0
  220. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-linux.png +0 -0
  221. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-darwin.png +0 -0
  222. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-linux.png +0 -0
  223. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-darwin.png +0 -0
  224. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-linux.png +0 -0
  225. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-darwin.png +0 -0
  226. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-linux.png +0 -0
  227. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-darwin.png +0 -0
  228. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-linux.png +0 -0
  229. package/src/lib/sidenav-item/README.md +41 -0
  230. package/src/lib/sidenav-item/index.ts +20 -0
  231. package/src/lib/sidenav-item/sidenav-item.scss +51 -0
  232. package/src/lib/sidenav-item/sidenav-item.spec.ts +64 -0
  233. package/src/lib/sidenav-item/sidenav-item.template.ts +25 -0
  234. package/src/lib/sidenav-item/sidenav-item.ts +15 -0
  235. package/src/lib/sidenav-item/ui.test.ts +32 -0
  236. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-darwin.png +0 -0
  237. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-linux.png +0 -0
  238. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-darwin.png +0 -0
  239. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-linux.png +0 -0
  240. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-darwin.png +0 -0
  241. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-linux.png +0 -0
  242. package/src/lib/text/README.md +119 -0
  243. package/src/lib/text/index.ts +14 -0
  244. package/src/lib/text/text.scss +92 -0
  245. package/src/lib/text/text.spec.ts +54 -0
  246. package/src/lib/text/text.template.ts +28 -0
  247. package/src/lib/text/text.ts +55 -0
  248. package/src/lib/text/ui.test.ts +39 -0
  249. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-darwin.png +0 -0
  250. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-linux.png +0 -0
  251. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-darwin.png +0 -0
  252. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-linux.png +0 -0
  253. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-darwin.png +0 -0
  254. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-linux.png +0 -0
  255. package/src/lib/text-anchor/README.md +5 -0
  256. package/src/lib/text-anchor/index.ts +12 -0
  257. package/src/lib/text-anchor/text-anchor.spec.ts +153 -0
  258. package/src/lib/text-anchor/text-anchor.template.ts +66 -0
  259. package/src/lib/text-anchor/text-anchor.ts +22 -0
  260. package/src/lib/tooltip/README.md +132 -0
  261. package/src/lib/tooltip/index.ts +16 -0
  262. package/src/lib/tooltip/partials/variables.scss +1 -0
  263. package/src/lib/tooltip/tooltip.scss +18 -0
  264. package/src/lib/tooltip/tooltip.spec.ts +70 -0
  265. package/src/lib/tooltip/tooltip.template.ts +30 -0
  266. package/src/lib/tooltip/tooltip.ts +44 -0
  267. package/src/lib/tooltip/ui.test.ts +53 -0
  268. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-darwin.png +0 -0
  269. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-linux.png +0 -0
  270. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-darwin.png +0 -0
  271. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-linux.png +0 -0
  272. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-darwin.png +0 -0
  273. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-linux.png +0 -0
  274. package/src/shared/design-system/index.ts +12 -0
  275. package/src/shared/patterns/affix.ts +56 -0
  276. package/{shared/patterns/index.d.ts → src/shared/patterns/index.ts} +1 -1
  277. package/src/types/extract-gfm.d.ts +5 -0
  278. package/src/types/style.d.ts +4 -0
  279. package/src/visual-tests/visual-tests-utils.ts +76 -0
  280. package/tsconfig.json +36 -0
  281. package/tsconfig.lib.json +11 -0
  282. package/tsconfig.spec.json +16 -0
  283. package/accordion/index.js +0 -61
  284. package/accordion-item/index.js +0 -125
  285. package/badge/index.js +0 -64
  286. package/banner/index.js +0 -212
  287. package/breadcrumb/index.js +0 -100
  288. package/breadcrumb-item/index.js +0 -55
  289. package/button/index.js +0 -761
  290. package/calendar/index.js +0 -1521
  291. package/elevation/index.js +0 -31
  292. package/focus/index.js +0 -3
  293. package/icon/index.js +0 -34
  294. package/index.js +0 -32
  295. package/layout/index.js +0 -53
  296. package/lib/accordion/accordion.d.ts +0 -9
  297. package/lib/accordion/accordion.template.d.ts +0 -4
  298. package/lib/accordion/index.d.ts +0 -2
  299. package/lib/accordion-item/accordion-item.d.ts +0 -13
  300. package/lib/accordion-item/accordion-item.template.d.ts +0 -4
  301. package/lib/accordion-item/index.d.ts +0 -3
  302. package/lib/badge/badge.d.ts +0 -17
  303. package/lib/badge/badge.template.d.ts +0 -4
  304. package/lib/badge/index.d.ts +0 -3
  305. package/lib/banner/banner.d.ts +0 -20
  306. package/lib/banner/banner.template.d.ts +0 -6
  307. package/lib/banner/index.d.ts +0 -2
  308. package/lib/breadcrumb/breadcrumb.d.ts +0 -3
  309. package/lib/breadcrumb/index.d.ts +0 -2
  310. package/lib/breadcrumb-item/breadcrumb-item.d.ts +0 -5
  311. package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +0 -4
  312. package/lib/breadcrumb-item/index.d.ts +0 -3
  313. package/lib/button/button.d.ts +0 -17
  314. package/lib/button/button.template.d.ts +0 -4
  315. package/lib/button/index.d.ts +0 -21
  316. package/lib/calendar/calendar.d.ts +0 -11
  317. package/lib/calendar/calendar.template.d.ts +0 -4
  318. package/lib/calendar/helpers/calendar.date-functions.d.ts +0 -2
  319. package/lib/calendar/helpers/calendar.event-context.d.ts +0 -6
  320. package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +0 -9
  321. package/lib/calendar/index.d.ts +0 -3
  322. package/lib/elevation/elevation.d.ts +0 -4
  323. package/lib/elevation/elevation.template.d.ts +0 -4
  324. package/lib/elevation/index.d.ts +0 -2
  325. package/lib/enums.d.ts +0 -45
  326. package/lib/focus/focus.d.ts +0 -3
  327. package/lib/focus/focus.template.d.ts +0 -4
  328. package/lib/focus/index.d.ts +0 -2
  329. package/lib/icon/icon.d.ts +0 -11
  330. package/lib/icon/icon.placeholder.d.ts +0 -1
  331. package/lib/icon/icon.template.d.ts +0 -4
  332. package/lib/icon/index.d.ts +0 -2
  333. package/lib/layout/index.d.ts +0 -2
  334. package/lib/layout/layout.d.ts +0 -16
  335. package/lib/layout/layout.template.d.ts +0 -4
  336. package/lib/popup/index.d.ts +0 -4
  337. package/lib/popup/popup.d.ts +0 -29
  338. package/lib/popup/popup.template.d.ts +0 -4
  339. package/lib/progress/index.d.ts +0 -2
  340. package/lib/progress/progress.d.ts +0 -9
  341. package/lib/progress/progress.template.d.ts +0 -5
  342. package/lib/side-drawer/index.d.ts +0 -2
  343. package/lib/side-drawer/side-drawer.d.ts +0 -12
  344. package/lib/side-drawer/side-drawer.template.d.ts +0 -4
  345. package/lib/sidenav-item/index.d.ts +0 -3
  346. package/lib/sidenav-item/sidenav-item.d.ts +0 -6
  347. package/lib/sidenav-item/sidenav-item.template.d.ts +0 -4
  348. package/lib/text/index.d.ts +0 -2
  349. package/lib/text/text.d.ts +0 -10
  350. package/lib/text/text.template.d.ts +0 -4
  351. package/lib/text-anchor/index.d.ts +0 -2
  352. package/lib/text-anchor/text-anchor.d.ts +0 -7
  353. package/lib/text-anchor/text-anchor.template.d.ts +0 -4
  354. package/lib/tooltip/index.d.ts +0 -3
  355. package/lib/tooltip/tooltip.d.ts +0 -10
  356. package/lib/tooltip/tooltip.template.d.ts +0 -4
  357. package/popup/index.js +0 -2087
  358. package/progress/index.js +0 -159
  359. package/shared/_has.js +0 -58
  360. package/shared/affix.js +0 -29
  361. package/shared/anchor.js +0 -78
  362. package/shared/apply-mixins.js +0 -22
  363. package/shared/aria-global.js +0 -156
  364. package/shared/breadcrumb-item.js +0 -25
  365. package/shared/class-names.js +0 -15
  366. package/shared/design-system/index.d.ts +0 -3
  367. package/shared/es.object.assign.js +0 -68
  368. package/shared/icon.js +0 -1393
  369. package/shared/index.js +0 -4991
  370. package/shared/index2.js +0 -21
  371. package/shared/patterns/affix.d.ts +0 -9
  372. package/shared/slotted.js +0 -119
  373. package/shared/style-inject.es.js +0 -28
  374. package/shared/text-anchor.js +0 -21
  375. package/shared/text-anchor.template.js +0 -54
  376. package/shared/web.dom-collections.iterator.js +0 -1479
  377. package/shared/when.js +0 -15
  378. package/side-drawer/index.js +0 -103
  379. package/sidenav-item/index.js +0 -38
  380. package/styles/fonts/spezia.css +0 -23
  381. package/styles/themes/dark.css +0 -193
  382. package/styles/themes/light.css +0 -193
  383. package/text/index.js +0 -45
  384. package/text-anchor/index.js +0 -19
  385. package/tooltip/index.js +0 -73
@@ -1,31 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
2
- import { s as styleInject } from '../shared/style-inject.es.js';
3
- import { c as classNames } from '../shared/class-names.js';
4
-
5
- class Elevation extends FoundationElement {}
6
-
7
- __decorate([attr, __metadata("design:type", Number)], Elevation.prototype, "dp", void 0);
8
-
9
- var css_248z = ".control.dp-0 ::slotted(*) {\n background-color: var(--vvd-color-surface-0dp);\n filter: var(--vvd-shadow-surface-0dp);\n}\n.control.dp-2 ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}\n.control.dp-4 ::slotted(*) {\n background-color: var(--vvd-color-surface-4dp);\n filter: var(--vvd-shadow-surface-4dp);\n}\n.control.dp-8 ::slotted(*) {\n background-color: var(--vvd-color-surface-8dp);\n filter: var(--vvd-shadow-surface-8dp);\n}\n.control.dp-12 ::slotted(*) {\n background-color: var(--vvd-color-surface-12dp);\n filter: var(--vvd-shadow-surface-12dp);\n}\n.control.dp-16 ::slotted(*) {\n background-color: var(--vvd-color-surface-16dp);\n filter: var(--vvd-shadow-surface-16dp);\n}\n.control.dp-24 ::slotted(*) {\n background-color: var(--vvd-color-surface-24dp);\n filter: var(--vvd-shadow-surface-24dp);\n}\n.control:not(.dp-0, .dp-4, .dp-8, .dp-12, .dp-16, .dp-24) ::slotted(*) {\n background-color: var(--vvd-color-surface-2dp);\n filter: var(--vvd-shadow-surface-2dp);\n}";
10
- styleInject(css_248z);
11
-
12
- let _ = t => t,
13
- _t;
14
-
15
- const getClasses = ({
16
- dp
17
- }) => classNames('control', [`dp-${dp}`, Boolean(dp)]);
18
-
19
- const elevationTemplate = () => html(_t || (_t = _`
20
- <div class="${0}" part="base">
21
- <slot></slot>
22
- </div>`), getClasses);
23
-
24
- const VIVIDElevation = Elevation.compose({
25
- baseName: 'elevation',
26
- template: elevationTemplate,
27
- styles: css_248z
28
- });
29
- designSystem.register(VIVIDElevation());
30
-
31
- export { VIVIDElevation };
package/focus/index.js DELETED
@@ -1,3 +0,0 @@
1
- import '../shared/index.js';
2
- export { V as VIVIDFocus } from '../shared/index2.js';
3
- import '../shared/style-inject.es.js';
package/icon/index.js DELETED
@@ -1,34 +0,0 @@
1
- import { h as html, d as designSystem } from '../shared/index.js';
2
- import { s as styleInject } from '../shared/style-inject.es.js';
3
- import { I as Icon } from '../shared/icon.js';
4
- import { w as when } from '../shared/when.js';
5
- import { c as classNames } from '../shared/class-names.js';
6
- import '../shared/web.dom-collections.iterator.js';
7
- import '../shared/_has.js';
8
-
9
- var css_248z = ":host {\n display: inline-block;\n vertical-align: sub;\n}\n\n.control {\n display: flex;\n margin: unset;\n color: currentColor;\n contain: strict;\n}\n.control.connotation-primary {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.control.connotation-announcement {\n --connotation: var(--vvd-color-announcement);\n --on-connotation: var(--vvd-color-on-announcement);\n}\n\n.control.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.control.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.control.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.control.connotation-info {\n --connotation: var(--vvd-color-info);\n --on-connotation: var(--vvd-color-on-info);\n}\n\n.control[class*=connotation] {\n color: var(--connotation);\n}\n\nsvg {\n margin: auto;\n block-size: inherit;\n inline-size: inherit;\n}\n\n/* Size */\n.control:not(.size-base-small):not(.size-base):not(.size-base-large) {\n block-size: 1em;\n inline-size: 1em;\n}\n\n.control.size-base-small {\n block-size: 16px;\n inline-size: 16px;\n}\n\n.control.size-base {\n block-size: 24px;\n inline-size: 24px;\n}\n\n.control.size-base-large {\n block-size: 32px;\n inline-size: 32px;\n}";
10
- styleInject(css_248z);
11
-
12
- let _ = t => t,
13
- _t,
14
- _t2;
15
-
16
- const getClasses = ({
17
- connotation,
18
- size
19
- }) => classNames('control', [`connotation-${connotation}`, Boolean(connotation)], [`size-${size}`, Boolean(size)]);
20
-
21
- const iconTemplate = () => html(_t || (_t = _`
22
- <figure class="${0}">
23
- ${0}
24
- </figure>
25
- `), getClasses, when(x => x.svg, x => html(_t2 || (_t2 = _`${0}`), x.svg)));
26
-
27
- const vividIcon = Icon.compose({
28
- baseName: 'icon',
29
- template: iconTemplate,
30
- styles: css_248z
31
- });
32
- designSystem.register(vividIcon());
33
-
34
- export { vividIcon };
package/index.js DELETED
@@ -1,32 +0,0 @@
1
- export { vividTextAnchor } from './text-anchor/index.js';
2
- export { VIVIDBadge } from './badge/index.js';
3
- export { vividButton } from './button/index.js';
4
- export { V as VIVIDFocus } from './shared/index2.js';
5
- export { vividIcon } from './icon/index.js';
6
- export { VIVIDLayout } from './layout/index.js';
7
- export { VIVIDElevation } from './elevation/index.js';
8
- export { vividBreadcrumbItem } from './breadcrumb-item/index.js';
9
- export { vividBreadcrumb } from './breadcrumb/index.js';
10
- export { VIVIDSideDrawer } from './side-drawer/index.js';
11
- export { vividCalendar } from './calendar/index.js';
12
- export { VIVIDPopup } from './popup/index.js';
13
- export { vividTooltip } from './tooltip/index.js';
14
- export { vividBanner } from './banner/index.js';
15
- export { vividAccordionItem } from './accordion-item/index.js';
16
- export { vividAccordion } from './accordion/index.js';
17
- export { d as designSystem, p as provideVividDesignSystem } from './shared/index.js';
18
- import './shared/text-anchor.js';
19
- import './shared/web.dom-collections.iterator.js';
20
- import './shared/affix.js';
21
- import './shared/icon.js';
22
- import './shared/_has.js';
23
- import './shared/anchor.js';
24
- import './shared/apply-mixins.js';
25
- import './shared/aria-global.js';
26
- import './shared/text-anchor.template.js';
27
- import './shared/class-names.js';
28
- import './shared/style-inject.es.js';
29
- import './shared/when.js';
30
- import './shared/breadcrumb-item.js';
31
- import './shared/slotted.js';
32
- import './shared/es.object.assign.js';
package/layout/index.js DELETED
@@ -1,53 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
2
- import { s as styleInject } from '../shared/style-inject.es.js';
3
- import { c as classNames } from '../shared/class-names.js';
4
-
5
- var AUTO_SIZING;
6
-
7
- (function (AUTO_SIZING) {
8
- AUTO_SIZING["Fit"] = "fit";
9
- AUTO_SIZING["Fill"] = "fill";
10
- })(AUTO_SIZING || (AUTO_SIZING = {}));
11
-
12
- class Layout extends FoundationElement {}
13
-
14
- __decorate([attr, __metadata("design:type", String)], Layout.prototype, "gutters", void 0);
15
-
16
- __decorate([attr({
17
- attribute: 'column-basis'
18
- }), __metadata("design:type", String)], Layout.prototype, "columnBasis", void 0);
19
-
20
- __decorate([attr({
21
- attribute: 'column-spacing'
22
- }), __metadata("design:type", String)], Layout.prototype, "columnSpacing", void 0);
23
-
24
- __decorate([attr({
25
- attribute: 'auto-sizing'
26
- }), __metadata("design:type", String)], Layout.prototype, "autoSizing", void 0);
27
-
28
- var css_248z = "/* #region SIZEs */\n/* #region BASES */\n/* #region SPACES */\n.control {\n display: grid;\n grid-auto-rows: min-content;\n}\n.control.column-basis-base-small {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(10rem, 1fr)));\n}\n.control:not(.column-basis-base-small):not(.column-basis-base):not(.column-basis-base-large):not(.column-basis-block), .control.column-basis-base {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(20rem, 1fr)));\n}\n.control.column-basis-base-large {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(30rem, 1fr)));\n}\n.control.column-basis-block {\n grid-template-columns: var(--layout-grid-template-columns, repeat(var(--_auto-sizing), minmax(1fr, 1fr)));\n}\n.control.column-spacing-base-small {\n gap: 16px;\n}\n.control:not(.column-spacing-base-small):not(.column-spacing-base):not(.column-spacing-base-large), .control.column-spacing-base {\n gap: 24px;\n}\n.control.column-spacing-base-large {\n gap: 32px;\n}\n.control.gutters-base-small {\n margin: 16px;\n}\n.control.gutters-base {\n margin: 24px;\n}\n.control.gutters-base-large {\n margin: 32px;\n}\n.control.auto-sizing-fill {\n --_auto-sizing: auto-fill;\n}\n.control:not(.auto-sizing-fill):not(.auto-sizing-fit), .control.auto-sizing-fit {\n --_auto-sizing: auto-fit;\n}";
29
- styleInject(css_248z);
30
-
31
- let _ = t => t,
32
- _t;
33
-
34
- const getClasses = ({
35
- columnBasis,
36
- gutters,
37
- columnSpacing,
38
- autoSizing
39
- }) => classNames('control', [`column-basis-${columnBasis}`, Boolean(columnBasis)], [`gutters-${gutters}`, Boolean(gutters)], [`column-spacing-${columnSpacing}`, Boolean(columnSpacing)], [`auto-sizing-${autoSizing}`, Boolean(autoSizing)]);
40
-
41
- const layoutTemplate = () => html(_t || (_t = _`
42
- <div class="${0}">
43
- <slot></slot>
44
- </div>`), getClasses);
45
-
46
- const VIVIDLayout = Layout.compose({
47
- baseName: 'layout',
48
- template: layoutTemplate,
49
- styles: css_248z
50
- });
51
- designSystem.register(VIVIDLayout());
52
-
53
- export { VIVIDLayout };
@@ -1,9 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Accordion extends FoundationElement {
3
- private accordionItems;
4
- multi: boolean;
5
- constructor();
6
- connectedCallback(): void;
7
- private handleOpened;
8
- closeAll(): void;
9
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Accordion } from './accordion';
4
- export declare const AccordionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Accordion>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,13 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
- export declare class AccordionItem extends FoundationElement {
4
- heading: string;
5
- headingLevel?: 2 | 3 | 4 | 5 | 6;
6
- noIndicator: boolean;
7
- meta: string;
8
- open: boolean;
9
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
10
- private emitEvent;
11
- }
12
- export interface AccordionItem extends AffixIconWithTrailing {
13
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { AccordionItem } from './accordion-item';
4
- export declare const AccordionItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<AccordionItem>;
@@ -1,3 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- import '../icon';
3
- export declare const vividAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,17 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import { AffixIconWithTrailing } from '../../shared/patterns/affix';
3
- import type { Appearance, Connotation, Shape, Size } from '../enums.js';
4
- declare type BadgeConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert | Connotation.Warning | Connotation.Info>;
5
- declare type BadgeAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Subtle>;
6
- declare type BadgeShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
- declare type BadgeSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
8
- export declare class Badge extends FoundationElement {
9
- connotation?: BadgeConnotation;
10
- shape?: BadgeShape;
11
- appearance?: BadgeAppearance;
12
- size?: BadgeSize;
13
- text: string;
14
- }
15
- export interface Badge extends AffixIconWithTrailing {
16
- }
17
- export {};
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Badge } from './badge';
4
- export declare const badgeTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Badge>;
@@ -1,3 +0,0 @@
1
- import '../icon';
2
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const VIVIDBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,20 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import { Connotation } from '../enums';
3
- import { AffixIcon } from '../../shared/patterns/affix';
4
- export declare type BannerConnotation = Connotation.Info | Connotation.Announcement | Connotation.Success | Connotation.Warning | Connotation.Alert;
5
- export declare class Banner extends FoundationElement {
6
- #private;
7
- actionHref: string | undefined;
8
- actionText: string | undefined;
9
- removable: boolean;
10
- ariaLive: any;
11
- role: string | undefined;
12
- text: string | undefined;
13
- connotation: BannerConnotation | undefined;
14
- get conditionedIcon(): string;
15
- connectedCallback(): void;
16
- disconnectedCallback(): void;
17
- remove(): void;
18
- }
19
- export interface Banner extends AffixIcon {
20
- }
@@ -1,6 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import '../button';
4
- import '../text-anchor';
5
- import type { Banner } from './banner';
6
- export declare const BannerTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Banner>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividBanner: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,3 +0,0 @@
1
- import { Breadcrumb as FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Breadcrumb extends FoundationElement {
3
- }
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,5 +0,0 @@
1
- import { BreadcrumbItem as FastBreadcrumbItem } from '@microsoft/fast-foundation';
2
- export declare class BreadcrumbItem extends FastBreadcrumbItem {
3
- text: string;
4
- constructor();
5
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { BreadcrumbItem } from './breadcrumb-item';
4
- export declare const BreadcrumbItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<BreadcrumbItem>;
@@ -1,3 +0,0 @@
1
- import '../icon';
2
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const vividBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,17 +0,0 @@
1
- import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
- import type { Appearance, Connotation, Shape, Size } from '../enums.js';
3
- import { AffixIconWithTrailing } from '../../shared/patterns/affix';
4
- declare type ButtonConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Success | Connotation.Alert>;
5
- export declare type ButtonAppearance = Extract<Appearance, Appearance.Filled | Appearance.Outlined | Appearance.Ghost>;
6
- declare type ButtonShape = Extract<Shape, Shape.Rounded | Shape.Pill>;
7
- declare type ButtonSize = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
8
- export declare class Button extends FoundationButton {
9
- connotation?: ButtonConnotation;
10
- shape?: ButtonShape;
11
- appearance?: ButtonAppearance;
12
- size?: ButtonSize;
13
- label: string;
14
- }
15
- export interface Button extends AffixIconWithTrailing {
16
- }
17
- export {};
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Button } from './button';
4
- export declare const buttonTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Button>;
@@ -1,21 +0,0 @@
1
- import '../icon';
2
- import '../focus';
3
- import { Button as FastButton } from '@microsoft/fast-foundation';
4
- import { Button } from './button';
5
- export declare const vividButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
6
- baseName: string;
7
- baseClass: typeof FastButton;
8
- template: any;
9
- styles: import("@microsoft/fast-element").ComposableStyles;
10
- shadowOptions: {
11
- delegatesFocus: true;
12
- };
13
- }> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
14
- baseName: string;
15
- baseClass: typeof FastButton;
16
- template: any;
17
- styles: import("@microsoft/fast-element").ComposableStyles;
18
- shadowOptions: {
19
- delegatesFocus: true;
20
- };
21
- }, typeof Button>;
@@ -1,11 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Calendar extends FoundationElement {
3
- datetime?: Date | string;
4
- startDay?: 'sunday' | 'monday';
5
- locales?: string | string[] | undefined;
6
- hour12: boolean;
7
- getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => import("./helpers/calendar.event-context").CalendarEventContext | null;
8
- private arrowKeysInteractions;
9
- private moveTo;
10
- onKeydown({ key }: KeyboardEvent): boolean;
11
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Calendar } from './calendar';
4
- export declare const CalendarTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Calendar>;
@@ -1,2 +0,0 @@
1
- export declare function getValidDateString(date: Date): string;
2
- export declare function getFirstDateOfTheWeek(date: Date | undefined, startDay: 'sunday' | 'monday'): Date;
@@ -1,6 +0,0 @@
1
- import type { Calendar } from '../calendar';
2
- export interface CalendarEventContext {
3
- day?: number;
4
- hour?: number;
5
- }
6
- export declare const getEventContext: (this: Calendar, e: KeyboardEvent | MouseEvent) => CalendarEventContext | null;
@@ -1,9 +0,0 @@
1
- import type { Calendar } from '../calendar';
2
- export declare const ARROW_UP = "ArrowUp";
3
- export declare const ARROW_RIGHT = "ArrowRight";
4
- export declare const ARROW_DOWN = "ArrowDown";
5
- export declare const ARROW_LEFT = "ArrowLeft";
6
- export declare type PredefindKeys = typeof ARROW_UP | typeof ARROW_RIGHT | typeof ARROW_DOWN | typeof ARROW_LEFT;
7
- export declare function isCellOrHeader(el: unknown): el is HTMLElement;
8
- export declare function getNextFocusableGridElement(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | void;
9
- export declare function getHeaderDescendantGridCell(this: Calendar, key: PredefindKeys, activeElement: HTMLElement): Element | null | undefined;
@@ -1,3 +0,0 @@
1
- import '../elevation';
2
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const vividCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,4 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Elevation extends FoundationElement {
3
- dp?: 0 | 2 | 4 | 8 | 12 | 16 | 24;
4
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Elevation } from './elevation';
4
- export declare const elevationTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Elevation>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDElevation: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
package/lib/enums.d.ts DELETED
@@ -1,45 +0,0 @@
1
- export declare enum Connotation {
2
- Primary = "primary",
3
- CTA = "cta",
4
- Success = "success",
5
- Alert = "alert",
6
- Warning = "warning",
7
- Info = "info",
8
- Announcement = "announcement"
9
- }
10
- export declare enum ConnotationDecorative {
11
- Pacific = "pacific"
12
- }
13
- export declare enum Shape {
14
- Rounded = "rounded",
15
- Pill = "pill",
16
- Circled = "circled",
17
- Sharp = "sharp"
18
- }
19
- export declare enum Appearance {
20
- Text = "text",
21
- Filled = "filled",
22
- Outlined = "outlined",
23
- Subtle = "subtle",
24
- Ghost = "ghost"
25
- }
26
- export declare enum Size {
27
- BaseSmall = "base-small",
28
- Base = "base",
29
- BaseLarge = "base-large"
30
- }
31
- export declare enum Position {
32
- Top = "TOP",
33
- Bottom = "BOTTOM",
34
- Start = "START",
35
- Center = "CENTER",
36
- End = "END"
37
- }
38
- export declare enum Role {
39
- Status = "status",
40
- Alert = "alert"
41
- }
42
- export declare enum AriaLive {
43
- Polite = "polite",
44
- Assertive = "assertive"
45
- }
@@ -1,3 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- export declare class Focus extends FoundationElement {
3
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Focus } from './focus';
4
- export declare const focusTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Focus>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDFocus: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,11 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Connotation, Size } from '../enums';
3
- declare type IconConnotation = Extract<Connotation, Connotation.Primary | Connotation.CTA | Connotation.Announcement | Connotation.Success | Connotation.Alert | Connotation.Info>;
4
- export declare class Icon extends FoundationElement {
5
- connotation?: IconConnotation;
6
- size?: Size;
7
- svg: string;
8
- type?: string;
9
- typeChanged(): Promise<void>;
10
- }
11
- export {};
@@ -1 +0,0 @@
1
- export declare const PLACEHOLDER_ICON = "<svg width=\"80%\" height=\"80%\" viewBox=\"0 0 64 64\">\n <g>\n <g stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\">\n <path stroke=\"currentColor\" d=\"M4,32 c0,15,12,28,28,28c8,0,16-4,21-9\">\n </path>\n <path d=\"M60,32 C60,16,47.464,4,32,4S4,16,4,32\">\n </path>\n <animateTransform values=\"0,32,32;360,32,32\" attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"750ms\">\n </animateTransform>\n </g>\n </g>\n</svg>";
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Icon } from './icon';
4
- export declare const iconTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Icon>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividIcon: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDLayout: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,16 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { Size } from '../enums.js';
3
- export declare enum AUTO_SIZING {
4
- Fit = "fit",
5
- Fill = "fill"
6
- }
7
- declare type Gutters = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
8
- declare type ColumnSpacing = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge>;
9
- declare type ColumnBasis = Extract<Size, Size.BaseSmall | Size.Base | Size.BaseLarge> | 'block';
10
- export declare class Layout extends FoundationElement {
11
- gutters?: Gutters;
12
- columnBasis?: ColumnBasis;
13
- columnSpacing?: ColumnSpacing;
14
- autoSizing?: AUTO_SIZING;
15
- }
16
- export {};
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Layout } from './layout';
4
- export declare const layoutTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Layout>;
@@ -1,4 +0,0 @@
1
- import '../elevation';
2
- import '../button';
3
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
4
- export declare const VIVIDPopup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,29 +0,0 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import { Placement } from '@floating-ui/dom';
3
- export declare class Popup extends FoundationElement {
4
- private static ARROW_POSITION;
5
- private get PADDING();
6
- private get DISTANCE();
7
- private get STRATEGY();
8
- popupEl: HTMLElement;
9
- arrowEl: HTMLElement;
10
- private cleanup?;
11
- private get middleware();
12
- open: boolean;
13
- dismissible: boolean;
14
- arrow: boolean;
15
- alternate: boolean;
16
- corner?: Placement;
17
- anchor: string;
18
- private anchorEl;
19
- constructor();
20
- disconnectedCallback(): void;
21
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
22
- updatePosition(): Promise<void>;
23
- show(): void;
24
- hide(): void;
25
- handleDismissClick(): void;
26
- private assignPopupPosition;
27
- private assignArrowPosition;
28
- private getAnchorById;
29
- }
@@ -1,4 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- import type { Popup } from './popup';
4
- export declare const popupTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<Popup>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const vividProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,9 +0,0 @@
1
- import { BaseProgress } from '@microsoft/fast-foundation';
2
- import type { Connotation, ConnotationDecorative, Shape } from '../enums';
3
- export declare type ProgressConnotation = Connotation.Primary | Connotation.Success | Connotation.Alert | Connotation.CTA | ConnotationDecorative.Pacific;
4
- export declare type ProgressShape = Shape.Rounded | Shape.Sharp;
5
- export declare class Progress extends BaseProgress {
6
- shape?: ProgressShape;
7
- connotation?: ProgressConnotation;
8
- reverse: boolean;
9
- }
@@ -1,5 +0,0 @@
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
- import type { Progress } from './progress';
5
- export declare const ProgressTemplate: (context: ElementDefinitionContext, definition: ProgressOptions) => ViewTemplate<Progress>;
@@ -1,2 +0,0 @@
1
- import type { FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- export declare const VIVIDSideDrawer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<FoundationElementDefinition, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1,12 +0,0 @@
1
- import { FoundationElement, FoundationElementDefinition, StartEndOptions } from '@microsoft/fast-foundation';
2
- export declare type SideDrawerOptions = FoundationElementDefinition & StartEndOptions;
3
- export declare class SideDrawer extends FoundationElement {
4
- alternate: boolean;
5
- modal: boolean;
6
- open: boolean;
7
- position?: 'start' | 'end';
8
- show(): void;
9
- hide(): void;
10
- handleScrimClick: () => void;
11
- handleKeydown({ key }: KeyboardEvent): void;
12
- }