@fluentui/web-components 3.0.0-alpha.8 → 3.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (464) hide show
  1. package/CHANGELOG.md +225 -2
  2. package/README.md +4 -0
  3. package/dist/dts/accordion/accordion.d.ts +1 -1
  4. package/dist/dts/accordion-item/accordion-item.d.ts +1 -1
  5. package/dist/dts/accordion-item/accordion-item.options.d.ts +1 -1
  6. package/dist/dts/anchor-button/anchor-button.d.ts +64 -0
  7. package/dist/dts/anchor-button/anchor-button.definition.d.ts +10 -0
  8. package/dist/dts/anchor-button/anchor-button.options.d.ts +47 -0
  9. package/dist/dts/anchor-button/anchor-button.styles.d.ts +1 -0
  10. package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -0
  11. package/dist/dts/anchor-button/define.d.ts +1 -0
  12. package/dist/dts/anchor-button/index.d.ts +4 -0
  13. package/dist/dts/avatar/avatar.options.d.ts +1 -1
  14. package/dist/dts/badge/badge.d.ts +1 -1
  15. package/dist/dts/badge/badge.options.d.ts +2 -1
  16. package/dist/dts/button/button.d.ts +55 -0
  17. package/dist/dts/button/button.definition.d.ts +10 -0
  18. package/dist/dts/button/button.options.d.ts +47 -0
  19. package/dist/dts/button/button.styles.d.ts +1 -0
  20. package/dist/dts/button/button.template.d.ts +7 -0
  21. package/dist/dts/button/define.d.ts +1 -0
  22. package/dist/dts/button/index.d.ts +5 -0
  23. package/dist/dts/checkbox/checkbox.d.ts +35 -0
  24. package/dist/dts/checkbox/checkbox.definition.d.ts +9 -0
  25. package/dist/dts/checkbox/checkbox.options.d.ts +28 -0
  26. package/dist/dts/checkbox/checkbox.styles.d.ts +5 -0
  27. package/dist/dts/checkbox/checkbox.template.d.ts +7 -0
  28. package/dist/dts/checkbox/define.d.ts +1 -0
  29. package/dist/dts/checkbox/index.d.ts +5 -0
  30. package/dist/dts/compound-button/compound-button.d.ts +7 -0
  31. package/dist/dts/compound-button/compound-button.definition.d.ts +10 -0
  32. package/dist/dts/compound-button/compound-button.options.d.ts +51 -0
  33. package/dist/dts/compound-button/compound-button.styles.d.ts +1 -0
  34. package/dist/dts/compound-button/compound-button.template.d.ts +13 -0
  35. package/dist/dts/compound-button/define.d.ts +1 -0
  36. package/dist/dts/compound-button/index.d.ts +5 -0
  37. package/dist/dts/counter-badge/counter-badge.d.ts +1 -1
  38. package/dist/dts/counter-badge/counter-badge.options.d.ts +1 -1
  39. package/dist/dts/divider/divider.d.ts +1 -1
  40. package/dist/dts/divider/divider.options.d.ts +2 -1
  41. package/dist/dts/helpers.tests.d.ts +8 -0
  42. package/dist/dts/image/image.options.d.ts +1 -1
  43. package/dist/dts/index.d.ts +17 -0
  44. package/dist/dts/label/define.d.ts +1 -0
  45. package/dist/dts/label/index.d.ts +4 -0
  46. package/dist/dts/label/label.d.ts +42 -0
  47. package/dist/dts/label/label.definition.d.ts +10 -0
  48. package/dist/dts/label/label.options.d.ts +26 -0
  49. package/dist/dts/label/label.styles.d.ts +4 -0
  50. package/dist/dts/label/label.template.d.ts +8 -0
  51. package/dist/dts/menu-button/define.d.ts +1 -0
  52. package/dist/dts/menu-button/index.d.ts +5 -0
  53. package/dist/dts/menu-button/menu-button.d.ts +7 -0
  54. package/dist/dts/menu-button/menu-button.definition.d.ts +10 -0
  55. package/dist/dts/menu-button/menu-button.options.d.ts +47 -0
  56. package/dist/dts/menu-button/menu-button.template.d.ts +7 -0
  57. package/dist/dts/menu-item/define.d.ts +1 -0
  58. package/dist/dts/menu-item/index.d.ts +4 -0
  59. package/dist/dts/menu-item/menu-item.d.ts +9 -0
  60. package/dist/dts/menu-item/menu-item.definition.d.ts +11 -0
  61. package/dist/dts/menu-item/menu-item.styles.d.ts +4 -0
  62. package/dist/dts/menu-item/menu-item.template.d.ts +3 -0
  63. package/dist/dts/menu-list/define.d.ts +1 -0
  64. package/dist/dts/menu-list/index.d.ts +4 -0
  65. package/dist/dts/menu-list/menu-list.d.ts +9 -0
  66. package/dist/dts/menu-list/menu-list.definition.d.ts +11 -0
  67. package/dist/dts/menu-list/menu-list.styles.d.ts +4 -0
  68. package/dist/dts/menu-list/menu-list.template.d.ts +3 -0
  69. package/dist/dts/progress-bar/progress-bar.d.ts +1 -1
  70. package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -1
  71. package/dist/dts/progress-bar/progress-bar.styles.d.ts +1 -1
  72. package/dist/dts/radio/define.d.ts +1 -0
  73. package/dist/dts/radio/index.d.ts +4 -0
  74. package/dist/dts/radio/radio.d.ts +7 -0
  75. package/dist/dts/radio/radio.definition.d.ts +10 -0
  76. package/dist/dts/radio/radio.styles.d.ts +4 -0
  77. package/dist/dts/radio/radio.template.d.ts +3 -0
  78. package/dist/dts/radio-group/define.d.ts +1 -0
  79. package/dist/dts/radio-group/index.d.ts +5 -0
  80. package/dist/dts/radio-group/radio-group.d.ts +15 -0
  81. package/dist/dts/radio-group/radio-group.definition.d.ts +10 -0
  82. package/dist/dts/radio-group/radio-group.styles.d.ts +4 -0
  83. package/dist/dts/radio-group/radio-group.template.d.ts +3 -0
  84. package/dist/dts/slider/define.d.ts +1 -0
  85. package/dist/dts/slider/index.d.ts +5 -0
  86. package/dist/dts/slider/slider.d.ts +24 -0
  87. package/dist/dts/slider/slider.definition.d.ts +10 -0
  88. package/dist/dts/slider/slider.options.d.ts +15 -0
  89. package/dist/dts/slider/slider.styles.d.ts +4 -0
  90. package/dist/dts/slider/slider.template.d.ts +3 -0
  91. package/dist/dts/spinner/spinner.d.ts +1 -1
  92. package/dist/dts/spinner/spinner.options.d.ts +1 -1
  93. package/dist/dts/switch/index.d.ts +3 -3
  94. package/dist/dts/switch/switch.d.ts +1 -1
  95. package/dist/dts/switch/switch.options.d.ts +1 -1
  96. package/dist/dts/tab/define.d.ts +1 -0
  97. package/dist/dts/tab/index.d.ts +4 -0
  98. package/dist/dts/tab/tab.d.ts +8 -0
  99. package/dist/dts/tab/tab.definition.d.ts +2 -0
  100. package/dist/dts/tab/tab.styles.d.ts +1 -0
  101. package/dist/dts/tab/tab.template.d.ts +4 -0
  102. package/dist/dts/tab-panel/define.d.ts +1 -0
  103. package/dist/dts/tab-panel/index.d.ts +4 -0
  104. package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
  105. package/dist/dts/tab-panel/tab-panel.definition.d.ts +2 -0
  106. package/dist/dts/tab-panel/tab-panel.styles.d.ts +1 -0
  107. package/dist/dts/tab-panel/tab-panel.template.d.ts +1 -0
  108. package/dist/dts/tabs/define.d.ts +1 -0
  109. package/dist/dts/tabs/index.d.ts +5 -0
  110. package/dist/dts/tabs/tabs.d.ts +88 -0
  111. package/dist/dts/tabs/tabs.definition.d.ts +2 -0
  112. package/dist/dts/tabs/tabs.options.d.ts +14 -0
  113. package/dist/dts/tabs/tabs.styles.d.ts +1 -0
  114. package/dist/dts/tabs/tabs.template.d.ts +1 -0
  115. package/dist/dts/text/text.options.d.ts +1 -1
  116. package/dist/dts/text-input/define.d.ts +1 -0
  117. package/dist/dts/text-input/index.d.ts +6 -0
  118. package/dist/dts/text-input/text-input.d.ts +26 -0
  119. package/dist/dts/text-input/text-input.definition.d.ts +10 -0
  120. package/dist/dts/text-input/text-input.options.d.ts +30 -0
  121. package/dist/dts/text-input/text-input.styles.d.ts +4 -0
  122. package/dist/dts/text-input/text-input.template.d.ts +6 -0
  123. package/dist/dts/theme/design-tokens.d.ts +384 -384
  124. package/dist/dts/theme/index.d.ts +2 -2
  125. package/dist/dts/theme/set-theme.d.ts +2 -0
  126. package/dist/dts/toggle-button/define.d.ts +1 -0
  127. package/dist/dts/toggle-button/index.d.ts +5 -0
  128. package/dist/dts/toggle-button/toggle-button.d.ts +48 -0
  129. package/dist/dts/toggle-button/toggle-button.definition.d.ts +10 -0
  130. package/dist/dts/toggle-button/toggle-button.options.d.ts +47 -0
  131. package/dist/dts/toggle-button/toggle-button.styles.d.ts +1 -0
  132. package/dist/dts/toggle-button/toggle-button.template.d.ts +7 -0
  133. package/dist/dts/utils/apply-mixins.d.ts +11 -0
  134. package/dist/esm/accordion/accordion.js +1 -1
  135. package/dist/esm/accordion/accordion.js.map +1 -1
  136. package/dist/esm/accordion/accordion.styles.js +2 -1
  137. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  138. package/dist/esm/accordion/accordion.template.js +1 -1
  139. package/dist/esm/accordion/accordion.template.js.map +1 -1
  140. package/dist/esm/accordion-item/accordion-item.js +7 -2
  141. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  142. package/dist/esm/accordion-item/accordion-item.styles.js +2 -1
  143. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  144. package/dist/esm/accordion-item/accordion-item.template.js +3 -3
  145. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  146. package/dist/esm/anchor-button/anchor-button.definition.js +21 -0
  147. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -0
  148. package/dist/esm/anchor-button/anchor-button.js +98 -0
  149. package/dist/esm/anchor-button/anchor-button.js.map +1 -0
  150. package/dist/esm/anchor-button/anchor-button.options.js +17 -0
  151. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -0
  152. package/dist/esm/anchor-button/anchor-button.styles.js +11 -0
  153. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -0
  154. package/dist/esm/anchor-button/anchor-button.template.js +7 -0
  155. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -0
  156. package/dist/esm/anchor-button/define.js +4 -0
  157. package/dist/esm/anchor-button/define.js.map +1 -0
  158. package/dist/esm/anchor-button/index.js +5 -0
  159. package/dist/esm/anchor-button/index.js.map +1 -0
  160. package/dist/esm/avatar/avatar.js +6 -1
  161. package/dist/esm/avatar/avatar.js.map +1 -1
  162. package/dist/esm/avatar/avatar.styles.js +2 -1
  163. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  164. package/dist/esm/badge/badge.js +9 -2
  165. package/dist/esm/badge/badge.js.map +1 -1
  166. package/dist/esm/badge/badge.options.js.map +1 -1
  167. package/dist/esm/badge/badge.template.js +2 -1
  168. package/dist/esm/badge/badge.template.js.map +1 -1
  169. package/dist/esm/button/button.definition.js +21 -0
  170. package/dist/esm/button/button.definition.js.map +1 -0
  171. package/dist/esm/button/button.js +77 -0
  172. package/dist/esm/button/button.js.map +1 -0
  173. package/dist/esm/button/button.options.js +30 -0
  174. package/dist/esm/button/button.options.js.map +1 -0
  175. package/dist/esm/button/button.styles.js +260 -0
  176. package/dist/esm/button/button.styles.js.map +1 -0
  177. package/dist/esm/button/button.template.js +7 -0
  178. package/dist/esm/button/button.template.js.map +1 -0
  179. package/dist/esm/button/define.js +4 -0
  180. package/dist/esm/button/define.js.map +1 -0
  181. package/dist/esm/button/index.js +6 -0
  182. package/dist/esm/button/index.js.map +1 -0
  183. package/dist/esm/checkbox/checkbox.definition.js +17 -0
  184. package/dist/esm/checkbox/checkbox.definition.js.map +1 -0
  185. package/dist/esm/checkbox/checkbox.js +24 -0
  186. package/dist/esm/checkbox/checkbox.js.map +1 -0
  187. package/dist/esm/checkbox/checkbox.options.js +25 -0
  188. package/dist/esm/checkbox/checkbox.options.js.map +1 -0
  189. package/dist/esm/checkbox/checkbox.styles.js +164 -0
  190. package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
  191. package/dist/esm/checkbox/checkbox.template.js +27 -0
  192. package/dist/esm/checkbox/checkbox.template.js.map +1 -0
  193. package/dist/esm/checkbox/define.js +4 -0
  194. package/dist/esm/checkbox/define.js.map +1 -0
  195. package/dist/esm/checkbox/index.js +6 -0
  196. package/dist/esm/checkbox/index.js.map +1 -0
  197. package/dist/esm/compound-button/compound-button.definition.js +21 -0
  198. package/dist/esm/compound-button/compound-button.definition.js.map +1 -0
  199. package/dist/esm/compound-button/compound-button.js +8 -0
  200. package/dist/esm/compound-button/compound-button.js.map +1 -0
  201. package/dist/esm/compound-button/compound-button.options.js +17 -0
  202. package/dist/esm/compound-button/compound-button.options.js.map +1 -0
  203. package/dist/esm/compound-button/compound-button.styles.js +105 -0
  204. package/dist/esm/compound-button/compound-button.styles.js.map +1 -0
  205. package/dist/esm/compound-button/compound-button.template.js +60 -0
  206. package/dist/esm/compound-button/compound-button.template.js.map +1 -0
  207. package/dist/esm/compound-button/define.js +4 -0
  208. package/dist/esm/compound-button/define.js.map +1 -0
  209. package/dist/esm/compound-button/index.js +6 -0
  210. package/dist/esm/compound-button/index.js.map +1 -0
  211. package/dist/esm/counter-badge/counter-badge.js +9 -2
  212. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  213. package/dist/esm/divider/divider.js +7 -2
  214. package/dist/esm/divider/divider.js.map +1 -1
  215. package/dist/esm/divider/divider.options.js +1 -1
  216. package/dist/esm/divider/divider.options.js.map +1 -1
  217. package/dist/esm/divider/divider.styles.js +18 -2
  218. package/dist/esm/divider/divider.styles.js.map +1 -1
  219. package/dist/esm/divider/divider.template.js +1 -1
  220. package/dist/esm/divider/divider.template.js.map +1 -1
  221. package/dist/esm/helpers.tests.js +29 -0
  222. package/dist/esm/helpers.tests.js.map +1 -0
  223. package/dist/esm/image/image.js +6 -1
  224. package/dist/esm/image/image.js.map +1 -1
  225. package/dist/esm/image/image.styles.js +8 -1
  226. package/dist/esm/image/image.styles.js.map +1 -1
  227. package/dist/esm/index.js +17 -0
  228. package/dist/esm/index.js.map +1 -1
  229. package/dist/esm/label/define.js +4 -0
  230. package/dist/esm/label/define.js.map +1 -0
  231. package/dist/esm/label/index.js +5 -0
  232. package/dist/esm/label/index.js.map +1 -0
  233. package/dist/esm/label/label.definition.js +18 -0
  234. package/dist/esm/label/label.definition.js.map +1 -0
  235. package/dist/esm/label/label.js +45 -0
  236. package/dist/esm/label/label.js.map +1 -0
  237. package/dist/esm/label/label.options.js +16 -0
  238. package/dist/esm/label/label.options.js.map +1 -0
  239. package/dist/esm/label/label.styles.js +38 -0
  240. package/dist/esm/label/label.styles.js.map +1 -0
  241. package/dist/esm/label/label.template.js +13 -0
  242. package/dist/esm/label/label.template.js.map +1 -0
  243. package/dist/esm/menu-button/define.js +4 -0
  244. package/dist/esm/menu-button/define.js.map +1 -0
  245. package/dist/esm/menu-button/index.js +6 -0
  246. package/dist/esm/menu-button/index.js.map +1 -0
  247. package/dist/esm/menu-button/menu-button.definition.js +21 -0
  248. package/dist/esm/menu-button/menu-button.definition.js.map +1 -0
  249. package/dist/esm/menu-button/menu-button.js +8 -0
  250. package/dist/esm/menu-button/menu-button.js.map +1 -0
  251. package/dist/esm/menu-button/menu-button.options.js +17 -0
  252. package/dist/esm/menu-button/menu-button.options.js.map +1 -0
  253. package/dist/esm/menu-button/menu-button.template.js +10 -0
  254. package/dist/esm/menu-button/menu-button.template.js.map +1 -0
  255. package/dist/esm/menu-item/define.js +4 -0
  256. package/dist/esm/menu-item/define.js.map +1 -0
  257. package/dist/esm/menu-item/index.js +5 -0
  258. package/dist/esm/menu-item/index.js.map +1 -0
  259. package/dist/esm/menu-item/menu-item.definition.js +19 -0
  260. package/dist/esm/menu-item/menu-item.definition.js.map +1 -0
  261. package/dist/esm/menu-item/menu-item.js +9 -0
  262. package/dist/esm/menu-item/menu-item.js.map +1 -0
  263. package/dist/esm/menu-item/menu-item.styles.js +183 -0
  264. package/dist/esm/menu-item/menu-item.styles.js.map +1 -0
  265. package/dist/esm/menu-item/menu-item.template.js +10 -0
  266. package/dist/esm/menu-item/menu-item.template.js.map +1 -0
  267. package/dist/esm/menu-list/define.js +4 -0
  268. package/dist/esm/menu-list/define.js.map +1 -0
  269. package/dist/esm/menu-list/index.js +5 -0
  270. package/dist/esm/menu-list/index.js.map +1 -0
  271. package/dist/esm/menu-list/menu-list.definition.js +19 -0
  272. package/dist/esm/menu-list/menu-list.definition.js.map +1 -0
  273. package/dist/esm/menu-list/menu-list.js +36 -0
  274. package/dist/esm/menu-list/menu-list.js.map +1 -0
  275. package/dist/esm/menu-list/menu-list.styles.js +24 -0
  276. package/dist/esm/menu-list/menu-list.styles.js.map +1 -0
  277. package/dist/esm/menu-list/menu-list.template.js +3 -0
  278. package/dist/esm/menu-list/menu-list.template.js.map +1 -0
  279. package/dist/esm/progress-bar/progress-bar.js +7 -2
  280. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  281. package/dist/esm/progress-bar/progress-bar.styles.js +20 -3
  282. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  283. package/dist/esm/progress-bar/progress-bar.template.js +1 -1
  284. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  285. package/dist/esm/radio/define.js +4 -0
  286. package/dist/esm/radio/define.js.map +1 -0
  287. package/dist/esm/radio/index.js +5 -0
  288. package/dist/esm/radio/index.js.map +1 -0
  289. package/dist/esm/radio/radio.definition.js +18 -0
  290. package/dist/esm/radio/radio.definition.js.map +1 -0
  291. package/dist/esm/radio/radio.js +8 -0
  292. package/dist/esm/radio/radio.js.map +1 -0
  293. package/dist/esm/radio/radio.styles.js +118 -0
  294. package/dist/esm/radio/radio.styles.js.map +1 -0
  295. package/dist/esm/radio/radio.template.js +6 -0
  296. package/dist/esm/radio/radio.template.js.map +1 -0
  297. package/dist/esm/radio-group/define.js +4 -0
  298. package/dist/esm/radio-group/define.js.map +1 -0
  299. package/dist/esm/radio-group/index.js +6 -0
  300. package/dist/esm/radio-group/index.js.map +1 -0
  301. package/dist/esm/radio-group/radio-group.definition.js +18 -0
  302. package/dist/esm/radio-group/radio-group.definition.js.map +1 -0
  303. package/dist/esm/radio-group/radio-group.js +29 -0
  304. package/dist/esm/radio-group/radio-group.js.map +1 -0
  305. package/dist/esm/radio-group/radio-group.styles.js +52 -0
  306. package/dist/esm/radio-group/radio-group.styles.js.map +1 -0
  307. package/dist/esm/radio-group/radio-group.template.js +3 -0
  308. package/dist/esm/radio-group/radio-group.template.js.map +1 -0
  309. package/dist/esm/slider/define.js +4 -0
  310. package/dist/esm/slider/define.js.map +1 -0
  311. package/dist/esm/slider/index.js +6 -0
  312. package/dist/esm/slider/index.js.map +1 -0
  313. package/dist/esm/slider/slider.definition.js +18 -0
  314. package/dist/esm/slider/slider.definition.js.map +1 -0
  315. package/dist/esm/slider/slider.js +64 -0
  316. package/dist/esm/slider/slider.js.map +1 -0
  317. package/dist/esm/slider/slider.options.js +10 -0
  318. package/dist/esm/slider/slider.options.js.map +1 -0
  319. package/dist/esm/slider/slider.styles.js +203 -0
  320. package/dist/esm/slider/slider.styles.js.map +1 -0
  321. package/dist/esm/slider/slider.template.js +5 -0
  322. package/dist/esm/slider/slider.template.js.map +1 -0
  323. package/dist/esm/spinner/spinner.js +7 -2
  324. package/dist/esm/spinner/spinner.js.map +1 -1
  325. package/dist/esm/spinner/spinner.styles.js +2 -1
  326. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  327. package/dist/esm/spinner/spinner.template.js +1 -1
  328. package/dist/esm/spinner/spinner.template.js.map +1 -1
  329. package/dist/esm/styles/partials/badge.partials.js +5 -4
  330. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  331. package/dist/esm/switch/index.js +3 -3
  332. package/dist/esm/switch/index.js.map +1 -1
  333. package/dist/esm/switch/switch.js +7 -2
  334. package/dist/esm/switch/switch.js.map +1 -1
  335. package/dist/esm/switch/switch.styles.js +30 -3
  336. package/dist/esm/switch/switch.styles.js.map +1 -1
  337. package/dist/esm/switch/switch.template.js +1 -1
  338. package/dist/esm/switch/switch.template.js.map +1 -1
  339. package/dist/esm/tab/define.js +4 -0
  340. package/dist/esm/tab/define.js.map +1 -0
  341. package/dist/esm/tab/index.js +5 -0
  342. package/dist/esm/tab/index.js.map +1 -0
  343. package/dist/esm/tab/tab.definition.js +10 -0
  344. package/dist/esm/tab/tab.definition.js.map +1 -0
  345. package/dist/esm/tab/tab.js +20 -0
  346. package/dist/esm/tab/tab.js.map +1 -0
  347. package/dist/esm/tab/tab.styles.js +98 -0
  348. package/dist/esm/tab/tab.styles.js.map +1 -0
  349. package/dist/esm/tab/tab.template.js +13 -0
  350. package/dist/esm/tab/tab.template.js.map +1 -0
  351. package/dist/esm/tab-panel/define.js +4 -0
  352. package/dist/esm/tab-panel/define.js.map +1 -0
  353. package/dist/esm/tab-panel/index.js +5 -0
  354. package/dist/esm/tab-panel/index.js.map +1 -0
  355. package/dist/esm/tab-panel/tab-panel.definition.js +10 -0
  356. package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -0
  357. package/dist/esm/tab-panel/tab-panel.js +4 -0
  358. package/dist/esm/tab-panel/tab-panel.js.map +1 -0
  359. package/dist/esm/tab-panel/tab-panel.styles.js +12 -0
  360. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -0
  361. package/dist/esm/tab-panel/tab-panel.template.js +3 -0
  362. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -0
  363. package/dist/esm/tabs/define.js +4 -0
  364. package/dist/esm/tabs/define.js.map +1 -0
  365. package/dist/esm/tabs/index.js +6 -0
  366. package/dist/esm/tabs/index.js.map +1 -0
  367. package/dist/esm/tabs/tabs.definition.js +10 -0
  368. package/dist/esm/tabs/tabs.definition.js.map +1 -0
  369. package/dist/esm/tabs/tabs.js +163 -0
  370. package/dist/esm/tabs/tabs.js.map +1 -0
  371. package/dist/esm/tabs/tabs.options.js +12 -0
  372. package/dist/esm/tabs/tabs.options.js.map +1 -0
  373. package/dist/esm/tabs/tabs.styles.js +230 -0
  374. package/dist/esm/tabs/tabs.styles.js.map +1 -0
  375. package/dist/esm/tabs/tabs.template.js +3 -0
  376. package/dist/esm/tabs/tabs.template.js.map +1 -0
  377. package/dist/esm/text/text.js +6 -1
  378. package/dist/esm/text/text.js.map +1 -1
  379. package/dist/esm/text/text.styles.js +8 -2
  380. package/dist/esm/text/text.styles.js.map +1 -1
  381. package/dist/esm/text-input/define.js +4 -0
  382. package/dist/esm/text-input/define.js.map +1 -0
  383. package/dist/esm/text-input/index.js +7 -0
  384. package/dist/esm/text-input/index.js.map +1 -0
  385. package/dist/esm/text-input/text-input.definition.js +18 -0
  386. package/dist/esm/text-input/text-input.definition.js.map +1 -0
  387. package/dist/esm/text-input/text-input.js +21 -0
  388. package/dist/esm/text-input/text-input.js.map +1 -0
  389. package/dist/esm/text-input/text-input.options.js +20 -0
  390. package/dist/esm/text-input/text-input.options.js.map +1 -0
  391. package/dist/esm/text-input/text-input.styles.js +200 -0
  392. package/dist/esm/text-input/text-input.styles.js.map +1 -0
  393. package/dist/esm/text-input/text-input.template.js +6 -0
  394. package/dist/esm/text-input/text-input.template.js.map +1 -0
  395. package/dist/esm/theme/design-tokens.js +1 -1
  396. package/dist/esm/theme/design-tokens.js.map +1 -1
  397. package/dist/esm/theme/index.js +2 -2
  398. package/dist/esm/theme/index.js.map +1 -1
  399. package/dist/esm/theme/set-theme.js +5 -0
  400. package/dist/esm/theme/set-theme.js.map +1 -1
  401. package/dist/esm/toggle-button/define.js +4 -0
  402. package/dist/esm/toggle-button/define.js.map +1 -0
  403. package/dist/esm/toggle-button/index.js +6 -0
  404. package/dist/esm/toggle-button/index.js.map +1 -0
  405. package/dist/esm/toggle-button/toggle-button.definition.js +21 -0
  406. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -0
  407. package/dist/esm/toggle-button/toggle-button.js +107 -0
  408. package/dist/esm/toggle-button/toggle-button.js.map +1 -0
  409. package/dist/esm/toggle-button/toggle-button.options.js +17 -0
  410. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -0
  411. package/dist/esm/toggle-button/toggle-button.styles.js +94 -0
  412. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -0
  413. package/dist/esm/toggle-button/toggle-button.template.js +7 -0
  414. package/dist/esm/toggle-button/toggle-button.template.js.map +1 -0
  415. package/dist/esm/utils/apply-mixins.js +26 -0
  416. package/dist/esm/utils/apply-mixins.js.map +1 -0
  417. package/dist/fluent-web-components.api.json +8842 -7023
  418. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +1 -0
  419. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +1 -0
  420. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +2 -0
  421. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +17 -0
  422. package/dist/storybook/401.7edec720.iframe.bundle.js +2 -0
  423. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +12 -0
  424. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +2 -0
  425. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +12 -0
  426. package/dist/storybook/491.77b24750.iframe.bundle.js +1 -0
  427. package/dist/storybook/709.22096ad4.iframe.bundle.js +2 -0
  428. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +8 -0
  429. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +2 -0
  430. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +8 -0
  431. package/dist/storybook/721.46fa9f53.iframe.bundle.js +2 -0
  432. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +31 -0
  433. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +2 -0
  434. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +31 -0
  435. package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js +2 -0
  436. package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js.LICENSE.txt +94 -0
  437. package/dist/storybook/858.da40ed98.iframe.bundle.js +1 -0
  438. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +1 -0
  439. package/dist/storybook/885.6558041f.iframe.bundle.js +462 -0
  440. package/dist/storybook/885.6558041f.iframe.bundle.js.LICENSE.txt +46 -0
  441. package/dist/storybook/885.6558041f.iframe.bundle.js.map +1 -0
  442. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +1 -0
  443. package/dist/storybook/954.630c5748.iframe.bundle.js +1 -0
  444. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +1 -0
  445. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  446. package/dist/storybook/favicon.ico +0 -0
  447. package/dist/storybook/favicon.png +0 -0
  448. package/dist/storybook/iframe.html +364 -0
  449. package/dist/storybook/index.html +165 -0
  450. package/dist/storybook/main.18c2c615e57574af12cd.manager.bundle.js +1 -0
  451. package/dist/storybook/main.2c02ce39.iframe.bundle.js +1 -0
  452. package/dist/storybook/project.json +1 -0
  453. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +1 -0
  454. package/dist/storybook/runtime~main.8db883e762072830487f.manager.bundle.js +1 -0
  455. package/dist/storybook/shell.css +83 -0
  456. package/dist/storybook/theme-switch.ts +13 -0
  457. package/dist/web-components.d.ts +1164 -50
  458. package/dist/web-components.js +7684 -3611
  459. package/dist/web-components.min.js +189 -128
  460. package/docs/api-report.md +585 -18
  461. package/package.json +120 -54
  462. package/playwright.config.ts +25 -0
  463. package/CHANGELOG.json +0 -2920
  464. package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.md CHANGED
