@fluentui/web-components 3.0.0-alpha.9 → 3.0.0-beta.10

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 (598) hide show
  1. package/CHANGELOG.md +298 -2
  2. package/README.md +4 -0
  3. package/dist/dts/accordion/accordion.d.ts +47 -3
  4. package/dist/dts/accordion/accordion.definition.d.ts +0 -4
  5. package/dist/dts/accordion/accordion.options.d.ts +14 -0
  6. package/dist/dts/accordion/accordion.template.d.ts +4 -0
  7. package/dist/dts/accordion-item/accordion-item.d.ts +78 -3
  8. package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
  9. package/dist/dts/accordion-item/accordion-item.options.d.ts +1 -1
  10. package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -1
  11. package/dist/dts/anchor-button/anchor-button.d.ts +176 -0
  12. package/dist/dts/anchor-button/anchor-button.definition.d.ts +7 -0
  13. package/dist/dts/anchor-button/anchor-button.options.d.ts +64 -0
  14. package/dist/dts/anchor-button/anchor-button.styles.d.ts +1 -0
  15. package/dist/dts/anchor-button/anchor-button.template.d.ts +12 -0
  16. package/dist/dts/anchor-button/define.d.ts +1 -0
  17. package/dist/dts/anchor-button/index.d.ts +4 -0
  18. package/dist/dts/avatar/avatar.options.d.ts +1 -1
  19. package/dist/dts/badge/badge.d.ts +1 -1
  20. package/dist/dts/badge/badge.definition.d.ts +0 -3
  21. package/dist/dts/badge/badge.options.d.ts +2 -1
  22. package/dist/dts/button/button.d.ts +193 -0
  23. package/dist/dts/button/button.definition.d.ts +7 -0
  24. package/dist/dts/button/button.form-associated.d.ts +14 -0
  25. package/dist/dts/button/button.options.d.ts +68 -0
  26. package/dist/dts/button/button.styles.d.ts +1 -0
  27. package/dist/dts/button/button.template.d.ts +9 -0
  28. package/dist/dts/button/define.d.ts +1 -0
  29. package/dist/dts/button/index.d.ts +5 -0
  30. package/dist/dts/checkbox/checkbox.d.ts +78 -0
  31. package/dist/dts/checkbox/checkbox.definition.d.ts +9 -0
  32. package/dist/dts/checkbox/checkbox.form-associated.d.ts +14 -0
  33. package/dist/dts/checkbox/checkbox.options.d.ts +28 -0
  34. package/dist/dts/checkbox/checkbox.styles.d.ts +5 -0
  35. package/dist/dts/checkbox/checkbox.template.d.ts +12 -0
  36. package/dist/dts/checkbox/define.d.ts +1 -0
  37. package/dist/dts/checkbox/index.d.ts +5 -0
  38. package/dist/dts/compound-button/compound-button.d.ts +7 -0
  39. package/dist/dts/compound-button/compound-button.definition.d.ts +7 -0
  40. package/dist/dts/compound-button/compound-button.options.d.ts +51 -0
  41. package/dist/dts/compound-button/compound-button.styles.d.ts +1 -0
  42. package/dist/dts/compound-button/compound-button.template.d.ts +13 -0
  43. package/dist/dts/compound-button/define.d.ts +1 -0
  44. package/dist/dts/compound-button/index.d.ts +5 -0
  45. package/dist/dts/counter-badge/counter-badge.d.ts +1 -1
  46. package/dist/dts/counter-badge/counter-badge.definition.d.ts +0 -4
  47. package/dist/dts/counter-badge/counter-badge.options.d.ts +1 -1
  48. package/dist/dts/dialog/define.d.ts +1 -0
  49. package/dist/dts/dialog/dialog.d.ts +192 -0
  50. package/dist/dts/dialog/dialog.definition.d.ts +9 -0
  51. package/dist/dts/dialog/dialog.options.d.ts +11 -0
  52. package/dist/dts/dialog/dialog.styles.d.ts +4 -0
  53. package/dist/dts/dialog/dialog.template.d.ts +7 -0
  54. package/dist/dts/dialog/index.d.ts +4 -0
  55. package/dist/dts/divider/divider.d.ts +20 -4
  56. package/dist/dts/divider/divider.options.d.ts +30 -5
  57. package/dist/dts/divider/divider.template.d.ts +1 -0
  58. package/dist/dts/form-associated/form-associated.d.ts +178 -0
  59. package/dist/dts/helpers.tests.d.ts +8 -0
  60. package/dist/dts/image/image.options.d.ts +1 -1
  61. package/dist/dts/index.d.ts +19 -0
  62. package/dist/dts/label/define.d.ts +1 -0
  63. package/dist/dts/label/index.d.ts +4 -0
  64. package/dist/dts/label/label.d.ts +42 -0
  65. package/dist/dts/label/label.definition.d.ts +10 -0
  66. package/dist/dts/label/label.options.d.ts +26 -0
  67. package/dist/dts/label/label.styles.d.ts +4 -0
  68. package/dist/dts/label/label.template.d.ts +8 -0
  69. package/dist/dts/menu/define.d.ts +1 -0
  70. package/dist/dts/menu/index.d.ts +4 -0
  71. package/dist/dts/menu/menu.d.ts +194 -0
  72. package/dist/dts/menu/menu.definition.d.ts +9 -0
  73. package/dist/dts/menu/menu.styles.d.ts +4 -0
  74. package/dist/dts/menu/menu.template.d.ts +4 -0
  75. package/dist/dts/menu-button/define.d.ts +1 -0
  76. package/dist/dts/menu-button/index.d.ts +5 -0
  77. package/dist/dts/menu-button/menu-button.d.ts +7 -0
  78. package/dist/dts/menu-button/menu-button.definition.d.ts +7 -0
  79. package/dist/dts/menu-button/menu-button.options.d.ts +47 -0
  80. package/dist/dts/menu-button/menu-button.template.d.ts +7 -0
  81. package/dist/dts/menu-item/define.d.ts +1 -0
  82. package/dist/dts/menu-item/index.d.ts +4 -0
  83. package/dist/dts/menu-item/menu-item.d.ts +166 -0
  84. package/dist/dts/menu-item/menu-item.definition.d.ts +7 -0
  85. package/dist/dts/menu-item/menu-item.options.d.ts +30 -0
  86. package/dist/dts/menu-item/menu-item.styles.d.ts +4 -0
  87. package/dist/dts/menu-item/menu-item.template.d.ts +4 -0
  88. package/dist/dts/menu-list/define.d.ts +1 -0
  89. package/dist/dts/menu-list/index.d.ts +4 -0
  90. package/dist/dts/menu-list/menu-list.d.ts +76 -0
  91. package/dist/dts/menu-list/menu-list.definition.d.ts +7 -0
  92. package/dist/dts/menu-list/menu-list.styles.d.ts +4 -0
  93. package/dist/dts/menu-list/menu-list.template.d.ts +4 -0
  94. package/dist/dts/patterns/aria-globals.d.ts +189 -0
  95. package/dist/dts/patterns/index.d.ts +2 -0
  96. package/dist/dts/patterns/start-end.d.ts +44 -0
  97. package/dist/dts/progress-bar/base-progress.d.ts +41 -0
  98. package/dist/dts/progress-bar/progress-bar.d.ts +11 -4
  99. package/dist/dts/progress-bar/progress-bar.options.d.ts +10 -1
  100. package/dist/dts/progress-bar/progress-bar.styles.d.ts +1 -1
  101. package/dist/dts/progress-bar/progress-bar.template.d.ts +2 -0
  102. package/dist/dts/progress-ring/progress-ring.d.ts +15 -0
  103. package/dist/dts/progress-ring/progress-ring.options.d.ts +9 -0
  104. package/dist/dts/radio/define.d.ts +1 -0
  105. package/dist/dts/radio/index.d.ts +4 -0
  106. package/dist/dts/radio/radio.d.ts +58 -0
  107. package/dist/dts/radio/radio.definition.d.ts +10 -0
  108. package/dist/dts/radio/radio.form-associated.d.ts +14 -0
  109. package/dist/dts/radio/radio.styles.d.ts +4 -0
  110. package/dist/dts/radio/radio.template.d.ts +4 -0
  111. package/dist/dts/radio-group/define.d.ts +1 -0
  112. package/dist/dts/radio-group/index.d.ts +4 -0
  113. package/dist/dts/radio-group/radio-group.d.ts +104 -0
  114. package/dist/dts/radio-group/radio-group.definition.d.ts +10 -0
  115. package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
  116. package/dist/dts/radio-group/radio-group.styles.d.ts +4 -0
  117. package/dist/dts/radio-group/radio-group.template.d.ts +4 -0
  118. package/dist/dts/slider/define.d.ts +1 -0
  119. package/dist/dts/slider/index.d.ts +5 -0
  120. package/dist/dts/slider/slider-utilities.d.ts +5 -0
  121. package/dist/dts/slider/slider.d.ts +214 -0
  122. package/dist/dts/slider/slider.definition.d.ts +10 -0
  123. package/dist/dts/slider/slider.form-associated.d.ts +14 -0
  124. package/dist/dts/slider/slider.options.d.ts +56 -0
  125. package/dist/dts/slider/slider.styles.d.ts +4 -0
  126. package/dist/dts/slider/slider.template.d.ts +5 -0
  127. package/dist/dts/spinner/spinner.d.ts +2 -2
  128. package/dist/dts/spinner/spinner.definition.d.ts +0 -4
  129. package/dist/dts/spinner/spinner.options.d.ts +1 -1
  130. package/dist/dts/spinner/spinner.template.d.ts +2 -0
  131. package/dist/dts/switch/index.d.ts +3 -3
  132. package/dist/dts/switch/switch.d.ts +34 -2
  133. package/dist/dts/switch/switch.form-associated.d.ts +14 -0
  134. package/dist/dts/switch/switch.options.d.ts +1 -1
  135. package/dist/dts/switch/switch.template.d.ts +2 -1
  136. package/dist/dts/tab/define.d.ts +1 -0
  137. package/dist/dts/tab/index.d.ts +4 -0
  138. package/dist/dts/tab/tab.d.ts +23 -0
  139. package/dist/dts/tab/tab.definition.d.ts +2 -0
  140. package/dist/dts/tab/tab.styles.d.ts +1 -0
  141. package/dist/dts/tab/tab.template.d.ts +4 -0
  142. package/dist/dts/tab-panel/define.d.ts +1 -0
  143. package/dist/dts/tab-panel/index.d.ts +4 -0
  144. package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
  145. package/dist/dts/tab-panel/tab-panel.definition.d.ts +2 -0
  146. package/dist/dts/tab-panel/tab-panel.styles.d.ts +1 -0
  147. package/dist/dts/tab-panel/tab-panel.template.d.ts +4 -0
  148. package/dist/dts/tabs/define.d.ts +1 -0
  149. package/dist/dts/tabs/index.d.ts +5 -0
  150. package/dist/dts/tabs/tabs.d.ts +173 -0
  151. package/dist/dts/tabs/tabs.definition.d.ts +2 -0
  152. package/dist/dts/tabs/tabs.options.d.ts +32 -0
  153. package/dist/dts/tabs/tabs.styles.d.ts +1 -0
  154. package/dist/dts/tabs/tabs.template.d.ts +5 -0
  155. package/dist/dts/text/text.options.d.ts +1 -1
  156. package/dist/dts/text-input/define.d.ts +1 -0
  157. package/dist/dts/text-input/index.d.ts +5 -0
  158. package/dist/dts/text-input/text-field.form-associated.d.ts +14 -0
  159. package/dist/dts/text-input/text-input.d.ts +154 -0
  160. package/dist/dts/text-input/text-input.definition.d.ts +10 -0
  161. package/dist/dts/text-input/text-input.options.d.ts +61 -0
  162. package/dist/dts/text-input/text-input.styles.d.ts +4 -0
  163. package/dist/dts/text-input/text-input.template.d.ts +7 -0
  164. package/dist/dts/theme/design-tokens.d.ts +384 -384
  165. package/dist/dts/theme/index.d.ts +2 -2
  166. package/dist/dts/theme/set-theme.d.ts +1 -0
  167. package/dist/dts/toggle-button/define.d.ts +1 -0
  168. package/dist/dts/toggle-button/index.d.ts +5 -0
  169. package/dist/dts/toggle-button/toggle-button.d.ts +48 -0
  170. package/dist/dts/toggle-button/toggle-button.definition.d.ts +8 -0
  171. package/dist/dts/toggle-button/toggle-button.options.d.ts +47 -0
  172. package/dist/dts/toggle-button/toggle-button.styles.d.ts +1 -0
  173. package/dist/dts/toggle-button/toggle-button.template.d.ts +7 -0
  174. package/dist/dts/utils/apply-mixins.d.ts +11 -0
  175. package/dist/dts/utils/benchmark-dependencies/tokens.d.ts +1 -0
  176. package/dist/dts/utils/benchmark-wrapper.d.ts +2 -0
  177. package/dist/dts/utils/direction.d.ts +10 -0
  178. package/dist/dts/utils/index.d.ts +4 -0
  179. package/dist/dts/utils/template-helpers.d.ts +16 -0
  180. package/dist/dts/utils/typings.d.ts +6 -0
  181. package/dist/dts/utils/whitespace-filter.d.ts +12 -0
  182. package/dist/esm/accordion/accordion.definition.js +0 -4
  183. package/dist/esm/accordion/accordion.definition.js.map +1 -1
  184. package/dist/esm/accordion/accordion.js +216 -3
  185. package/dist/esm/accordion/accordion.js.map +1 -1
  186. package/dist/esm/accordion/accordion.options.js +9 -0
  187. package/dist/esm/accordion/accordion.options.js.map +1 -0
  188. package/dist/esm/accordion/accordion.styles.js +2 -1
  189. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  190. package/dist/esm/accordion/accordion.template.js +11 -1
  191. package/dist/esm/accordion/accordion.template.js.map +1 -1
  192. package/dist/esm/accordion-item/accordion-item.definition.js +0 -3
  193. package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
  194. package/dist/esm/accordion-item/accordion-item.js +86 -5
  195. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  196. package/dist/esm/accordion-item/accordion-item.styles.js +2 -1
  197. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  198. package/dist/esm/accordion-item/accordion-item.template.js +49 -4
  199. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  200. package/dist/esm/anchor-button/anchor-button.definition.js +18 -0
  201. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -0
  202. package/dist/esm/anchor-button/anchor-button.js +146 -0
  203. package/dist/esm/anchor-button/anchor-button.js.map +1 -0
  204. package/dist/esm/anchor-button/anchor-button.options.js +28 -0
  205. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -0
  206. package/dist/esm/anchor-button/anchor-button.styles.js +11 -0
  207. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -0
  208. package/dist/esm/anchor-button/anchor-button.template.js +55 -0
  209. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -0
  210. package/dist/esm/anchor-button/define.js +4 -0
  211. package/dist/esm/anchor-button/define.js.map +1 -0
  212. package/dist/esm/anchor-button/index.js +5 -0
  213. package/dist/esm/anchor-button/index.js.map +1 -0
  214. package/dist/esm/avatar/avatar.js +6 -1
  215. package/dist/esm/avatar/avatar.js.map +1 -1
  216. package/dist/esm/avatar/avatar.styles.js +6 -5
  217. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  218. package/dist/esm/badge/badge.definition.js +0 -3
  219. package/dist/esm/badge/badge.definition.js.map +1 -1
  220. package/dist/esm/badge/badge.js +9 -2
  221. package/dist/esm/badge/badge.js.map +1 -1
  222. package/dist/esm/badge/badge.options.js.map +1 -1
  223. package/dist/esm/badge/badge.template.js +2 -1
  224. package/dist/esm/badge/badge.template.js.map +1 -1
  225. package/dist/esm/button/button.definition.js +18 -0
  226. package/dist/esm/button/button.definition.js.map +1 -0
  227. package/dist/esm/button/button.form-associated.js +14 -0
  228. package/dist/esm/button/button.form-associated.js.map +1 -0
  229. package/dist/esm/button/button.js +197 -0
  230. package/dist/esm/button/button.js.map +1 -0
  231. package/dist/esm/button/button.options.js +40 -0
  232. package/dist/esm/button/button.options.js.map +1 -0
  233. package/dist/esm/button/button.styles.js +260 -0
  234. package/dist/esm/button/button.styles.js.map +1 -0
  235. package/dist/esm/button/button.template.js +55 -0
  236. package/dist/esm/button/button.template.js.map +1 -0
  237. package/dist/esm/button/define.js +4 -0
  238. package/dist/esm/button/define.js.map +1 -0
  239. package/dist/esm/button/index.js +6 -0
  240. package/dist/esm/button/index.js.map +1 -0
  241. package/dist/esm/checkbox/checkbox.definition.js +17 -0
  242. package/dist/esm/checkbox/checkbox.definition.js.map +1 -0
  243. package/dist/esm/checkbox/checkbox.form-associated.js +14 -0
  244. package/dist/esm/checkbox/checkbox.form-associated.js.map +1 -0
  245. package/dist/esm/checkbox/checkbox.js +82 -0
  246. package/dist/esm/checkbox/checkbox.js.map +1 -0
  247. package/dist/esm/checkbox/checkbox.options.js +25 -0
  248. package/dist/esm/checkbox/checkbox.options.js.map +1 -0
  249. package/dist/esm/checkbox/checkbox.styles.js +164 -0
  250. package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
  251. package/dist/esm/checkbox/checkbox.template.js +55 -0
  252. package/dist/esm/checkbox/checkbox.template.js.map +1 -0
  253. package/dist/esm/checkbox/define.js +4 -0
  254. package/dist/esm/checkbox/define.js.map +1 -0
  255. package/dist/esm/checkbox/index.js +6 -0
  256. package/dist/esm/checkbox/index.js.map +1 -0
  257. package/dist/esm/compound-button/compound-button.definition.js +18 -0
  258. package/dist/esm/compound-button/compound-button.definition.js.map +1 -0
  259. package/dist/esm/compound-button/compound-button.js +8 -0
  260. package/dist/esm/compound-button/compound-button.js.map +1 -0
  261. package/dist/esm/compound-button/compound-button.options.js +17 -0
  262. package/dist/esm/compound-button/compound-button.options.js.map +1 -0
  263. package/dist/esm/compound-button/compound-button.styles.js +105 -0
  264. package/dist/esm/compound-button/compound-button.styles.js.map +1 -0
  265. package/dist/esm/compound-button/compound-button.template.js +60 -0
  266. package/dist/esm/compound-button/compound-button.template.js.map +1 -0
  267. package/dist/esm/compound-button/define.js +4 -0
  268. package/dist/esm/compound-button/define.js.map +1 -0
  269. package/dist/esm/compound-button/index.js +6 -0
  270. package/dist/esm/compound-button/index.js.map +1 -0
  271. package/dist/esm/counter-badge/counter-badge.definition.js +0 -4
  272. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
  273. package/dist/esm/counter-badge/counter-badge.js +9 -2
  274. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  275. package/dist/esm/dialog/define.js +4 -0
  276. package/dist/esm/dialog/define.js.map +1 -0
  277. package/dist/esm/dialog/dialog.definition.js +17 -0
  278. package/dist/esm/dialog/dialog.definition.js.map +1 -0
  279. package/dist/esm/dialog/dialog.js +370 -0
  280. package/dist/esm/dialog/dialog.js.map +1 -0
  281. package/dist/esm/dialog/dialog.options.js +10 -0
  282. package/dist/esm/dialog/dialog.options.js.map +1 -0
  283. package/dist/esm/dialog/dialog.styles.js +102 -0
  284. package/dist/esm/dialog/dialog.styles.js.map +1 -0
  285. package/dist/esm/dialog/dialog.template.js +61 -0
  286. package/dist/esm/dialog/dialog.template.js.map +1 -0
  287. package/dist/esm/dialog/index.js +5 -0
  288. package/dist/esm/dialog/index.js.map +1 -0
  289. package/dist/esm/divider/divider.js +35 -5
  290. package/dist/esm/divider/divider.js.map +1 -1
  291. package/dist/esm/divider/divider.options.js +14 -5
  292. package/dist/esm/divider/divider.options.js.map +1 -1
  293. package/dist/esm/divider/divider.styles.js +18 -2
  294. package/dist/esm/divider/divider.styles.js.map +1 -1
  295. package/dist/esm/divider/divider.template.js +12 -1
  296. package/dist/esm/divider/divider.template.js.map +1 -1
  297. package/dist/esm/form-associated/form-associated.js +458 -0
  298. package/dist/esm/form-associated/form-associated.js.map +1 -0
  299. package/dist/esm/helpers.tests.js +29 -0
  300. package/dist/esm/helpers.tests.js.map +1 -0
  301. package/dist/esm/image/image.js +6 -1
  302. package/dist/esm/image/image.js.map +1 -1
  303. package/dist/esm/image/image.styles.js +8 -1
  304. package/dist/esm/image/image.styles.js.map +1 -1
  305. package/dist/esm/index.js +19 -0
  306. package/dist/esm/index.js.map +1 -1
  307. package/dist/esm/label/define.js +4 -0
  308. package/dist/esm/label/define.js.map +1 -0
  309. package/dist/esm/label/index.js +5 -0
  310. package/dist/esm/label/index.js.map +1 -0
  311. package/dist/esm/label/label.definition.js +18 -0
  312. package/dist/esm/label/label.definition.js.map +1 -0
  313. package/dist/esm/label/label.js +45 -0
  314. package/dist/esm/label/label.js.map +1 -0
  315. package/dist/esm/label/label.options.js +16 -0
  316. package/dist/esm/label/label.options.js.map +1 -0
  317. package/dist/esm/label/label.styles.js +38 -0
  318. package/dist/esm/label/label.styles.js.map +1 -0
  319. package/dist/esm/label/label.template.js +13 -0
  320. package/dist/esm/label/label.template.js.map +1 -0
  321. package/dist/esm/menu/define.js +4 -0
  322. package/dist/esm/menu/define.js.map +1 -0
  323. package/dist/esm/menu/index.js +5 -0
  324. package/dist/esm/menu/index.js.map +1 -0
  325. package/dist/esm/menu/menu.definition.js +17 -0
  326. package/dist/esm/menu/menu.definition.js.map +1 -0
  327. package/dist/esm/menu/menu.js +413 -0
  328. package/dist/esm/menu/menu.js.map +1 -0
  329. package/dist/esm/menu/menu.styles.js +17 -0
  330. package/dist/esm/menu/menu.styles.js.map +1 -0
  331. package/dist/esm/menu/menu.template.js +24 -0
  332. package/dist/esm/menu/menu.template.js.map +1 -0
  333. package/dist/esm/menu-button/define.js +4 -0
  334. package/dist/esm/menu-button/define.js.map +1 -0
  335. package/dist/esm/menu-button/index.js +6 -0
  336. package/dist/esm/menu-button/index.js.map +1 -0
  337. package/dist/esm/menu-button/menu-button.definition.js +18 -0
  338. package/dist/esm/menu-button/menu-button.definition.js.map +1 -0
  339. package/dist/esm/menu-button/menu-button.js +8 -0
  340. package/dist/esm/menu-button/menu-button.js.map +1 -0
  341. package/dist/esm/menu-button/menu-button.options.js +17 -0
  342. package/dist/esm/menu-button/menu-button.options.js.map +1 -0
  343. package/dist/esm/menu-button/menu-button.template.js +10 -0
  344. package/dist/esm/menu-button/menu-button.template.js.map +1 -0
  345. package/dist/esm/menu-item/define.js +4 -0
  346. package/dist/esm/menu-item/define.js.map +1 -0
  347. package/dist/esm/menu-item/index.js +5 -0
  348. package/dist/esm/menu-item/index.js.map +1 -0
  349. package/dist/esm/menu-item/menu-item.definition.js +15 -0
  350. package/dist/esm/menu-item/menu-item.definition.js.map +1 -0
  351. package/dist/esm/menu-item/menu-item.js +275 -0
  352. package/dist/esm/menu-item/menu-item.js.map +1 -0
  353. package/dist/esm/menu-item/menu-item.options.js +27 -0
  354. package/dist/esm/menu-item/menu-item.options.js.map +1 -0
  355. package/dist/esm/menu-item/menu-item.styles.js +183 -0
  356. package/dist/esm/menu-item/menu-item.styles.js.map +1 -0
  357. package/dist/esm/menu-item/menu-item.template.js +65 -0
  358. package/dist/esm/menu-item/menu-item.template.js.map +1 -0
  359. package/dist/esm/menu-list/define.js +4 -0
  360. package/dist/esm/menu-list/define.js.map +1 -0
  361. package/dist/esm/menu-list/index.js +5 -0
  362. package/dist/esm/menu-list/index.js.map +1 -0
  363. package/dist/esm/menu-list/menu-list.definition.js +15 -0
  364. package/dist/esm/menu-list/menu-list.definition.js.map +1 -0
  365. package/dist/esm/menu-list/menu-list.js +291 -0
  366. package/dist/esm/menu-list/menu-list.js.map +1 -0
  367. package/dist/esm/menu-list/menu-list.styles.js +24 -0
  368. package/dist/esm/menu-list/menu-list.styles.js.map +1 -0
  369. package/dist/esm/menu-list/menu-list.template.js +15 -0
  370. package/dist/esm/menu-list/menu-list.template.js.map +1 -0
  371. package/dist/esm/patterns/aria-globals.js +77 -0
  372. package/dist/esm/patterns/aria-globals.js.map +1 -0
  373. package/dist/esm/patterns/index.js +3 -0
  374. package/dist/esm/patterns/index.js.map +1 -0
  375. package/dist/esm/patterns/start-end.js +29 -0
  376. package/dist/esm/patterns/start-end.js.map +1 -0
  377. package/dist/esm/progress-bar/base-progress.js +61 -0
  378. package/dist/esm/progress-bar/base-progress.js.map +1 -0
  379. package/dist/esm/progress-bar/progress-bar.js +16 -4
  380. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  381. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  382. package/dist/esm/progress-bar/progress-bar.styles.js +20 -3
  383. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  384. package/dist/esm/progress-bar/progress-bar.template.js +25 -1
  385. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  386. package/dist/esm/progress-ring/progress-ring.js +16 -0
  387. package/dist/esm/progress-ring/progress-ring.js.map +1 -0
  388. package/dist/esm/progress-ring/progress-ring.options.js +2 -0
  389. package/dist/esm/progress-ring/progress-ring.options.js.map +1 -0
  390. package/dist/esm/radio/define.js +4 -0
  391. package/dist/esm/radio/define.js.map +1 -0
  392. package/dist/esm/radio/index.js +5 -0
  393. package/dist/esm/radio/index.js.map +1 -0
  394. package/dist/esm/radio/radio.definition.js +18 -0
  395. package/dist/esm/radio/radio.definition.js.map +1 -0
  396. package/dist/esm/radio/radio.form-associated.js +14 -0
  397. package/dist/esm/radio/radio.form-associated.js.map +1 -0
  398. package/dist/esm/radio/radio.js +101 -0
  399. package/dist/esm/radio/radio.js.map +1 -0
  400. package/dist/esm/radio/radio.styles.js +118 -0
  401. package/dist/esm/radio/radio.styles.js.map +1 -0
  402. package/dist/esm/radio/radio.template.js +32 -0
  403. package/dist/esm/radio/radio.template.js.map +1 -0
  404. package/dist/esm/radio-group/define.js +4 -0
  405. package/dist/esm/radio-group/define.js.map +1 -0
  406. package/dist/esm/radio-group/index.js +5 -0
  407. package/dist/esm/radio-group/index.js.map +1 -0
  408. package/dist/esm/radio-group/radio-group.definition.js +18 -0
  409. package/dist/esm/radio-group/radio-group.definition.js.map +1 -0
  410. package/dist/esm/radio-group/radio-group.js +372 -0
  411. package/dist/esm/radio-group/radio-group.js.map +1 -0
  412. package/dist/esm/radio-group/radio-group.options.js +7 -0
  413. package/dist/esm/radio-group/radio-group.options.js.map +1 -0
  414. package/dist/esm/radio-group/radio-group.styles.js +52 -0
  415. package/dist/esm/radio-group/radio-group.styles.js.map +1 -0
  416. package/dist/esm/radio-group/radio-group.template.js +32 -0
  417. package/dist/esm/radio-group/radio-group.template.js.map +1 -0
  418. package/dist/esm/slider/define.js +4 -0
  419. package/dist/esm/slider/define.js.map +1 -0
  420. package/dist/esm/slider/index.js +6 -0
  421. package/dist/esm/slider/index.js.map +1 -0
  422. package/dist/esm/slider/slider-utilities.js +12 -0
  423. package/dist/esm/slider/slider-utilities.js.map +1 -0
  424. package/dist/esm/slider/slider.definition.js +18 -0
  425. package/dist/esm/slider/slider.definition.js.map +1 -0
  426. package/dist/esm/slider/slider.form-associated.js +14 -0
  427. package/dist/esm/slider/slider.form-associated.js.map +1 -0
  428. package/dist/esm/slider/slider.js +480 -0
  429. package/dist/esm/slider/slider.js.map +1 -0
  430. package/dist/esm/slider/slider.options.js +20 -0
  431. package/dist/esm/slider/slider.options.js.map +1 -0
  432. package/dist/esm/slider/slider.styles.js +203 -0
  433. package/dist/esm/slider/slider.styles.js.map +1 -0
  434. package/dist/esm/slider/slider.template.js +42 -0
  435. package/dist/esm/slider/slider.template.js.map +1 -0
  436. package/dist/esm/spinner/spinner.definition.js +0 -4
  437. package/dist/esm/spinner/spinner.definition.js.map +1 -1
  438. package/dist/esm/spinner/spinner.js +8 -3
  439. package/dist/esm/spinner/spinner.js.map +1 -1
  440. package/dist/esm/spinner/spinner.styles.js +2 -1
  441. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  442. package/dist/esm/spinner/spinner.template.js +27 -1
  443. package/dist/esm/spinner/spinner.template.js.map +1 -1
  444. package/dist/esm/styles/partials/badge.partials.js +5 -4
  445. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  446. package/dist/esm/switch/index.js +3 -3
  447. package/dist/esm/switch/index.js.map +1 -1
  448. package/dist/esm/switch/switch.form-associated.js +14 -0
  449. package/dist/esm/switch/switch.form-associated.js.map +1 -0
  450. package/dist/esm/switch/switch.js +54 -4
  451. package/dist/esm/switch/switch.js.map +1 -1
  452. package/dist/esm/switch/switch.styles.js +33 -5
  453. package/dist/esm/switch/switch.styles.js.map +1 -1
  454. package/dist/esm/switch/switch.template.js +25 -1
  455. package/dist/esm/switch/switch.template.js.map +1 -1
  456. package/dist/esm/tab/define.js +4 -0
  457. package/dist/esm/tab/define.js.map +1 -0
  458. package/dist/esm/tab/index.js +5 -0
  459. package/dist/esm/tab/index.js.map +1 -0
  460. package/dist/esm/tab/tab.definition.js +10 -0
  461. package/dist/esm/tab/tab.definition.js.map +1 -0
  462. package/dist/esm/tab/tab.js +31 -0
  463. package/dist/esm/tab/tab.js.map +1 -0
  464. package/dist/esm/tab/tab.styles.js +98 -0
  465. package/dist/esm/tab/tab.styles.js.map +1 -0
  466. package/dist/esm/tab/tab.template.js +13 -0
  467. package/dist/esm/tab/tab.template.js.map +1 -0
  468. package/dist/esm/tab-panel/define.js +4 -0
  469. package/dist/esm/tab-panel/define.js.map +1 -0
  470. package/dist/esm/tab-panel/index.js +5 -0
  471. package/dist/esm/tab-panel/index.js.map +1 -0
  472. package/dist/esm/tab-panel/tab-panel.definition.js +10 -0
  473. package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -0
  474. package/dist/esm/tab-panel/tab-panel.js +4 -0
  475. package/dist/esm/tab-panel/tab-panel.js.map +1 -0
  476. package/dist/esm/tab-panel/tab-panel.styles.js +12 -0
  477. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -0
  478. package/dist/esm/tab-panel/tab-panel.template.js +10 -0
  479. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -0
  480. package/dist/esm/tabs/define.js +4 -0
  481. package/dist/esm/tabs/define.js.map +1 -0
  482. package/dist/esm/tabs/index.js +6 -0
  483. package/dist/esm/tabs/index.js.map +1 -0
  484. package/dist/esm/tabs/tabs.definition.js +10 -0
  485. package/dist/esm/tabs/tabs.definition.js.map +1 -0
  486. package/dist/esm/tabs/tabs.js +436 -0
  487. package/dist/esm/tabs/tabs.js.map +1 -0
  488. package/dist/esm/tabs/tabs.options.js +16 -0
  489. package/dist/esm/tabs/tabs.options.js.map +1 -0
  490. package/dist/esm/tabs/tabs.styles.js +230 -0
  491. package/dist/esm/tabs/tabs.styles.js.map +1 -0
  492. package/dist/esm/tabs/tabs.template.js +16 -0
  493. package/dist/esm/tabs/tabs.template.js.map +1 -0
  494. package/dist/esm/text/text.js +6 -1
  495. package/dist/esm/text/text.js.map +1 -1
  496. package/dist/esm/text/text.styles.js +8 -2
  497. package/dist/esm/text/text.styles.js.map +1 -1
  498. package/dist/esm/text-input/define.js +4 -0
  499. package/dist/esm/text-input/define.js.map +1 -0
  500. package/dist/esm/text-input/index.js +6 -0
  501. package/dist/esm/text-input/index.js.map +1 -0
  502. package/dist/esm/text-input/text-field.form-associated.js +14 -0
  503. package/dist/esm/text-input/text-field.form-associated.js.map +1 -0
  504. package/dist/esm/text-input/text-input.definition.js +18 -0
  505. package/dist/esm/text-input/text-input.definition.js.map +1 -0
  506. package/dist/esm/text-input/text-input.js +181 -0
  507. package/dist/esm/text-input/text-input.js.map +1 -0
  508. package/dist/esm/text-input/text-input.options.js +46 -0
  509. package/dist/esm/text-input/text-input.options.js.map +1 -0
  510. package/dist/esm/text-input/text-input.styles.js +200 -0
  511. package/dist/esm/text-input/text-input.styles.js.map +1 -0
  512. package/dist/esm/text-input/text-input.template.js +69 -0
  513. package/dist/esm/text-input/text-input.template.js.map +1 -0
  514. package/dist/esm/theme/design-tokens.js +385 -386
  515. package/dist/esm/theme/design-tokens.js.map +1 -1
  516. package/dist/esm/theme/index.js +2 -2
  517. package/dist/esm/theme/index.js.map +1 -1
  518. package/dist/esm/theme/set-theme.js +6 -1
  519. package/dist/esm/theme/set-theme.js.map +1 -1
  520. package/dist/esm/toggle-button/define.js +4 -0
  521. package/dist/esm/toggle-button/define.js.map +1 -0
  522. package/dist/esm/toggle-button/index.js +6 -0
  523. package/dist/esm/toggle-button/index.js.map +1 -0
  524. package/dist/esm/toggle-button/toggle-button.definition.js +19 -0
  525. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -0
  526. package/dist/esm/toggle-button/toggle-button.js +107 -0
  527. package/dist/esm/toggle-button/toggle-button.js.map +1 -0
  528. package/dist/esm/toggle-button/toggle-button.options.js +17 -0
  529. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -0
  530. package/dist/esm/toggle-button/toggle-button.styles.js +94 -0
  531. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -0
  532. package/dist/esm/toggle-button/toggle-button.template.js +7 -0
  533. package/dist/esm/toggle-button/toggle-button.template.js.map +1 -0
  534. package/dist/esm/utils/apply-mixins.js +26 -0
  535. package/dist/esm/utils/apply-mixins.js.map +1 -0
  536. package/dist/esm/utils/benchmark-dependencies/tokens.js +2 -0
  537. package/dist/esm/utils/benchmark-dependencies/tokens.js.map +1 -0
  538. package/dist/esm/utils/benchmark-wrapper.js +18 -0
  539. package/dist/esm/utils/benchmark-wrapper.js.map +1 -0
  540. package/dist/esm/utils/direction.js +15 -0
  541. package/dist/esm/utils/direction.js.map +1 -0
  542. package/dist/esm/utils/index.js +5 -0
  543. package/dist/esm/utils/index.js.map +1 -0
  544. package/dist/esm/utils/template-helpers.js +19 -0
  545. package/dist/esm/utils/template-helpers.js.map +1 -0
  546. package/dist/esm/utils/typings.js +3 -0
  547. package/dist/esm/utils/typings.js.map +1 -0
  548. package/dist/esm/utils/whitespace-filter.js +13 -0
  549. package/dist/esm/utils/whitespace-filter.js.map +1 -0
  550. package/dist/fluent-web-components.api.json +18374 -7750
  551. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +1 -0
  552. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +1 -0
  553. package/dist/storybook/284.0946b1fb.iframe.bundle.js +2 -0
  554. package/dist/storybook/284.0946b1fb.iframe.bundle.js.LICENSE.txt +51 -0
  555. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +2 -0
  556. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +17 -0
  557. package/dist/storybook/401.7edec720.iframe.bundle.js +2 -0
  558. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +12 -0
  559. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +2 -0
  560. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +12 -0
  561. package/dist/storybook/491.77b24750.iframe.bundle.js +1 -0
  562. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +2 -0
  563. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +94 -0
  564. package/dist/storybook/709.22096ad4.iframe.bundle.js +2 -0
  565. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +8 -0
  566. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +2 -0
  567. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +8 -0
  568. package/dist/storybook/721.46fa9f53.iframe.bundle.js +2 -0
  569. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +31 -0
  570. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +2 -0
  571. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +31 -0
  572. package/dist/storybook/858.da40ed98.iframe.bundle.js +1 -0
  573. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +1 -0
  574. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +1 -0
  575. package/dist/storybook/954.630c5748.iframe.bundle.js +1 -0
  576. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +1 -0
  577. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  578. package/dist/storybook/favicon.ico +0 -0
  579. package/dist/storybook/favicon.png +0 -0
  580. package/dist/storybook/iframe.html +364 -0
  581. package/dist/storybook/index.html +165 -0
  582. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +1 -0
  583. package/dist/storybook/main.b9de79ac.iframe.bundle.js +2 -0
  584. package/dist/storybook/main.b9de79ac.iframe.bundle.js.LICENSE.txt +1 -0
  585. package/dist/storybook/project.json +1 -0
  586. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +1 -0
  587. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +1 -0
  588. package/dist/storybook/shell.css +83 -0
  589. package/dist/storybook/theme-switch.ts +13 -0
  590. package/dist/web-components.d.ts +4414 -917
  591. package/dist/web-components.js +6209 -3672
  592. package/dist/web-components.min.js +185 -115
  593. package/docs/api-report.md +1583 -434
  594. package/package.json +142 -63
  595. package/playwright.config.ts +25 -0
  596. package/tensile.config.js +24 -0
  597. package/CHANGELOG.json +0 -2935
  598. package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.md CHANGED