@@ -1,12 +1,235 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Tue, 28 Feb 2023 04:25:09 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 25 Aug 2023 04:19:33 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.1)
8
+
9
+ Fri, 25 Aug 2023 04:19:33 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.31..@fluentui/web-components_v3.0.0-beta.1)
11
+
12
+ ### Changes
13
+
14
+ - Bump version to beta ([PR #28976](https://github.com/microsoft/fluentui/pull/28976) by miroslav.stastny@microsoft.com)
15
+
16
+ ## [3.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.31)
17
+
18
+ Wed, 23 Aug 2023 04:18:01 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.30..@fluentui/web-components_v3.0.0-alpha.31)
20
+
21
+ ### Changes
22
+
23
+ - 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)
24
+
25
+ ## [3.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.30)
26
+
27
+ Tue, 22 Aug 2023 04:17:13 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.29..@fluentui/web-components_v3.0.0-alpha.30)
29
+
30
+ ### Changes
31
+
32
+ - 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)
33
+
34
+ ## [3.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.29)
35
+
36
+ Tue, 15 Aug 2023 04:16:11 GMT
37
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.28..@fluentui/web-components_v3.0.0-alpha.29)
38
+
39
+ ### Changes
40
+
41
+ - 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)
42
+
43
+ ## [3.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.28)
44
+
45
+ Wed, 09 Aug 2023 04:16:56 GMT
46
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.27..@fluentui/web-components_v3.0.0-alpha.28)
47
+
48
+ ### Changes
49
+
50
+ - fix(web-components): enumerate side-effects for package export paths ([PR #28748](https://github.com/microsoft/fluentui/pull/28748) by chhol@microsoft.com)
51
+
52
+ ## [3.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.27)
53
+
54
+ Tue, 08 Aug 2023 04:18:02 GMT
55
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.26..@fluentui/web-components_v3.0.0-alpha.27)
56
+
57
+ ### Changes
58
+
59
+ - (accessibility): high contrast fixes ([PR #28717](https://github.com/microsoft/fluentui/pull/28717) by brian.christopher.brady@gmail.com)
60
+ - Fixes low contrast in dark mode for web component badge ([PR #28766](https://github.com/microsoft/fluentui/pull/28766) by ryan@ryanmerrill.net)
61
+
62
+ ## [3.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.26)
63
+
64
+ Mon, 07 Aug 2023 04:17:07 GMT
65
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.25..@fluentui/web-components_v3.0.0-alpha.26)
66
+
67
+ ### Changes
68
+
69
+ - feat: Add support for scoped theming ([PR #28441](https://github.com/microsoft/fluentui/pull/28441) by miroslav.stastny@microsoft.com)
70
+
71
+ ## [3.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.25)
72
+
73
+ Wed, 19 Jul 2023 04:18:54 GMT
74
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.24..@fluentui/web-components_v3.0.0-alpha.25)
75
+
76
+ ### Changes
77
+
78
+ - 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)
79
+ - feat(checkbox): Add checkbox web component ([PR #27450](https://github.com/microsoft/fluentui/pull/27450) by brianbrady@microsoft.com)
80
+
81
+ ## [3.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.24)
82
+
83
+ Mon, 12 Jun 2023 04:17:30 GMT
84
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.23..@fluentui/web-components_v3.0.0-alpha.24)
85
+
86
+ ### Changes
87
+
88
+ - export fluent design system from web-components package ([PR #27905](https://github.com/microsoft/fluentui/pull/27905) by chhol@microsoft.com)
89
+
90
+ ## [3.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.23)
91
+
92
+ Thu, 08 Jun 2023 04:18:00 GMT
93
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.22..@fluentui/web-components_v3.0.0-alpha.23)
94
+
95
+ ### Changes
96
+
97
+ - feat(text-input): add TextInput as a new web component ([PR #27348](https://github.com/microsoft/fluentui/pull/27348) by brianbrady@microsoft.com)
98
+
99
+ ## [3.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.22)
100
+
101
+ Wed, 24 May 2023 04:19:34 GMT
102
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.21..@fluentui/web-components_v3.0.0-alpha.22)
103
+
104
+ ### Changes
105
+
106
+ - feat(menu-item): export MenuItemRole constants ([PR #27941](https://github.com/microsoft/fluentui/pull/27941) by harankin@microsoft.com)
107
+
108
+ ## [3.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.21)
109
+
110
+ Mon, 15 May 2023 04:19:56 GMT
111
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.20..@fluentui/web-components_v3.0.0-alpha.21)
112
+
113
+ ### Changes
114
+
115
+ - Fixes exports in Switch ([PR #27821](https://github.com/microsoft/fluentui/pull/27821) by ryan@ryanmerrill.net)
116
+
117
+ ## [3.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.20)
118
+
119
+ Mon, 08 May 2023 04:19:58 GMT
120
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.19..@fluentui/web-components_v3.0.0-alpha.20)
121
+
122
+ ### Changes
123
+
124
+ - feat(radio): add radio and radio-group web components ([PR #27113](https://github.com/microsoft/fluentui/pull/27113) by brianbrady@microsoft.com)
125
+
126
+ ## [3.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.19)
127
+
128
+ Fri, 21 Apr 2023 04:19:22 GMT
129
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.18..@fluentui/web-components_v3.0.0-alpha.19)
130
+
131
+ ### Changes
132
+
133
+ - feat(menu-list): Add menu-list and menu-item web components ([PR #26765](https://github.com/microsoft/fluentui/pull/26765) by brianbrady@microsoft.com)
134
+
135
+ ## [3.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.18)
136
+
137
+ Thu, 20 Apr 2023 04:20:30 GMT
138
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.17..@fluentui/web-components_v3.0.0-alpha.18)
139
+
140
+ ### Changes
141
+
142
+ - Image component style updates ([PR #27567](https://github.com/microsoft/fluentui/pull/27567) by harankin@microsoft.com)
143
+
144
+ ## [3.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.17)
145
+
146
+ Wed, 12 Apr 2023 04:19:35 GMT
147
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.16..@fluentui/web-components_v3.0.0-alpha.17)
148
+
149
+ ### Changes
150
+
151
+ - feat(toggle-button): add toggle button web component ([PR #27405](https://github.com/microsoft/fluentui/pull/27405) by chhol@microsoft.com)
152
+ - feat(compound-button): add compound button as new web component ([PR #27407](https://github.com/microsoft/fluentui/pull/27407) by chhol@microsoft.com)
153
+ - feat(anchor-button): add anchor button to web components ([PR #27395](https://github.com/microsoft/fluentui/pull/27395) by chhol@microsoft.com)
154
+
155
+ ## [3.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.16)
156
+
157
+ Tue, 11 Apr 2023 04:24:57 GMT
158
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.15..@fluentui/web-components_v3.0.0-alpha.16)
159
+
160
+ ### Changes
161
+
162
+ - Adding Tabs, Tab and Tab-Panel ([PR #27505](https://github.com/microsoft/fluentui/pull/27505) by mibaraka@microsoft.com)
163
+
164
+ ## [3.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.15)
165
+
166
+ Fri, 07 Apr 2023 04:17:30 GMT
167
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.14..@fluentui/web-components_v3.0.0-alpha.15)
168
+
169
+ ### Changes
170
+
171
+ - feat(label): adds label as a new web component ([PR #27344](https://github.com/microsoft/fluentui/pull/27344) by brianbrady@microsoft.com)
172
+
173
+ ## [3.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.14)
174
+
175
+ Thu, 06 Apr 2023 04:22:08 GMT
176
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.13..@fluentui/web-components_v3.0.0-alpha.14)
177
+
178
+ ### Changes
179
+
180
+ - Adding TabList, Tab, and TabPanel web components ([PR #27167](https://github.com/microsoft/fluentui/pull/27167) by mibaraka@microsoft.com)
181
+ - feat(menu-button): add menu button as new component ([PR #27396](https://github.com/microsoft/fluentui/pull/27396) by chhol@microsoft.com)
182
+
183
+ ## [3.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.13)
184
+
185
+ Fri, 31 Mar 2023 04:19:43 GMT
186
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.12..@fluentui/web-components_v3.0.0-alpha.13)
187
+
188
+ ### Changes
189
+
190
+ - update fast-element and fast-foundation dependencies ([PR #27392](https://github.com/microsoft/fluentui/pull/27392) by chhol@microsoft.com)
191
+ - feat(button): add button web component ([PR #27278](https://github.com/microsoft/fluentui/pull/27278) by chhol@microsoft.com)
192
+
193
+ ## [3.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.12)
194
+
195
+ Tue, 28 Mar 2023 04:20:01 GMT
196
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.11..@fluentui/web-components_v3.0.0-alpha.12)
197
+
198
+ ### Changes
199
+
200
+ - Adds Slider as a web component ([PR #27165](https://github.com/microsoft/fluentui/pull/27165) by ryan@ryanmerrill.net)
201
+
202
+ ## [3.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.11)
203
+
204
+ Tue, 14 Mar 2023 04:21:22 GMT
205
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.10..@fluentui/web-components_v3.0.0-alpha.11)
206
+
207
+ ### Changes
208
+
209
+ - update FAST dependencies to latest package versions ([PR #27187](https://github.com/microsoft/fluentui/pull/27187) by chhol@microsoft.com)
210
+ - Adds css containment to implemented web components ([PR #27190](https://github.com/microsoft/fluentui/pull/27190) by chhol@microsoft.com)
211
+
212
+ ## [3.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.10)
213
+
214
+ Thu, 09 Mar 2023 04:19:45 GMT
215
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.9..@fluentui/web-components_v3.0.0-alpha.10)
216
+
217
+ ### Changes
218
+
219
+ - fix: [text] block breaks the style attribute ([PR #27129](https://github.com/microsoft/fluentui/pull/27129) by jes@microsoft.com)
220
+
221
+ ## [3.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.9)
222
+
223
+ Wed, 01 Mar 2023 04:20:20 GMT
224
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.8..@fluentui/web-components_v3.0.0-alpha.9)
225
+
226
+ ### Changes
227
+
228
+ - Redo of PR of Slider spec after merge error ([PR #26981](https://github.com/microsoft/fluentui/pull/26981) by ryan@ryanmerrill.net)
229
+
7
230
  ## [3.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.8)
8
231
 
9
- Tue, 28 Feb 2023 04:25:09 GMT
232
+ Tue, 28 Feb 2023 04:25:15 GMT
10
233
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.7..@fluentui/web-components_v3.0.0-alpha.8)
11
234
 
12
235
  ### 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,4 +1,4 @@
1
- import { FASTAccordion } from '@microsoft/fast-foundation';
1
+ import { FASTAccordion } from '@microsoft/fast-foundation/accordion.js';
2
2
  /**
3
3
  * The base class used for constructing a fluent-accordion custom element
4
4
  * @public
@@ -1,4 +1,4 @@
1
- import { FASTAccordionItem } from '@microsoft/fast-foundation';
1
+ import { FASTAccordionItem } from '@microsoft/fast-foundation/accordion-item.js';
2
2
  import { AccordionItemExpandIconPosition, AccordionItemSize } from './accordion-item.options.js';
3
3
  /**
4
4
  * @internal
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from '@microsoft/fast-foundation';
1
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
2
2
  /**
3
3
  * An Accordion Item header font size can be small, medium, large, and extra-large
4
4
  */
@@ -0,0 +1,64 @@
1
+ import { FASTAnchor } from '@microsoft/fast-foundation/anchor.js';
2
+ import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './anchor-button.options.js';
3
+ /**
4
+ * The base class used for constructing a fluent-anchor-button custom element
5
+ * @public
6
+ */
7
+ export declare class AnchorButton extends FASTAnchor {
8
+ /**
9
+ * The appearance the anchor button should have.
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Attribute: appearance
14
+ */
15
+ appearance?: AnchorButtonAppearance | undefined;
16
+ /**
17
+ * The shape the anchor button should have.
18
+ *
19
+ * @public
20
+ * @remarks
21
+ * HTML Attribute: shape
22
+ */
23
+ shape?: AnchorButtonShape | undefined;
24
+ /**
25
+ * The size the anchor button should have.
26
+ *
27
+ * @public
28
+ * @remarks
29
+ * HTML Attribute: size
30
+ */
31
+ size?: AnchorButtonSize;
32
+ /**
33
+ * The anchor button has an icon only, no text content
34
+ *
35
+ * @public
36
+ * @remarks
37
+ * HTML Attribute: icon-only
38
+ */
39
+ iconOnly: boolean;
40
+ /**
41
+ * The anchor button is disabled
42
+ *
43
+ * @public
44
+ * @remarks
45
+ * HTML Attribute: disabled-focusable
46
+ */
47
+ disabled?: boolean;
48
+ protected disabledChanged(prev: boolean, next: boolean): void;
49
+ /**
50
+ * The anchor button is disabled but focusable
51
+ *
52
+ * @public
53
+ * @remarks
54
+ * HTML Attribute: disabled-focusable
55
+ */
56
+ disabledFocusable?: boolean;
57
+ protected disabledFocusableChanged(prev: boolean, next: boolean): void;
58
+ /**
59
+ * Prevents disabledFocusable click events
60
+ */
61
+ private handleDisabledFocusableClick;
62
+ connectedCallback(): void;
63
+ disconnectedCallback(): void;
64
+ }
@@ -0,0 +1,10 @@
1
+ import { AnchorButton } from './anchor-button.js';
2
+ /**
3
+ * The Fluent Anchor Button Element. Implements {@link @microsoft/fast-foundation#Anchor },
4
+ * {@link @microsoft/fast-foundation#anchorTemplate}
5
+ *
6
+ * @public
7
+ * @remarks
8
+ * HTML Element: \<fluent-anchor-button\>
9
+ */
10
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AnchorButton>;
@@ -0,0 +1,47 @@
1
+ import type { AnchorOptions } from '@microsoft/fast-foundation/anchor.js';
2
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
3
+ /**
4
+ * Anchor Button Appearance constants
5
+ * @public
6
+ */
7
+ export declare const AnchorButtonAppearance: {
8
+ readonly primary: "primary";
9
+ readonly outline: "outline";
10
+ readonly subtle: "subtle";
11
+ readonly secondary: "secondary";
12
+ readonly transparent: "transparent";
13
+ };
14
+ /**
15
+ * An Anchor Button can be secondary, primary, outline, subtle, transparent
16
+ * @public
17
+ */
18
+ export declare type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
19
+ /**
20
+ * An Anchor Button can be square, circular or rounded.
21
+ * @public
22
+ */
23
+ export declare const AnchorButtonShape: {
24
+ readonly circular: "circular";
25
+ readonly rounded: "rounded";
26
+ readonly square: "square";
27
+ };
28
+ /**
29
+ * An Anchor Button can be square, circular or rounded
30
+ * @public
31
+ */
32
+ export declare type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
33
+ /**
34
+ * An Anchor Button can be a size of small, medium or large.
35
+ * @public
36
+ */
37
+ export declare const AnchorButtonSize: {
38
+ readonly small: "small";
39
+ readonly medium: "medium";
40
+ readonly large: "large";
41
+ };
42
+ /**
43
+ * An Anchor Button can be on of several preset sizes.
44
+ * @public
45
+ */
46
+ export declare type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
47
+ export { AnchorOptions as AnchorButtonOptions };
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,7 @@
1
+ import { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { AnchorButton } from './anchor-button.js';
3
+ /**
4
+ * The template for the Button component.
5
+ * @public
6
+ */
7
+ export declare const template: ElementViewTemplate<AnchorButton>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './anchor-button.js';
2
+ export * from './anchor-button.options.js';
3
+ export { template as AnchorButtonTemplate } from './anchor-button.template.js';
4
+ export { definition as AnchorButtonDefinition } from './anchor-button.definition.js';
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from '@microsoft/fast-foundation';
1
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
2
2
  /**
3
3
  * The Avatar "active" state
4
4
  */
@@ -1,5 +1,5 @@
1
1
  import { FASTElement } from '@microsoft/fast-element';
2
- import { StartEnd } from '@microsoft/fast-foundation';
2
+ import { StartEnd } from '@microsoft/fast-foundation/patterns.js';
3
3
  import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
4
4
  /**
5
5
  * The base class used for constructing a fluent-badge custom element
@@ -1,4 +1,5 @@
1
- import { StartEndOptions, StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation';
1
+ import { StartEndOptions } from '@microsoft/fast-foundation/patterns.js';
2
+ import type { StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation/utilities.js';
2
3
  import type { Badge } from './badge.js';
3
4
  /**
4
5
  * @internal - marking as internal update when Badge PR for start/end is in
@@ -0,0 +1,55 @@
1
+ import { FASTButton } from '@microsoft/fast-foundation/button.js';
2
+ import { ButtonAppearance, ButtonShape, ButtonSize } from './button.options.js';
3
+ /**
4
+ * The base class used for constructing a fluent-button custom element
5
+ * @public
6
+ */
7
+ export declare class Button extends FASTButton {
8
+ /**
9
+ * The appearance the button should have.
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Attribute: appearance
14
+ */
15
+ appearance?: ButtonAppearance | undefined;
16
+ /**
17
+ * The shape the button should have.
18
+ *
19
+ * @public
20
+ * @remarks
21
+ * HTML Attribute: shape
22
+ */
23
+ shape?: ButtonShape | undefined;
24
+ /**
25
+ * The size the button should have.
26
+ *
27
+ * @public
28
+ * @remarks
29
+ * HTML Attribute: size
30
+ */
31
+ size?: ButtonSize;
32
+ /**
33
+ * The button has an icon only, no text content
34
+ *
35
+ * @public
36
+ * @remarks
37
+ * HTML Attribute: icon-only
38
+ */
39
+ iconOnly: boolean;
40
+ /**
41
+ * The button is disabled but focusable
42
+ *
43
+ * @public
44
+ * @remarks
45
+ * HTML Attribute: disabled-focusable
46
+ */
47
+ disabledFocusable?: boolean;
48
+ protected disabledFocusableChanged(prev: boolean, next: boolean): void;
49
+ /**
50
+ * Prevents disabledFocusable click events
51
+ */
52
+ private handleDisabledFocusableClick;
53
+ connectedCallback(): void;
54
+ disconnectedCallback(): void;
55
+ }
@@ -0,0 +1,10 @@
1
+ import { Button } from './button.js';
2
+ /**
3
+ * The Fluent Button Element. Implements {@link @microsoft/fast-foundation#Button },
4
+ * {@link @microsoft/fast-foundation#buttonTemplate}
5
+ *
6
+ * @public
7
+ * @remarks
8
+ * HTML Element: \<fluent-button\>
9
+ */
10
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Button>;
@@ -0,0 +1,47 @@
1
+ import type { ButtonOptions } from '@microsoft/fast-foundation/button.js';
2
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
3
+ /**
4
+ * ButtonAppearance constants
5
+ * @public
6
+ */
7
+ export declare const ButtonAppearance: {
8
+ readonly primary: "primary";
9
+ readonly outline: "outline";
10
+ readonly subtle: "subtle";
11
+ readonly secondary: "secondary";
12
+ readonly transparent: "transparent";
13
+ };
14
+ /**
15
+ * A Button can be secondary, primary, outline, subtle, transparent
16
+ * @public
17
+ */
18
+ export declare type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
19
+ /**
20
+ * A Button can be square, circular or rounded.
21
+ * @public
22
+ */
23
+ export declare const ButtonShape: {
24
+ readonly circular: "circular";
25
+ readonly rounded: "rounded";
26
+ readonly square: "square";
27
+ };
28
+ /**
29
+ * A Button can be square, circular or rounded
30
+ * @public
31
+ */
32
+ export declare type ButtonShape = ValuesOf<typeof ButtonShape>;
33
+ /**
34
+ * A Button can be a size of small, medium or large.
35
+ * @public
36
+ */
37
+ export declare const ButtonSize: {
38
+ readonly small: "small";
39
+ readonly medium: "medium";
40
+ readonly large: "large";
41
+ };
42
+ /**
43
+ * A Button can be on of several preset sizes.
44
+ * @public
45
+ */
46
+ export declare type ButtonSize = ValuesOf<typeof ButtonSize>;
47
+ export { ButtonOptions };
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,7 @@
1
+ import { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { Button } from './button.js';
3
+ /**
4
+ * The template for the Button component.
5
+ * @public
6
+ */
7
+ export declare const template: ElementViewTemplate<Button>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export * from './button.js';
2
+ export * from './button.options.js';
3
+ export { template as ButtonTemplate } from './button.template.js';
4
+ export { styles as ButtonStyles } from './button.styles.js';
5
+ export { definition as ButtonDefinition } from './button.definition.js';
@@ -0,0 +1,35 @@
1
+ import { FASTCheckbox } from '@microsoft/fast-foundation/checkbox.js';
2
+ import { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js';
3
+ /**
4
+ * The base class used for constucting a fluent checkbox custom element
5
+ * @public
6
+ */
7
+ export declare class Checkbox extends FASTCheckbox {
8
+ /**
9
+ * Sets shape of the checkbox.
10
+ *
11
+ * @public
12
+ * @default 'square'
13
+ * @remarks
14
+ * HTML Attribute: shape
15
+ */
16
+ shape?: CheckboxShape;
17
+ /**
18
+ * Sets size of the checkbox.
19
+ *
20
+ * @public
21
+ * @default 'medium'
22
+ * @remarks
23
+ * HTML Attribute: size
24
+ */
25
+ size?: CheckboxSize;
26
+ /**
27
+ * Sets position of the label relative to the input
28
+ *
29
+ * @public
30
+ * @default 'after'
31
+ * @remarks
32
+ * HTML Attribute: label-position
33
+ */
34
+ labelPosition?: CheckboxLabelPosition;
35
+ }
@@ -0,0 +1,9 @@
1
+ import { Checkbox } from './checkbox.js';
2
+ /**
3
+ * The Fluent Checkbox Element
4
+ *
5
+ * @public
6
+ * @remarks
7
+ * HTML Element: \<fluent-checkbox\>
8
+ */
9
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Checkbox>;
@@ -0,0 +1,28 @@
1
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
2
+ /**
3
+ * Checkbox shape
4
+ * @public
5
+ */
6
+ export declare const CheckboxShape: {
7
+ readonly circular: "circular";
8
+ readonly square: "square";
9
+ };
10
+ export declare type CheckboxShape = ValuesOf<typeof CheckboxShape>;
11
+ /**
12
+ * Checkbox size
13
+ * @public
14
+ */
15
+ export declare const CheckboxSize: {
16
+ readonly medium: "medium";
17
+ readonly large: "large";
18
+ };
19
+ export declare type CheckboxSize = ValuesOf<typeof CheckboxSize>;
20
+ /**
21
+ * Checkbox label position
22
+ * @public
23
+ */
24
+ export declare const CheckboxLabelPosition: {
25
+ readonly before: "before";
26
+ readonly after: "after";
27
+ };
28
+ export declare type CheckboxLabelPosition = ValuesOf<typeof CheckboxLabelPosition>;
@@ -0,0 +1,5 @@
1
+ /** Checkbox styles
2
+ *
3
+ * @public
4
+ */
5
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;