@@ -1,12 +1,308 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 01 Mar 2023 04:20:15 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 09 Apr 2024 04:07:57 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.10)
8
+
9
+ Tue, 09 Apr 2024 04:07:57 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.9..@fluentui/web-components_v3.0.0-beta.10)
11
+
12
+ ### Changes
13
+
14
+ - revert design token syntax change for DX ([PR #30819](https://github.com/microsoft/fluentui/pull/30819) by =)
15
+
16
+ ## [3.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.9)
17
+
18
+ Mon, 08 Apr 2024 04:08:59 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.8..@fluentui/web-components_v3.0.0-beta.9)
20
+
21
+ ### Changes
22
+
23
+ - chore: setup perf benchmarking in web components ([PR #30972](https://github.com/microsoft/fluentui/pull/30972) by =)
24
+ - Bump @fluentui/tokens to v1.0.0-alpha.2 ([PR #30972](https://github.com/microsoft/fluentui/pull/30972) by beachball)
25
+
26
+ ## [3.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.8)
27
+
28
+ Mon, 12 Feb 2024 04:08:06 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.7..@fluentui/web-components_v3.0.0-beta.8)
30
+
31
+ ### Changes
32
+
33
+ - Removes dependancy on fast-foundation classes and templates ([PR #30090](https://github.com/microsoft/fluentui/pull/30090) by jes@microsoft.com)
34
+
35
+ ## [3.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.7)
36
+
37
+ Fri, 09 Feb 2024 04:08:43 GMT
38
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.6..@fluentui/web-components_v3.0.0-beta.7)
39
+
40
+ ### Changes
41
+
42
+ - feat: remove JS design token implementation in favor of platform css variables ([PR #30002](https://github.com/microsoft/fluentui/pull/30002) by chhol@microsoft.com)
43
+
44
+ ## [3.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.6)
45
+
46
+ Thu, 26 Oct 2023 04:16:51 GMT
47
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.5..@fluentui/web-components_v3.0.0-beta.6)
48
+
49
+ ### Changes
50
+
51
+ - feat(dialog): add dialog web component ([PR #28569](https://github.com/microsoft/fluentui/pull/28569) by brian.christopher.brady@gmail.com)
52
+
53
+ ## [3.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.5)
54
+
55
+ Thu, 19 Oct 2023 04:18:07 GMT
56
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.4..@fluentui/web-components_v3.0.0-beta.5)
57
+
58
+ ### Changes
59
+
60
+ - Updates package with Menu component sideEffect. ([PR #29581](https://github.com/microsoft/fluentui/pull/29581) by hale.rankin@microsoft.com)
61
+
62
+ ## [3.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.4)
63
+
64
+ Fri, 13 Oct 2023 04:17:27 GMT
65
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.3..@fluentui/web-components_v3.0.0-beta.4)
66
+
67
+ ### Changes
68
+
69
+ - fix: update switch to use margin instead of transform for the checked state to support RTL ([PR #29505](https://github.com/microsoft/fluentui/pull/29505) by chhol@microsoft.com)
70
+
71
+ ## [3.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.3)
72
+
73
+ Thu, 28 Sep 2023 04:18:49 GMT
74
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.2..@fluentui/web-components_v3.0.0-beta.3)
75
+
76
+ ### Changes
77
+
78
+ - feat(menu): adds menu web component ([PR #27906](https://github.com/microsoft/fluentui/pull/27906) by brian.christopher.brady@gmail.com)
79
+
80
+ ## [3.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.2)
81
+
82
+ Mon, 28 Aug 2023 04:19:02 GMT
83
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.1..@fluentui/web-components_v3.0.0-beta.2)
84
+
85
+ ### Changes
86
+
87
+ - Fixed pathing to types for package exports ([PR #28986](https://github.com/microsoft/fluentui/pull/28986) by mmansour@microsoft.com)
88
+
89
+ ## [3.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.1)
90
+
91
+ Fri, 25 Aug 2023 04:19:39 GMT
92
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.31..@fluentui/web-components_v3.0.0-beta.1)
93
+
94
+ ### Changes
95
+
96
+ - Bump version to beta ([PR #28976](https://github.com/microsoft/fluentui/pull/28976) by miroslav.stastny@microsoft.com)
97
+
98
+ ## [3.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.31)
99
+
100
+ Wed, 23 Aug 2023 04:18:01 GMT
101
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.30..@fluentui/web-components_v3.0.0-alpha.31)
102
+
103
+ ### Changes
104
+
105
+ - feat(web-components): add explicit named exports for design tokens and package export path for theme utils ([PR #28952](https://github.com/microsoft/fluentui/pull/28952) by chhol@microsoft.com)
106
+
107
+ ## [3.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.30)
108
+
109
+ Tue, 22 Aug 2023 04:17:13 GMT
110
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.29..@fluentui/web-components_v3.0.0-alpha.30)
111
+
112
+ ### Changes
113
+
114
+ - feat(web-components): update core component files to use foundation export paths and update package exports to include extensions ([PR #28912](https://github.com/microsoft/fluentui/pull/28912) by chhol@microsoft.com)
115
+
116
+ ## [3.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.29)
117
+
118
+ Tue, 15 Aug 2023 04:16:11 GMT
119
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.28..@fluentui/web-components_v3.0.0-alpha.29)
120
+
121
+ ### Changes
122
+
123
+ - fix(web-components): update latest versions of fast packages and fix unallowed attributes issue for fluent-divider ([PR #28837](https://github.com/microsoft/fluentui/pull/28837) by chhol@microsoft.com)
124
+
125
+ ## [3.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.28)
126
+
127
+ Wed, 09 Aug 2023 04:16:56 GMT
128
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.27..@fluentui/web-components_v3.0.0-alpha.28)
129
+
130
+ ### Changes
131
+
132
+ - fix(web-components): enumerate side-effects for package export paths ([PR #28748](https://github.com/microsoft/fluentui/pull/28748) by chhol@microsoft.com)
133
+
134
+ ## [3.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.27)
135
+
136
+ Tue, 08 Aug 2023 04:18:02 GMT
137
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.26..@fluentui/web-components_v3.0.0-alpha.27)
138
+
139
+ ### Changes
140
+
141
+ - (accessibility): high contrast fixes ([PR #28717](https://github.com/microsoft/fluentui/pull/28717) by brian.christopher.brady@gmail.com)
142
+ - Fixes low contrast in dark mode for web component badge ([PR #28766](https://github.com/microsoft/fluentui/pull/28766) by ryan@ryanmerrill.net)
143
+
144
+ ## [3.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.26)
145
+
146
+ Mon, 07 Aug 2023 04:17:07 GMT
147
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.25..@fluentui/web-components_v3.0.0-alpha.26)
148
+
149
+ ### Changes
150
+
151
+ - feat: Add support for scoped theming ([PR #28441](https://github.com/microsoft/fluentui/pull/28441) by miroslav.stastny@microsoft.com)
152
+
153
+ ## [3.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.25)
154
+
155
+ Wed, 19 Jul 2023 04:18:54 GMT
156
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.24..@fluentui/web-components_v3.0.0-alpha.25)
157
+
158
+ ### Changes
159
+
160
+ - fix(web-components): check if component is connected before calling setAttribute in attribute changed callback ([PR #28500](https://github.com/microsoft/fluentui/pull/28500) by chhol@microsoft.com)
161
+ - feat(checkbox): Add checkbox web component ([PR #27450](https://github.com/microsoft/fluentui/pull/27450) by brianbrady@microsoft.com)
162
+
163
+ ## [3.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.24)
164
+
165
+ Mon, 12 Jun 2023 04:17:30 GMT
166
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.23..@fluentui/web-components_v3.0.0-alpha.24)
167
+
168
+ ### Changes
169
+
170
+ - export fluent design system from web-components package ([PR #27905](https://github.com/microsoft/fluentui/pull/27905) by chhol@microsoft.com)
171
+
172
+ ## [3.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.23)
173
+
174
+ Thu, 08 Jun 2023 04:18:00 GMT
175
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.22..@fluentui/web-components_v3.0.0-alpha.23)
176
+
177
+ ### Changes
178
+
179
+ - feat(text-input): add TextInput as a new web component ([PR #27348](https://github.com/microsoft/fluentui/pull/27348) by brianbrady@microsoft.com)
180
+
181
+ ## [3.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.22)
182
+
183
+ Wed, 24 May 2023 04:19:34 GMT
184
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.21..@fluentui/web-components_v3.0.0-alpha.22)
185
+
186
+ ### Changes
187
+
188
+ - feat(menu-item): export MenuItemRole constants ([PR #27941](https://github.com/microsoft/fluentui/pull/27941) by harankin@microsoft.com)
189
+
190
+ ## [3.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.21)
191
+
192
+ Mon, 15 May 2023 04:19:56 GMT
193
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.20..@fluentui/web-components_v3.0.0-alpha.21)
194
+
195
+ ### Changes
196
+
197
+ - Fixes exports in Switch ([PR #27821](https://github.com/microsoft/fluentui/pull/27821) by ryan@ryanmerrill.net)
198
+
199
+ ## [3.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.20)
200
+
201
+ Mon, 08 May 2023 04:19:58 GMT
202
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.19..@fluentui/web-components_v3.0.0-alpha.20)
203
+
204
+ ### Changes
205
+
206
+ - feat(radio): add radio and radio-group web components ([PR #27113](https://github.com/microsoft/fluentui/pull/27113) by brianbrady@microsoft.com)
207
+
208
+ ## [3.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.19)
209
+
210
+ Fri, 21 Apr 2023 04:19:22 GMT
211
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.18..@fluentui/web-components_v3.0.0-alpha.19)
212
+
213
+ ### Changes
214
+
215
+ - feat(menu-list): Add menu-list and menu-item web components ([PR #26765](https://github.com/microsoft/fluentui/pull/26765) by brianbrady@microsoft.com)
216
+
217
+ ## [3.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.18)
218
+
219
+ Thu, 20 Apr 2023 04:20:30 GMT
220
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.17..@fluentui/web-components_v3.0.0-alpha.18)
221
+
222
+ ### Changes
223
+
224
+ - Image component style updates ([PR #27567](https://github.com/microsoft/fluentui/pull/27567) by harankin@microsoft.com)
225
+
226
+ ## [3.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.17)
227
+
228
+ Wed, 12 Apr 2023 04:19:35 GMT
229
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.16..@fluentui/web-components_v3.0.0-alpha.17)
230
+
231
+ ### Changes
232
+
233
+ - feat(toggle-button): add toggle button web component ([PR #27405](https://github.com/microsoft/fluentui/pull/27405) by chhol@microsoft.com)
234
+ - feat(compound-button): add compound button as new web component ([PR #27407](https://github.com/microsoft/fluentui/pull/27407) by chhol@microsoft.com)
235
+ - feat(anchor-button): add anchor button to web components ([PR #27395](https://github.com/microsoft/fluentui/pull/27395) by chhol@microsoft.com)
236
+
237
+ ## [3.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.16)
238
+
239
+ Tue, 11 Apr 2023 04:24:57 GMT
240
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.15..@fluentui/web-components_v3.0.0-alpha.16)
241
+
242
+ ### Changes
243
+
244
+ - Adding Tabs, Tab and Tab-Panel ([PR #27505](https://github.com/microsoft/fluentui/pull/27505) by mibaraka@microsoft.com)
245
+
246
+ ## [3.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.15)
247
+
248
+ Fri, 07 Apr 2023 04:17:30 GMT
249
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.14..@fluentui/web-components_v3.0.0-alpha.15)
250
+
251
+ ### Changes
252
+
253
+ - feat(label): adds label as a new web component ([PR #27344](https://github.com/microsoft/fluentui/pull/27344) by brianbrady@microsoft.com)
254
+
255
+ ## [3.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.14)
256
+
257
+ Thu, 06 Apr 2023 04:22:08 GMT
258
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.13..@fluentui/web-components_v3.0.0-alpha.14)
259
+
260
+ ### Changes
261
+
262
+ - Adding TabList, Tab, and TabPanel web components ([PR #27167](https://github.com/microsoft/fluentui/pull/27167) by mibaraka@microsoft.com)
263
+ - feat(menu-button): add menu button as new component ([PR #27396](https://github.com/microsoft/fluentui/pull/27396) by chhol@microsoft.com)
264
+
265
+ ## [3.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.13)
266
+
267
+ Fri, 31 Mar 2023 04:19:43 GMT
268
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.12..@fluentui/web-components_v3.0.0-alpha.13)
269
+
270
+ ### Changes
271
+
272
+ - update fast-element and fast-foundation dependencies ([PR #27392](https://github.com/microsoft/fluentui/pull/27392) by chhol@microsoft.com)
273
+ - feat(button): add button web component ([PR #27278](https://github.com/microsoft/fluentui/pull/27278) by chhol@microsoft.com)
274
+
275
+ ## [3.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.12)
276
+
277
+ Tue, 28 Mar 2023 04:20:01 GMT
278
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.11..@fluentui/web-components_v3.0.0-alpha.12)
279
+
280
+ ### Changes
281
+
282
+ - Adds Slider as a web component ([PR #27165](https://github.com/microsoft/fluentui/pull/27165) by ryan@ryanmerrill.net)
283
+
284
+ ## [3.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.11)
285
+
286
+ Tue, 14 Mar 2023 04:21:22 GMT
287
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.10..@fluentui/web-components_v3.0.0-alpha.11)
288
+
289
+ ### Changes
290
+
291
+ - update FAST dependencies to latest package versions ([PR #27187](https://github.com/microsoft/fluentui/pull/27187) by chhol@microsoft.com)
292
+ - Adds css containment to implemented web components ([PR #27190](https://github.com/microsoft/fluentui/pull/27190) by chhol@microsoft.com)
293
+
294
+ ## [3.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.10)
295
+
296
+ Thu, 09 Mar 2023 04:19:45 GMT
297
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.9..@fluentui/web-components_v3.0.0-alpha.10)
298
+
299
+ ### Changes
300
+
301
+ - fix: [text] block breaks the style attribute ([PR #27129](https://github.com/microsoft/fluentui/pull/27129) by jes@microsoft.com)
302
+
7
303
  ## [3.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.9)
8
304
 
9
- Wed, 01 Mar 2023 04:20:15 GMT
305
+ Wed, 01 Mar 2023 04:20:20 GMT
10
306
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.8..@fluentui/web-components_v3.0.0-alpha.9)
11
307
 
12
308
  ### Changes
package/README.md CHANGED
@@ -55,3 +55,7 @@ Storybook will watch modules for changes and hot-reload the module when necessar
55
55
  `Failed to execute 'define' on 'CustomElementRegistry': the name "my-custom-element-name" has already been used with this registry`
56
56
 
57
57
  This is a known issue and will indicate that you need to refresh the page. We're working on surfacing a more instructive error message for this case.
58
+
59
+ ## Testing
60
+
61
+ When testing locally, start the dev server and in a separate terminal window, run `yarn test:dev` within the web-components folder.
@@ -1,7 +1,51 @@
1
- import { FASTAccordion } from '@microsoft/fast-foundation';
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ import { AccordionExpandMode } from './accordion.options.js';
2
3
  /**
3
- * The base class used for constructing a fluent-accordion custom element
4
+ * An Accordion Custom HTML Element
5
+ * Implements {@link https://www.w3.org/TR/wai-aria-practices-1.1/#accordion | ARIA Accordion}.
6
+ *
7
+ * @fires change - Fires a custom 'change' event when the active item changes
8
+ * @csspart item - The slot for the accordion items
4
9
  * @public
5
10
  */
6
- export declare class Accordion extends FASTAccordion {
11
+ export declare class Accordion extends FASTElement {
12
+ /**
13
+ * Controls the expand mode of the Accordion, either allowing
14
+ * single or multiple item expansion.
15
+ * @public
16
+ *
17
+ * @remarks
18
+ * HTML attribute: expand-mode
19
+ */
20
+ expandmode: AccordionExpandMode;
21
+ expandmodeChanged(prev: AccordionExpandMode, next: AccordionExpandMode): void;
22
+ /**
23
+ * @internal
24
+ */
25
+ slottedAccordionItems: HTMLElement[];
26
+ protected accordionItems: Element[];
27
+ /**
28
+ * @internal
29
+ */
30
+ slottedAccordionItemsChanged(oldValue: HTMLElement[], newValue: HTMLElement[]): void;
31
+ /**
32
+ * @internal
33
+ */
34
+ handleChange(source: any, propertyName: string): void;
35
+ private activeid;
36
+ private activeItemIndex;
37
+ private accordionIds;
38
+ private change;
39
+ private findExpandedItem;
40
+ private setItems;
41
+ private setSingleExpandMode;
42
+ private removeItemListeners;
43
+ private activeItemChange;
44
+ private handleExpandedChange;
45
+ private getItemIds;
46
+ private isSingleExpandMode;
47
+ private handleItemKeyDown;
48
+ private handleItemFocus;
49
+ private adjust;
50
+ private focusItem;
7
51
  }
@@ -1,9 +1,5 @@
1
1
  import { Accordion } from './accordion.js';
2
2
  /**
3
- * The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion },
4
- * {@link @microsoft/fast-foundation#accordionTemplate}
5
- *
6
- *
7
3
  * @public
8
4
  * @remarks
9
5
  * HTML Element: \<fluent-accordion\>
@@ -0,0 +1,14 @@
1
+ import type { ValuesOf } from '../utils/index.js';
2
+ /**
3
+ * Expand mode for {@link FASTAccordion}
4
+ * @public
5
+ */
6
+ export declare const AccordionExpandMode: {
7
+ readonly single: "single";
8
+ readonly multi: "multi";
9
+ };
10
+ /**
11
+ * Type for the {@link FASTAccordion} Expand Mode
12
+ * @public
13
+ */
14
+ export declare type AccordionExpandMode = ValuesOf<typeof AccordionExpandMode>;
@@ -1,3 +1,7 @@
1
1
  import { ElementViewTemplate } from '@microsoft/fast-element';
2
2
  import type { Accordion } from './accordion.js';
3
+ /**
4
+ * @public
5
+ */
6
+ export declare function accordionTemplate<T extends Accordion>(): ElementViewTemplate<T>;
3
7
  export declare const template: ElementViewTemplate<Accordion>;
@@ -1,9 +1,68 @@
1
- import { FASTAccordionItem } from '@microsoft/fast-foundation';
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ import type { StaticallyComposableHTML } from '../utils/index.js';
3
+ import { StartEnd } from '../patterns/index.js';
4
+ import type { StartEndOptions } from '../patterns/index.js';
2
5
  import { AccordionItemExpandIconPosition, AccordionItemSize } from './accordion-item.options.js';
3
6
  /**
4
- * @internal
7
+ * Accordion Item configuration options
8
+ * @public
9
+ */
10
+ export declare type AccordionItemOptions = StartEndOptions<AccordionItem> & {
11
+ expandedIcon?: StaticallyComposableHTML<AccordionItem>;
12
+ collapsedIcon?: StaticallyComposableHTML<AccordionItem>;
13
+ };
14
+ /**
15
+ *
16
+ * @slot start - Content which can be provided between the heading and the icon
17
+ * @slot end - Content which can be provided between the start slot and icon
18
+ * @slot heading - Content which serves as the accordion item heading and text of the expand button
19
+ * @slot - The default slot for accordion item content
20
+ * @slot expanded-icon - The expanded icon
21
+ * @slot collapsed-icon - The collapsed icon
22
+ * @fires change - Fires a custom 'change' event when the button is invoked
23
+ * @csspart heading - Wraps the button
24
+ * @csspart button - The button which serves to invoke the item
25
+ * @csspart heading-content - Wraps the slot for the heading content within the button
26
+ * @csspart icon - The icon container
27
+ * @csspart region - The wrapper for the accordion item content
28
+ *
29
+ * @public
5
30
  */
6
- export declare class AccordionItem extends FASTAccordionItem {
31
+ export declare class AccordionItem extends FASTElement {
32
+ /**
33
+ * Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the
34
+ * heading element.
35
+ *
36
+ * @defaultValue 2
37
+ * @public
38
+ * @remarks
39
+ * HTML attribute: heading-level
40
+ */
41
+ headinglevel: 1 | 2 | 3 | 4 | 5 | 6;
42
+ /**
43
+ * Expands or collapses the item.
44
+ *
45
+ * @public
46
+ * @remarks
47
+ * HTML attribute: expanded
48
+ */
49
+ expanded: boolean;
50
+ /**
51
+ * Disables an accordion item
52
+ *
53
+ * @public
54
+ * @remarks
55
+ * HTML attribute: disabled
56
+ */
57
+ disabled: boolean;
58
+ /**
59
+ * The item ID
60
+ *
61
+ * @public
62
+ * @remarks
63
+ * HTML Attribute: id
64
+ */
65
+ id: string;
7
66
  /**
8
67
  * Defines accordion header font size.
9
68
  *
@@ -30,4 +89,20 @@ export declare class AccordionItem extends FASTAccordionItem {
30
89
  * HTML Attribute: expandIconPosition
31
90
  */
32
91
  expandIconPosition?: AccordionItemExpandIconPosition;
92
+ /**
93
+ * @internal
94
+ */
95
+ expandbutton: HTMLElement;
96
+ /**
97
+ * @internal
98
+ */
99
+ clickHandler: (e: MouseEvent) => void;
100
+ }
101
+ /**
102
+ * Mark internal because exporting class and interface of the same name
103
+ * confuses API documenter.
104
+ * TODO: https://github.com/microsoft/fast/issues/3317
105
+ * @internal
106
+ */
107
+ export interface AccordionItem extends StartEnd {
33
108
  }
@@ -1,8 +1,5 @@
1
1
  import { AccordionItem } from './accordion-item.js';
2
2
  /**
3
- * The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem },
4
- * {@link @microsoft/fast-foundation#accordionItemTemplate}
5
- *
6
3
  *
7
4
  * @public
8
5
  * @remarks
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from '@microsoft/fast-foundation';
1
+ import type { ValuesOf } from '../utils/index.js';
2
2
  /**
3
3
  * An Accordion Item header font size can be small, medium, large, and extra-large
4
4
  */
@@ -1,5 +1,6 @@
1
1
  import { ElementViewTemplate } from '@microsoft/fast-element';
2
- import { AccordionItem } from './accordion-item.js';
2
+ import { AccordionItem, AccordionItemOptions } from './accordion-item.js';
3
+ export declare function accordionItemTemplate<T extends AccordionItem>(options?: AccordionItemOptions): ElementViewTemplate<T>;
3
4
  /**
4
5
  * The template for the fluent-accordion component.
5
6
  * @public