@fluentui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.30

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 (617) hide show
  1. package/CHANGELOG.md +254 -2
  2. package/README.md +4 -0
  3. package/dist/dts/accordion/accordion.d.ts +7 -0
  4. package/dist/dts/accordion/accordion.definition.d.ts +11 -0
  5. package/dist/dts/accordion/accordion.styles.d.ts +1 -0
  6. package/dist/dts/accordion/accordion.template.d.ts +3 -0
  7. package/dist/dts/accordion/define.d.ts +1 -0
  8. package/dist/dts/accordion/index.d.ts +4 -0
  9. package/dist/dts/accordion-item/accordion-item.d.ts +33 -0
  10. package/dist/dts/accordion-item/accordion-item.definition.d.ts +11 -0
  11. package/dist/dts/accordion-item/accordion-item.options.d.ts +27 -0
  12. package/dist/dts/accordion-item/accordion-item.styles.d.ts +1 -0
  13. package/dist/dts/accordion-item/accordion-item.template.d.ts +7 -0
  14. package/dist/dts/accordion-item/define.d.ts +1 -0
  15. package/dist/dts/accordion-item/index.d.ts +5 -0
  16. package/dist/dts/anchor-button/anchor-button.d.ts +64 -0
  17. package/dist/dts/anchor-button/anchor-button.definition.d.ts +10 -0
  18. package/dist/dts/anchor-button/anchor-button.options.d.ts +47 -0
  19. package/dist/dts/anchor-button/anchor-button.styles.d.ts +1 -0
  20. package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -0
  21. package/dist/dts/anchor-button/define.d.ts +1 -0
  22. package/dist/dts/anchor-button/index.d.ts +4 -0
  23. package/dist/dts/avatar/avatar.d.ts +97 -0
  24. package/dist/dts/avatar/avatar.definition.d.ts +9 -0
  25. package/dist/dts/avatar/avatar.options.d.ts +142 -0
  26. package/dist/dts/avatar/avatar.styles.d.ts +4 -0
  27. package/dist/dts/avatar/avatar.template.d.ts +8 -0
  28. package/dist/dts/avatar/define.d.ts +1 -0
  29. package/dist/dts/avatar/index.d.ts +5 -0
  30. package/dist/dts/badge/badge.d.ts +3 -3
  31. package/dist/dts/badge/badge.options.d.ts +2 -1
  32. package/dist/dts/button/button.d.ts +55 -0
  33. package/dist/dts/button/button.definition.d.ts +10 -0
  34. package/dist/dts/button/button.options.d.ts +47 -0
  35. package/dist/dts/button/button.styles.d.ts +1 -0
  36. package/dist/dts/button/button.template.d.ts +7 -0
  37. package/dist/dts/button/define.d.ts +1 -0
  38. package/dist/dts/button/index.d.ts +5 -0
  39. package/dist/dts/checkbox/checkbox.d.ts +35 -0
  40. package/dist/dts/checkbox/checkbox.definition.d.ts +9 -0
  41. package/dist/dts/checkbox/checkbox.options.d.ts +28 -0
  42. package/dist/dts/checkbox/checkbox.styles.d.ts +5 -0
  43. package/dist/dts/checkbox/checkbox.template.d.ts +7 -0
  44. package/dist/dts/checkbox/define.d.ts +1 -0
  45. package/dist/dts/checkbox/index.d.ts +5 -0
  46. package/dist/dts/compound-button/compound-button.d.ts +7 -0
  47. package/dist/dts/compound-button/compound-button.definition.d.ts +10 -0
  48. package/dist/dts/compound-button/compound-button.options.d.ts +51 -0
  49. package/dist/dts/compound-button/compound-button.styles.d.ts +1 -0
  50. package/dist/dts/compound-button/compound-button.template.d.ts +13 -0
  51. package/dist/dts/compound-button/define.d.ts +1 -0
  52. package/dist/dts/compound-button/index.d.ts +5 -0
  53. package/dist/dts/counter-badge/counter-badge.d.ts +5 -5
  54. package/dist/dts/counter-badge/counter-badge.options.d.ts +1 -1
  55. package/dist/dts/divider/define.d.ts +1 -0
  56. package/dist/dts/divider/divider.d.ts +31 -0
  57. package/dist/dts/divider/divider.definition.d.ts +9 -0
  58. package/dist/dts/divider/divider.options.d.ts +41 -0
  59. package/dist/dts/divider/divider.styles.d.ts +4 -0
  60. package/dist/dts/divider/divider.template.d.ts +7 -0
  61. package/dist/dts/divider/index.d.ts +5 -0
  62. package/dist/dts/helpers.tests.d.ts +8 -0
  63. package/dist/dts/image/define.d.ts +1 -0
  64. package/dist/dts/image/image.d.ts +48 -0
  65. package/dist/dts/image/image.definition.d.ts +9 -0
  66. package/dist/dts/image/image.options.d.ts +27 -0
  67. package/dist/dts/image/image.styles.d.ts +5 -0
  68. package/dist/dts/image/image.template.d.ts +7 -0
  69. package/dist/dts/image/index.d.ts +5 -0
  70. package/dist/dts/index.d.ts +23 -0
  71. package/dist/dts/label/define.d.ts +1 -0
  72. package/dist/dts/label/index.d.ts +4 -0
  73. package/dist/dts/label/label.d.ts +42 -0
  74. package/dist/dts/label/label.definition.d.ts +10 -0
  75. package/dist/dts/label/label.options.d.ts +26 -0
  76. package/dist/dts/label/label.styles.d.ts +4 -0
  77. package/dist/dts/label/label.template.d.ts +8 -0
  78. package/dist/dts/menu-button/define.d.ts +1 -0
  79. package/dist/dts/menu-button/index.d.ts +5 -0
  80. package/dist/dts/menu-button/menu-button.d.ts +7 -0
  81. package/dist/dts/menu-button/menu-button.definition.d.ts +10 -0
  82. package/dist/dts/menu-button/menu-button.options.d.ts +47 -0
  83. package/dist/dts/menu-button/menu-button.template.d.ts +7 -0
  84. package/dist/dts/menu-item/define.d.ts +1 -0
  85. package/dist/dts/menu-item/index.d.ts +4 -0
  86. package/dist/dts/menu-item/menu-item.d.ts +9 -0
  87. package/dist/dts/menu-item/menu-item.definition.d.ts +11 -0
  88. package/dist/dts/menu-item/menu-item.styles.d.ts +4 -0
  89. package/dist/dts/menu-item/menu-item.template.d.ts +3 -0
  90. package/dist/dts/menu-list/define.d.ts +1 -0
  91. package/dist/dts/menu-list/index.d.ts +4 -0
  92. package/dist/dts/menu-list/menu-list.d.ts +9 -0
  93. package/dist/dts/menu-list/menu-list.definition.d.ts +11 -0
  94. package/dist/dts/menu-list/menu-list.styles.d.ts +4 -0
  95. package/dist/dts/menu-list/menu-list.template.d.ts +3 -0
  96. package/dist/dts/progress-bar/progress-bar.d.ts +3 -3
  97. package/dist/dts/progress-bar/progress-bar.options.d.ts +1 -1
  98. package/dist/dts/progress-bar/progress-bar.styles.d.ts +1 -1
  99. package/dist/dts/radio/define.d.ts +1 -0
  100. package/dist/dts/radio/index.d.ts +4 -0
  101. package/dist/dts/radio/radio.d.ts +7 -0
  102. package/dist/dts/radio/radio.definition.d.ts +10 -0
  103. package/dist/dts/radio/radio.styles.d.ts +4 -0
  104. package/dist/dts/radio/radio.template.d.ts +3 -0
  105. package/dist/dts/radio-group/define.d.ts +1 -0
  106. package/dist/dts/radio-group/index.d.ts +5 -0
  107. package/dist/dts/radio-group/radio-group.d.ts +15 -0
  108. package/dist/dts/radio-group/radio-group.definition.d.ts +10 -0
  109. package/dist/dts/radio-group/radio-group.styles.d.ts +4 -0
  110. package/dist/dts/radio-group/radio-group.template.d.ts +3 -0
  111. package/dist/dts/slider/define.d.ts +1 -0
  112. package/dist/dts/slider/index.d.ts +5 -0
  113. package/dist/dts/slider/slider.d.ts +24 -0
  114. package/dist/dts/slider/slider.definition.d.ts +10 -0
  115. package/dist/dts/slider/slider.options.d.ts +15 -0
  116. package/dist/dts/slider/slider.styles.d.ts +4 -0
  117. package/dist/dts/slider/slider.template.d.ts +3 -0
  118. package/dist/dts/spinner/spinner.d.ts +3 -3
  119. package/dist/dts/spinner/spinner.options.d.ts +1 -1
  120. package/dist/dts/switch/define.d.ts +1 -0
  121. package/dist/dts/switch/index.d.ts +5 -0
  122. package/dist/dts/switch/switch.d.ts +13 -0
  123. package/dist/dts/switch/switch.definition.d.ts +9 -0
  124. package/dist/dts/switch/switch.options.d.ts +15 -0
  125. package/dist/dts/switch/switch.styles.d.ts +1 -0
  126. package/dist/dts/switch/switch.template.d.ts +3 -0
  127. package/dist/dts/tab/define.d.ts +1 -0
  128. package/dist/dts/tab/index.d.ts +4 -0
  129. package/dist/dts/tab/tab.d.ts +8 -0
  130. package/dist/dts/tab/tab.definition.d.ts +2 -0
  131. package/dist/dts/tab/tab.styles.d.ts +1 -0
  132. package/dist/dts/tab/tab.template.d.ts +4 -0
  133. package/dist/dts/tab-panel/define.d.ts +1 -0
  134. package/dist/dts/tab-panel/index.d.ts +4 -0
  135. package/dist/dts/tab-panel/tab-panel.d.ts +3 -0
  136. package/dist/dts/tab-panel/tab-panel.definition.d.ts +2 -0
  137. package/dist/dts/tab-panel/tab-panel.styles.d.ts +1 -0
  138. package/dist/dts/tab-panel/tab-panel.template.d.ts +1 -0
  139. package/dist/dts/tabs/define.d.ts +1 -0
  140. package/dist/dts/tabs/index.d.ts +5 -0
  141. package/dist/dts/tabs/tabs.d.ts +88 -0
  142. package/dist/dts/tabs/tabs.definition.d.ts +2 -0
  143. package/dist/dts/tabs/tabs.options.d.ts +14 -0
  144. package/dist/dts/tabs/tabs.styles.d.ts +1 -0
  145. package/dist/dts/tabs/tabs.template.d.ts +1 -0
  146. package/dist/dts/text/text.d.ts +4 -4
  147. package/dist/dts/text/text.options.d.ts +1 -1
  148. package/dist/dts/text-input/define.d.ts +1 -0
  149. package/dist/dts/text-input/index.d.ts +6 -0
  150. package/dist/dts/text-input/text-input.d.ts +26 -0
  151. package/dist/dts/text-input/text-input.definition.d.ts +10 -0
  152. package/dist/dts/text-input/text-input.options.d.ts +30 -0
  153. package/dist/dts/text-input/text-input.styles.d.ts +4 -0
  154. package/dist/dts/text-input/text-input.template.d.ts +6 -0
  155. package/dist/dts/theme/design-tokens.d.ts +384 -379
  156. package/dist/dts/theme/index.d.ts +1 -1
  157. package/dist/dts/theme/set-theme.d.ts +2 -0
  158. package/dist/dts/toggle-button/define.d.ts +1 -0
  159. package/dist/dts/toggle-button/index.d.ts +5 -0
  160. package/dist/dts/toggle-button/toggle-button.d.ts +48 -0
  161. package/dist/dts/toggle-button/toggle-button.definition.d.ts +10 -0
  162. package/dist/dts/toggle-button/toggle-button.options.d.ts +47 -0
  163. package/dist/dts/toggle-button/toggle-button.styles.d.ts +1 -0
  164. package/dist/dts/toggle-button/toggle-button.template.d.ts +7 -0
  165. package/dist/dts/utils/apply-mixins.d.ts +11 -0
  166. package/dist/dts/utils/get-initials.d.ts +18 -0
  167. package/dist/esm/accordion/accordion.definition.js +19 -0
  168. package/dist/esm/accordion/accordion.definition.js.map +1 -0
  169. package/dist/esm/accordion/accordion.js +8 -0
  170. package/dist/esm/accordion/accordion.js.map +1 -0
  171. package/dist/esm/accordion/accordion.styles.js +12 -0
  172. package/dist/esm/accordion/accordion.styles.js.map +1 -0
  173. package/dist/esm/accordion/accordion.template.js +3 -0
  174. package/dist/esm/accordion/accordion.template.js.map +1 -0
  175. package/dist/esm/accordion/define.js +4 -0
  176. package/dist/esm/accordion/define.js.map +1 -0
  177. package/dist/esm/accordion/index.js +5 -0
  178. package/dist/esm/accordion/index.js.map +1 -0
  179. package/dist/esm/accordion-item/accordion-item.definition.js +19 -0
  180. package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -0
  181. package/dist/esm/accordion-item/accordion-item.js +34 -0
  182. package/dist/esm/accordion-item/accordion-item.js.map +1 -0
  183. package/dist/esm/accordion-item/accordion-item.options.js +17 -0
  184. package/dist/esm/accordion-item/accordion-item.options.js.map +1 -0
  185. package/dist/esm/accordion-item/accordion-item.styles.js +198 -0
  186. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -0
  187. package/dist/esm/accordion-item/accordion-item.template.js +37 -0
  188. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -0
  189. package/dist/esm/accordion-item/define.js +4 -0
  190. package/dist/esm/accordion-item/define.js.map +1 -0
  191. package/dist/esm/accordion-item/index.js +6 -0
  192. package/dist/esm/accordion-item/index.js.map +1 -0
  193. package/dist/esm/anchor-button/anchor-button.definition.js +21 -0
  194. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -0
  195. package/dist/esm/anchor-button/anchor-button.js +93 -0
  196. package/dist/esm/anchor-button/anchor-button.js.map +1 -0
  197. package/dist/esm/anchor-button/anchor-button.options.js +17 -0
  198. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -0
  199. package/dist/esm/anchor-button/anchor-button.styles.js +11 -0
  200. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -0
  201. package/dist/esm/anchor-button/anchor-button.template.js +7 -0
  202. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -0
  203. package/dist/esm/anchor-button/define.js +4 -0
  204. package/dist/esm/anchor-button/define.js.map +1 -0
  205. package/dist/esm/anchor-button/index.js +5 -0
  206. package/dist/esm/anchor-button/index.js.map +1 -0
  207. package/dist/esm/avatar/avatar.definition.js +17 -0
  208. package/dist/esm/avatar/avatar.definition.js.map +1 -0
  209. package/dist/esm/avatar/avatar.js +92 -0
  210. package/dist/esm/avatar/avatar.js.map +1 -0
  211. package/dist/esm/avatar/avatar.options.js +87 -0
  212. package/dist/esm/avatar/avatar.options.js.map +1 -0
  213. package/dist/esm/avatar/avatar.styles.js +477 -0
  214. package/dist/esm/avatar/avatar.styles.js.map +1 -0
  215. package/dist/esm/avatar/avatar.template.js +28 -0
  216. package/dist/esm/avatar/avatar.template.js.map +1 -0
  217. package/dist/esm/avatar/define.js +4 -0
  218. package/dist/esm/avatar/define.js.map +1 -0
  219. package/dist/esm/avatar/index.js +6 -0
  220. package/dist/esm/avatar/index.js.map +1 -0
  221. package/dist/esm/badge/badge.definition.js +1 -0
  222. package/dist/esm/badge/badge.definition.js.map +1 -0
  223. package/dist/esm/badge/badge.js +4 -1
  224. package/dist/esm/badge/badge.js.map +1 -0
  225. package/dist/esm/badge/badge.options.js +1 -0
  226. package/dist/esm/badge/badge.options.js.map +1 -0
  227. package/dist/esm/badge/badge.styles.js +1 -0
  228. package/dist/esm/badge/badge.styles.js.map +1 -0
  229. package/dist/esm/badge/badge.template.js +3 -1
  230. package/dist/esm/badge/badge.template.js.map +1 -0
  231. package/dist/esm/badge/define.js +1 -0
  232. package/dist/esm/badge/define.js.map +1 -0
  233. package/dist/esm/badge/index.js +1 -0
  234. package/dist/esm/badge/index.js.map +1 -0
  235. package/dist/esm/button/button.definition.js +21 -0
  236. package/dist/esm/button/button.definition.js.map +1 -0
  237. package/dist/esm/button/button.js +72 -0
  238. package/dist/esm/button/button.js.map +1 -0
  239. package/dist/esm/button/button.options.js +30 -0
  240. package/dist/esm/button/button.options.js.map +1 -0
  241. package/dist/esm/button/button.styles.js +260 -0
  242. package/dist/esm/button/button.styles.js.map +1 -0
  243. package/dist/esm/button/button.template.js +7 -0
  244. package/dist/esm/button/button.template.js.map +1 -0
  245. package/dist/esm/button/define.js +4 -0
  246. package/dist/esm/button/define.js.map +1 -0
  247. package/dist/esm/button/index.js +6 -0
  248. package/dist/esm/button/index.js.map +1 -0
  249. package/dist/esm/checkbox/checkbox.definition.js +17 -0
  250. package/dist/esm/checkbox/checkbox.definition.js.map +1 -0
  251. package/dist/esm/checkbox/checkbox.js +24 -0
  252. package/dist/esm/checkbox/checkbox.js.map +1 -0
  253. package/dist/esm/checkbox/checkbox.options.js +25 -0
  254. package/dist/esm/checkbox/checkbox.options.js.map +1 -0
  255. package/dist/esm/checkbox/checkbox.styles.js +164 -0
  256. package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
  257. package/dist/esm/checkbox/checkbox.template.js +27 -0
  258. package/dist/esm/checkbox/checkbox.template.js.map +1 -0
  259. package/dist/esm/checkbox/define.js +4 -0
  260. package/dist/esm/checkbox/define.js.map +1 -0
  261. package/dist/esm/checkbox/index.js +6 -0
  262. package/dist/esm/checkbox/index.js.map +1 -0
  263. package/dist/esm/compound-button/compound-button.definition.js +21 -0
  264. package/dist/esm/compound-button/compound-button.definition.js.map +1 -0
  265. package/dist/esm/compound-button/compound-button.js +8 -0
  266. package/dist/esm/compound-button/compound-button.js.map +1 -0
  267. package/dist/esm/compound-button/compound-button.options.js +17 -0
  268. package/dist/esm/compound-button/compound-button.options.js.map +1 -0
  269. package/dist/esm/compound-button/compound-button.styles.js +105 -0
  270. package/dist/esm/compound-button/compound-button.styles.js.map +1 -0
  271. package/dist/esm/compound-button/compound-button.template.js +60 -0
  272. package/dist/esm/compound-button/compound-button.template.js.map +1 -0
  273. package/dist/esm/compound-button/define.js +4 -0
  274. package/dist/esm/compound-button/define.js.map +1 -0
  275. package/dist/esm/compound-button/index.js +6 -0
  276. package/dist/esm/compound-button/index.js.map +1 -0
  277. package/dist/esm/counter-badge/counter-badge.definition.js +1 -0
  278. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -0
  279. package/dist/esm/counter-badge/counter-badge.js +4 -1
  280. package/dist/esm/counter-badge/counter-badge.js.map +1 -0
  281. package/dist/esm/counter-badge/counter-badge.options.js +1 -0
  282. package/dist/esm/counter-badge/counter-badge.options.js.map +1 -0
  283. package/dist/esm/counter-badge/counter-badge.styles.js +1 -0
  284. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -0
  285. package/dist/esm/counter-badge/counter-badge.template.js +1 -0
  286. package/dist/esm/counter-badge/counter-badge.template.js.map +1 -0
  287. package/dist/esm/counter-badge/define.js +1 -0
  288. package/dist/esm/counter-badge/define.js.map +1 -0
  289. package/dist/esm/counter-badge/index.js +1 -0
  290. package/dist/esm/counter-badge/index.js.map +1 -0
  291. package/dist/esm/divider/define.js +4 -0
  292. package/dist/esm/divider/define.js.map +1 -0
  293. package/dist/esm/divider/divider.definition.js +17 -0
  294. package/dist/esm/divider/divider.definition.js.map +1 -0
  295. package/dist/esm/divider/divider.js +21 -0
  296. package/dist/esm/divider/divider.js.map +1 -0
  297. package/dist/esm/divider/divider.options.js +31 -0
  298. package/dist/esm/divider/divider.options.js.map +1 -0
  299. package/dist/esm/divider/divider.styles.js +127 -0
  300. package/dist/esm/divider/divider.styles.js.map +1 -0
  301. package/dist/esm/divider/divider.template.js +7 -0
  302. package/dist/esm/divider/divider.template.js.map +1 -0
  303. package/dist/esm/divider/index.js +6 -0
  304. package/dist/esm/divider/index.js.map +1 -0
  305. package/dist/esm/fluent-design-system.js +1 -0
  306. package/dist/esm/fluent-design-system.js.map +1 -0
  307. package/dist/esm/helpers.tests.js +29 -0
  308. package/dist/esm/helpers.tests.js.map +1 -0
  309. package/dist/esm/image/define.js +4 -0
  310. package/dist/esm/image/define.js.map +1 -0
  311. package/dist/esm/image/image.definition.js +17 -0
  312. package/dist/esm/image/image.definition.js.map +1 -0
  313. package/dist/esm/image/image.js +24 -0
  314. package/dist/esm/image/image.js.map +1 -0
  315. package/dist/esm/image/image.options.js +21 -0
  316. package/dist/esm/image/image.options.js.map +1 -0
  317. package/dist/esm/image/image.styles.js +59 -0
  318. package/dist/esm/image/image.styles.js.map +1 -0
  319. package/dist/esm/image/image.template.js +7 -0
  320. package/dist/esm/image/image.template.js.map +1 -0
  321. package/dist/esm/image/index.js +6 -0
  322. package/dist/esm/image/index.js.map +1 -0
  323. package/dist/esm/index-rollup.js +1 -0
  324. package/dist/esm/index-rollup.js.map +1 -0
  325. package/dist/esm/index.js +24 -0
  326. package/dist/esm/index.js.map +1 -0
  327. package/dist/esm/label/define.js +4 -0
  328. package/dist/esm/label/define.js.map +1 -0
  329. package/dist/esm/label/index.js +5 -0
  330. package/dist/esm/label/index.js.map +1 -0
  331. package/dist/esm/label/label.definition.js +18 -0
  332. package/dist/esm/label/label.definition.js.map +1 -0
  333. package/dist/esm/label/label.js +40 -0
  334. package/dist/esm/label/label.js.map +1 -0
  335. package/dist/esm/label/label.options.js +16 -0
  336. package/dist/esm/label/label.options.js.map +1 -0
  337. package/dist/esm/label/label.styles.js +38 -0
  338. package/dist/esm/label/label.styles.js.map +1 -0
  339. package/dist/esm/label/label.template.js +13 -0
  340. package/dist/esm/label/label.template.js.map +1 -0
  341. package/dist/esm/menu-button/define.js +4 -0
  342. package/dist/esm/menu-button/define.js.map +1 -0
  343. package/dist/esm/menu-button/index.js +6 -0
  344. package/dist/esm/menu-button/index.js.map +1 -0
  345. package/dist/esm/menu-button/menu-button.definition.js +21 -0
  346. package/dist/esm/menu-button/menu-button.definition.js.map +1 -0
  347. package/dist/esm/menu-button/menu-button.js +8 -0
  348. package/dist/esm/menu-button/menu-button.js.map +1 -0
  349. package/dist/esm/menu-button/menu-button.options.js +17 -0
  350. package/dist/esm/menu-button/menu-button.options.js.map +1 -0
  351. package/dist/esm/menu-button/menu-button.template.js +10 -0
  352. package/dist/esm/menu-button/menu-button.template.js.map +1 -0
  353. package/dist/esm/menu-item/define.js +4 -0
  354. package/dist/esm/menu-item/define.js.map +1 -0
  355. package/dist/esm/menu-item/index.js +5 -0
  356. package/dist/esm/menu-item/index.js.map +1 -0
  357. package/dist/esm/menu-item/menu-item.definition.js +19 -0
  358. package/dist/esm/menu-item/menu-item.definition.js.map +1 -0
  359. package/dist/esm/menu-item/menu-item.js +9 -0
  360. package/dist/esm/menu-item/menu-item.js.map +1 -0
  361. package/dist/esm/menu-item/menu-item.styles.js +183 -0
  362. package/dist/esm/menu-item/menu-item.styles.js.map +1 -0
  363. package/dist/esm/menu-item/menu-item.template.js +10 -0
  364. package/dist/esm/menu-item/menu-item.template.js.map +1 -0
  365. package/dist/esm/menu-list/define.js +4 -0
  366. package/dist/esm/menu-list/define.js.map +1 -0
  367. package/dist/esm/menu-list/index.js +5 -0
  368. package/dist/esm/menu-list/index.js.map +1 -0
  369. package/dist/esm/menu-list/menu-list.definition.js +19 -0
  370. package/dist/esm/menu-list/menu-list.definition.js.map +1 -0
  371. package/dist/esm/menu-list/menu-list.js +36 -0
  372. package/dist/esm/menu-list/menu-list.js.map +1 -0
  373. package/dist/esm/menu-list/menu-list.styles.js +24 -0
  374. package/dist/esm/menu-list/menu-list.styles.js.map +1 -0
  375. package/dist/esm/menu-list/menu-list.template.js +3 -0
  376. package/dist/esm/menu-list/menu-list.template.js.map +1 -0
  377. package/dist/esm/progress-bar/define.js +1 -0
  378. package/dist/esm/progress-bar/define.js.map +1 -0
  379. package/dist/esm/progress-bar/index.js +1 -0
  380. package/dist/esm/progress-bar/index.js.map +1 -0
  381. package/dist/esm/progress-bar/progress-bar.definition.js +1 -0
  382. package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -0
  383. package/dist/esm/progress-bar/progress-bar.js +18 -2
  384. package/dist/esm/progress-bar/progress-bar.js.map +1 -0
  385. package/dist/esm/progress-bar/progress-bar.options.js +1 -0
  386. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -0
  387. package/dist/esm/progress-bar/progress-bar.styles.js +21 -3
  388. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -0
  389. package/dist/esm/progress-bar/progress-bar.template.js +2 -1
  390. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -0
  391. package/dist/esm/radio/define.js +4 -0
  392. package/dist/esm/radio/define.js.map +1 -0
  393. package/dist/esm/radio/index.js +5 -0
  394. package/dist/esm/radio/index.js.map +1 -0
  395. package/dist/esm/radio/radio.definition.js +18 -0
  396. package/dist/esm/radio/radio.definition.js.map +1 -0
  397. package/dist/esm/radio/radio.js +8 -0
  398. package/dist/esm/radio/radio.js.map +1 -0
  399. package/dist/esm/radio/radio.styles.js +118 -0
  400. package/dist/esm/radio/radio.styles.js.map +1 -0
  401. package/dist/esm/radio/radio.template.js +6 -0
  402. package/dist/esm/radio/radio.template.js.map +1 -0
  403. package/dist/esm/radio-group/define.js +4 -0
  404. package/dist/esm/radio-group/define.js.map +1 -0
  405. package/dist/esm/radio-group/index.js +6 -0
  406. package/dist/esm/radio-group/index.js.map +1 -0
  407. package/dist/esm/radio-group/radio-group.definition.js +18 -0
  408. package/dist/esm/radio-group/radio-group.definition.js.map +1 -0
  409. package/dist/esm/radio-group/radio-group.js +24 -0
  410. package/dist/esm/radio-group/radio-group.js.map +1 -0
  411. package/dist/esm/radio-group/radio-group.styles.js +52 -0
  412. package/dist/esm/radio-group/radio-group.styles.js.map +1 -0
  413. package/dist/esm/radio-group/radio-group.template.js +3 -0
  414. package/dist/esm/radio-group/radio-group.template.js.map +1 -0
  415. package/dist/esm/slider/define.js +4 -0
  416. package/dist/esm/slider/define.js.map +1 -0
  417. package/dist/esm/slider/index.js +6 -0
  418. package/dist/esm/slider/index.js.map +1 -0
  419. package/dist/esm/slider/slider.definition.js +18 -0
  420. package/dist/esm/slider/slider.definition.js.map +1 -0
  421. package/dist/esm/slider/slider.js +64 -0
  422. package/dist/esm/slider/slider.js.map +1 -0
  423. package/dist/esm/slider/slider.options.js +10 -0
  424. package/dist/esm/slider/slider.options.js.map +1 -0
  425. package/dist/esm/slider/slider.styles.js +203 -0
  426. package/dist/esm/slider/slider.styles.js.map +1 -0
  427. package/dist/esm/slider/slider.template.js +5 -0
  428. package/dist/esm/slider/slider.template.js.map +1 -0
  429. package/dist/esm/spinner/define.js +1 -0
  430. package/dist/esm/spinner/define.js.map +1 -0
  431. package/dist/esm/spinner/index.js +1 -0
  432. package/dist/esm/spinner/index.js.map +1 -0
  433. package/dist/esm/spinner/spinner.definition.js +1 -0
  434. package/dist/esm/spinner/spinner.definition.js.map +1 -0
  435. package/dist/esm/spinner/spinner.js +8 -2
  436. package/dist/esm/spinner/spinner.js.map +1 -0
  437. package/dist/esm/spinner/spinner.options.js +1 -0
  438. package/dist/esm/spinner/spinner.options.js.map +1 -0
  439. package/dist/esm/spinner/spinner.styles.js +3 -1
  440. package/dist/esm/spinner/spinner.styles.js.map +1 -0
  441. package/dist/esm/spinner/spinner.template.js +2 -1
  442. package/dist/esm/spinner/spinner.template.js.map +1 -0
  443. package/dist/esm/styles/index.js +1 -0
  444. package/dist/esm/styles/index.js.map +1 -0
  445. package/dist/esm/styles/partials/badge.partials.js +6 -4
  446. package/dist/esm/styles/partials/badge.partials.js.map +1 -0
  447. package/dist/esm/styles/partials/index.js +1 -0
  448. package/dist/esm/styles/partials/index.js.map +1 -0
  449. package/dist/esm/switch/define.js +4 -0
  450. package/dist/esm/switch/define.js.map +1 -0
  451. package/dist/esm/switch/index.js +6 -0
  452. package/dist/esm/switch/index.js.map +1 -0
  453. package/dist/esm/switch/switch.definition.js +17 -0
  454. package/dist/esm/switch/switch.definition.js.map +1 -0
  455. package/dist/esm/switch/switch.js +14 -0
  456. package/dist/esm/switch/switch.js.map +1 -0
  457. package/dist/esm/switch/switch.options.js +10 -0
  458. package/dist/esm/switch/switch.options.js.map +1 -0
  459. package/dist/esm/switch/switch.styles.js +141 -0
  460. package/dist/esm/switch/switch.styles.js.map +1 -0
  461. package/dist/esm/switch/switch.template.js +5 -0
  462. package/dist/esm/switch/switch.template.js.map +1 -0
  463. package/dist/esm/tab/define.js +4 -0
  464. package/dist/esm/tab/define.js.map +1 -0
  465. package/dist/esm/tab/index.js +5 -0
  466. package/dist/esm/tab/index.js.map +1 -0
  467. package/dist/esm/tab/tab.definition.js +10 -0
  468. package/dist/esm/tab/tab.definition.js.map +1 -0
  469. package/dist/esm/tab/tab.js +20 -0
  470. package/dist/esm/tab/tab.js.map +1 -0
  471. package/dist/esm/tab/tab.styles.js +98 -0
  472. package/dist/esm/tab/tab.styles.js.map +1 -0
  473. package/dist/esm/tab/tab.template.js +13 -0
  474. package/dist/esm/tab/tab.template.js.map +1 -0
  475. package/dist/esm/tab-panel/define.js +4 -0
  476. package/dist/esm/tab-panel/define.js.map +1 -0
  477. package/dist/esm/tab-panel/index.js +5 -0
  478. package/dist/esm/tab-panel/index.js.map +1 -0
  479. package/dist/esm/tab-panel/tab-panel.definition.js +10 -0
  480. package/dist/esm/tab-panel/tab-panel.definition.js.map +1 -0
  481. package/dist/esm/tab-panel/tab-panel.js +4 -0
  482. package/dist/esm/tab-panel/tab-panel.js.map +1 -0
  483. package/dist/esm/tab-panel/tab-panel.styles.js +12 -0
  484. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -0
  485. package/dist/esm/tab-panel/tab-panel.template.js +3 -0
  486. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -0
  487. package/dist/esm/tabs/define.js +4 -0
  488. package/dist/esm/tabs/define.js.map +1 -0
  489. package/dist/esm/tabs/index.js +6 -0
  490. package/dist/esm/tabs/index.js.map +1 -0
  491. package/dist/esm/tabs/tabs.definition.js +10 -0
  492. package/dist/esm/tabs/tabs.definition.js.map +1 -0
  493. package/dist/esm/tabs/tabs.js +158 -0
  494. package/dist/esm/tabs/tabs.js.map +1 -0
  495. package/dist/esm/tabs/tabs.options.js +12 -0
  496. package/dist/esm/tabs/tabs.options.js.map +1 -0
  497. package/dist/esm/tabs/tabs.styles.js +230 -0
  498. package/dist/esm/tabs/tabs.styles.js.map +1 -0
  499. package/dist/esm/tabs/tabs.template.js +3 -0
  500. package/dist/esm/tabs/tabs.template.js.map +1 -0
  501. package/dist/esm/text/define.js +1 -0
  502. package/dist/esm/text/define.js.map +1 -0
  503. package/dist/esm/text/index.js +1 -0
  504. package/dist/esm/text/index.js.map +1 -0
  505. package/dist/esm/text/text.definition.js +1 -0
  506. package/dist/esm/text/text.definition.js.map +1 -0
  507. package/dist/esm/text/text.js +1 -0
  508. package/dist/esm/text/text.js.map +1 -0
  509. package/dist/esm/text/text.options.js +1 -0
  510. package/dist/esm/text/text.options.js.map +1 -0
  511. package/dist/esm/text/text.styles.js +9 -2
  512. package/dist/esm/text/text.styles.js.map +1 -0
  513. package/dist/esm/text/text.template.js +1 -0
  514. package/dist/esm/text/text.template.js.map +1 -0
  515. package/dist/esm/text-input/define.js +4 -0
  516. package/dist/esm/text-input/define.js.map +1 -0
  517. package/dist/esm/text-input/index.js +7 -0
  518. package/dist/esm/text-input/index.js.map +1 -0
  519. package/dist/esm/text-input/text-input.definition.js +18 -0
  520. package/dist/esm/text-input/text-input.definition.js.map +1 -0
  521. package/dist/esm/text-input/text-input.js +16 -0
  522. package/dist/esm/text-input/text-input.js.map +1 -0
  523. package/dist/esm/text-input/text-input.options.js +20 -0
  524. package/dist/esm/text-input/text-input.options.js.map +1 -0
  525. package/dist/esm/text-input/text-input.styles.js +200 -0
  526. package/dist/esm/text-input/text-input.styles.js.map +1 -0
  527. package/dist/esm/text-input/text-input.template.js +6 -0
  528. package/dist/esm/text-input/text-input.template.js.map +1 -0
  529. package/dist/esm/theme/design-tokens.js +7 -1
  530. package/dist/esm/theme/design-tokens.js.map +1 -0
  531. package/dist/esm/theme/index.js +2 -1
  532. package/dist/esm/theme/index.js.map +1 -0
  533. package/dist/esm/theme/set-theme.js +6 -0
  534. package/dist/esm/theme/set-theme.js.map +1 -0
  535. package/dist/esm/toggle-button/define.js +4 -0
  536. package/dist/esm/toggle-button/define.js.map +1 -0
  537. package/dist/esm/toggle-button/index.js +6 -0
  538. package/dist/esm/toggle-button/index.js.map +1 -0
  539. package/dist/esm/toggle-button/toggle-button.definition.js +21 -0
  540. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -0
  541. package/dist/esm/toggle-button/toggle-button.js +102 -0
  542. package/dist/esm/toggle-button/toggle-button.js.map +1 -0
  543. package/dist/esm/toggle-button/toggle-button.options.js +17 -0
  544. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -0
  545. package/dist/esm/toggle-button/toggle-button.styles.js +94 -0
  546. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -0
  547. package/dist/esm/toggle-button/toggle-button.template.js +7 -0
  548. package/dist/esm/toggle-button/toggle-button.template.js.map +1 -0
  549. package/dist/esm/utils/apply-mixins.js +26 -0
  550. package/dist/esm/utils/apply-mixins.js.map +1 -0
  551. package/dist/esm/utils/get-initials.js +83 -0
  552. package/dist/esm/utils/get-initials.js.map +1 -0
  553. package/dist/fluent-web-components.api.json +10752 -6661
  554. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +1 -0
  555. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +1 -0
  556. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +2 -0
  557. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +17 -0
  558. package/dist/storybook/401.7edec720.iframe.bundle.js +2 -0
  559. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +12 -0
  560. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +2 -0
  561. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +12 -0
  562. package/dist/storybook/491.77b24750.iframe.bundle.js +1 -0
  563. package/dist/storybook/709.22096ad4.iframe.bundle.js +2 -0
  564. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +8 -0
  565. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +2 -0
  566. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +8 -0
  567. package/dist/storybook/721.46fa9f53.iframe.bundle.js +2 -0
  568. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +31 -0
  569. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +2 -0
  570. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +31 -0
  571. package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js +2 -0
  572. package/dist/storybook/761.21909e5ef44f985ae0d4.manager.bundle.js.LICENSE.txt +94 -0
  573. package/dist/storybook/858.da40ed98.iframe.bundle.js +1 -0
  574. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +1 -0
  575. package/dist/storybook/885.6558041f.iframe.bundle.js +462 -0
  576. package/dist/storybook/885.6558041f.iframe.bundle.js.LICENSE.txt +46 -0
  577. package/dist/storybook/885.6558041f.iframe.bundle.js.map +1 -0
  578. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +1 -0
  579. package/dist/storybook/954.630c5748.iframe.bundle.js +1 -0
  580. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +1 -0
  581. package/dist/storybook/iframe.html +364 -0
  582. package/dist/storybook/index.html +165 -0
  583. package/dist/storybook/main.18c2c615e57574af12cd.manager.bundle.js +1 -0
  584. package/dist/storybook/main.ff3dba0d.iframe.bundle.js +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.8db883e762072830487f.manager.bundle.js +1 -0
  588. package/dist/storybook/shell.css +83 -0
  589. package/{public → dist/storybook}/theme-switch.ts +1 -1
  590. package/dist/web-components.d.ts +2113 -387
  591. package/dist/web-components.js +7430 -1667
  592. package/dist/web-components.min.js +191 -116
  593. package/docs/api-report.md +929 -24
  594. package/package.json +136 -53
  595. package/playwright.config.ts +25 -0
  596. package/.eslintrc.json +0 -62
  597. package/CHANGELOG.json +0 -2787
  598. package/build/clean.cjs +0 -29
  599. package/build/transform-fragments.js +0 -29
  600. package/dist/dts/badge/badge.stories.d.ts +0 -12
  601. package/dist/dts/counter-badge/counter-badge.stories.d.ts +0 -14
  602. package/dist/dts/progress-bar/progress-bar.stories.d.ts +0 -9
  603. package/dist/dts/spinner/spinner.stories.d.ts +0 -8
  604. package/dist/dts/text/text.stories.d.ts +0 -8
  605. package/dist/dts/theme/theme.stories.d.ts +0 -5
  606. package/dist/esm/badge/badge.stories.js +0 -108
  607. package/dist/esm/counter-badge/counter-badge.stories.js +0 -102
  608. package/dist/esm/progress-bar/progress-bar.stories.js +0 -60
  609. package/dist/esm/spinner/spinner.stories.js +0 -45
  610. package/dist/esm/text/text.stories.js +0 -111
  611. package/dist/esm/theme/theme.stories.js +0 -21
  612. package/dist/tsdoc-metadata.json +0 -11
  613. package/rollup.config.js +0 -58
  614. package/storybook-typings.d.ts +0 -4
  615. /package/{public → dist/storybook}/SegoeUI-VF.ttf +0 -0
  616. /package/{public → dist/storybook}/favicon.ico +0 -0
  617. /package/{public → dist/storybook}/favicon.png +0 -0
package/CHANGELOG.md CHANGED
@@ -1,12 +1,264 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 15 Feb 2023 04:24:29 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 22 Aug 2023 04:17:05 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [3.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.30)
8
+
9
+ Tue, 22 Aug 2023 04:17:05 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.29..@fluentui/web-components_v3.0.0-alpha.30)
11
+
12
+ ### Changes
13
+
14
+ - 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)
15
+
16
+ ## [3.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.29)
17
+
18
+ Tue, 15 Aug 2023 04:16:11 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.28..@fluentui/web-components_v3.0.0-alpha.29)
20
+
21
+ ### Changes
22
+
23
+ - 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)
24
+
25
+ ## [3.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.28)
26
+
27
+ Wed, 09 Aug 2023 04:16:56 GMT
28
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.27..@fluentui/web-components_v3.0.0-alpha.28)
29
+
30
+ ### Changes
31
+
32
+ - fix(web-components): enumerate side-effects for package export paths ([PR #28748](https://github.com/microsoft/fluentui/pull/28748) by chhol@microsoft.com)
33
+
34
+ ## [3.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.27)
35
+
36
+ Tue, 08 Aug 2023 04:18:02 GMT
37
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.26..@fluentui/web-components_v3.0.0-alpha.27)
38
+
39
+ ### Changes
40
+
41
+ - (accessibility): high contrast fixes ([PR #28717](https://github.com/microsoft/fluentui/pull/28717) by brian.christopher.brady@gmail.com)
42
+ - Fixes low contrast in dark mode for web component badge ([PR #28766](https://github.com/microsoft/fluentui/pull/28766) by ryan@ryanmerrill.net)
43
+
44
+ ## [3.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.26)
45
+
46
+ Mon, 07 Aug 2023 04:17:07 GMT
47
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.25..@fluentui/web-components_v3.0.0-alpha.26)
48
+
49
+ ### Changes
50
+
51
+ - feat: Add support for scoped theming ([PR #28441](https://github.com/microsoft/fluentui/pull/28441) by miroslav.stastny@microsoft.com)
52
+
53
+ ## [3.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.25)
54
+
55
+ Wed, 19 Jul 2023 04:18:54 GMT
56
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.24..@fluentui/web-components_v3.0.0-alpha.25)
57
+
58
+ ### Changes
59
+
60
+ - 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)
61
+ - feat(checkbox): Add checkbox web component ([PR #27450](https://github.com/microsoft/fluentui/pull/27450) by brianbrady@microsoft.com)
62
+
63
+ ## [3.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.24)
64
+
65
+ Mon, 12 Jun 2023 04:17:30 GMT
66
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.23..@fluentui/web-components_v3.0.0-alpha.24)
67
+
68
+ ### Changes
69
+
70
+ - export fluent design system from web-components package ([PR #27905](https://github.com/microsoft/fluentui/pull/27905) by chhol@microsoft.com)
71
+
72
+ ## [3.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.23)
73
+
74
+ Thu, 08 Jun 2023 04:18:00 GMT
75
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.22..@fluentui/web-components_v3.0.0-alpha.23)
76
+
77
+ ### Changes
78
+
79
+ - feat(text-input): add TextInput as a new web component ([PR #27348](https://github.com/microsoft/fluentui/pull/27348) by brianbrady@microsoft.com)
80
+
81
+ ## [3.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.22)
82
+
83
+ Wed, 24 May 2023 04:19:34 GMT
84
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.21..@fluentui/web-components_v3.0.0-alpha.22)
85
+
86
+ ### Changes
87
+
88
+ - feat(menu-item): export MenuItemRole constants ([PR #27941](https://github.com/microsoft/fluentui/pull/27941) by harankin@microsoft.com)
89
+
90
+ ## [3.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.21)
91
+
92
+ Mon, 15 May 2023 04:19:56 GMT
93
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.20..@fluentui/web-components_v3.0.0-alpha.21)
94
+
95
+ ### Changes
96
+
97
+ - Fixes exports in Switch ([PR #27821](https://github.com/microsoft/fluentui/pull/27821) by ryan@ryanmerrill.net)
98
+
99
+ ## [3.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.20)
100
+
101
+ Mon, 08 May 2023 04:19:58 GMT
102
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.19..@fluentui/web-components_v3.0.0-alpha.20)
103
+
104
+ ### Changes
105
+
106
+ - feat(radio): add radio and radio-group web components ([PR #27113](https://github.com/microsoft/fluentui/pull/27113) by brianbrady@microsoft.com)
107
+
108
+ ## [3.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.19)
109
+
110
+ Fri, 21 Apr 2023 04:19:22 GMT
111
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.18..@fluentui/web-components_v3.0.0-alpha.19)
112
+
113
+ ### Changes
114
+
115
+ - feat(menu-list): Add menu-list and menu-item web components ([PR #26765](https://github.com/microsoft/fluentui/pull/26765) by brianbrady@microsoft.com)
116
+
117
+ ## [3.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.18)
118
+
119
+ Thu, 20 Apr 2023 04:20:30 GMT
120
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.17..@fluentui/web-components_v3.0.0-alpha.18)
121
+
122
+ ### Changes
123
+
124
+ - Image component style updates ([PR #27567](https://github.com/microsoft/fluentui/pull/27567) by harankin@microsoft.com)
125
+
126
+ ## [3.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.17)
127
+
128
+ Wed, 12 Apr 2023 04:19:35 GMT
129
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.16..@fluentui/web-components_v3.0.0-alpha.17)
130
+
131
+ ### Changes
132
+
133
+ - feat(toggle-button): add toggle button web component ([PR #27405](https://github.com/microsoft/fluentui/pull/27405) by chhol@microsoft.com)
134
+ - feat(compound-button): add compound button as new web component ([PR #27407](https://github.com/microsoft/fluentui/pull/27407) by chhol@microsoft.com)
135
+ - feat(anchor-button): add anchor button to web components ([PR #27395](https://github.com/microsoft/fluentui/pull/27395) by chhol@microsoft.com)
136
+
137
+ ## [3.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.16)
138
+
139
+ Tue, 11 Apr 2023 04:24:57 GMT
140
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.15..@fluentui/web-components_v3.0.0-alpha.16)
141
+
142
+ ### Changes
143
+
144
+ - Adding Tabs, Tab and Tab-Panel ([PR #27505](https://github.com/microsoft/fluentui/pull/27505) by mibaraka@microsoft.com)
145
+
146
+ ## [3.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.15)
147
+
148
+ Fri, 07 Apr 2023 04:17:30 GMT
149
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.14..@fluentui/web-components_v3.0.0-alpha.15)
150
+
151
+ ### Changes
152
+
153
+ - feat(label): adds label as a new web component ([PR #27344](https://github.com/microsoft/fluentui/pull/27344) by brianbrady@microsoft.com)
154
+
155
+ ## [3.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.14)
156
+
157
+ Thu, 06 Apr 2023 04:22:08 GMT
158
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.13..@fluentui/web-components_v3.0.0-alpha.14)
159
+
160
+ ### Changes
161
+
162
+ - Adding TabList, Tab, and TabPanel web components ([PR #27167](https://github.com/microsoft/fluentui/pull/27167) by mibaraka@microsoft.com)
163
+ - feat(menu-button): add menu button as new component ([PR #27396](https://github.com/microsoft/fluentui/pull/27396) by chhol@microsoft.com)
164
+
165
+ ## [3.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.13)
166
+
167
+ Fri, 31 Mar 2023 04:19:43 GMT
168
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.12..@fluentui/web-components_v3.0.0-alpha.13)
169
+
170
+ ### Changes
171
+
172
+ - update fast-element and fast-foundation dependencies ([PR #27392](https://github.com/microsoft/fluentui/pull/27392) by chhol@microsoft.com)
173
+ - feat(button): add button web component ([PR #27278](https://github.com/microsoft/fluentui/pull/27278) by chhol@microsoft.com)
174
+
175
+ ## [3.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.12)
176
+
177
+ Tue, 28 Mar 2023 04:20:01 GMT
178
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.11..@fluentui/web-components_v3.0.0-alpha.12)
179
+
180
+ ### Changes
181
+
182
+ - Adds Slider as a web component ([PR #27165](https://github.com/microsoft/fluentui/pull/27165) by ryan@ryanmerrill.net)
183
+
184
+ ## [3.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.11)
185
+
186
+ Tue, 14 Mar 2023 04:21:22 GMT
187
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.10..@fluentui/web-components_v3.0.0-alpha.11)
188
+
189
+ ### Changes
190
+
191
+ - update FAST dependencies to latest package versions ([PR #27187](https://github.com/microsoft/fluentui/pull/27187) by chhol@microsoft.com)
192
+ - Adds css containment to implemented web components ([PR #27190](https://github.com/microsoft/fluentui/pull/27190) by chhol@microsoft.com)
193
+
194
+ ## [3.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.10)
195
+
196
+ Thu, 09 Mar 2023 04:19:45 GMT
197
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.9..@fluentui/web-components_v3.0.0-alpha.10)
198
+
199
+ ### Changes
200
+
201
+ - fix: [text] block breaks the style attribute ([PR #27129](https://github.com/microsoft/fluentui/pull/27129) by jes@microsoft.com)
202
+
203
+ ## [3.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.9)
204
+
205
+ Wed, 01 Mar 2023 04:20:20 GMT
206
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.8..@fluentui/web-components_v3.0.0-alpha.9)
207
+
208
+ ### Changes
209
+
210
+ - Redo of PR of Slider spec after merge error ([PR #26981](https://github.com/microsoft/fluentui/pull/26981) by ryan@ryanmerrill.net)
211
+
212
+ ## [3.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.8)
213
+
214
+ Tue, 28 Feb 2023 04:25:15 GMT
215
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.7..@fluentui/web-components_v3.0.0-alpha.8)
216
+
217
+ ### Changes
218
+
219
+ - updates wc3 accordion and accordion item docs ([PR #26938](https://github.com/microsoft/fluentui/pull/26938) by brianbrady@microsoft.com)
220
+
221
+ ## [3.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.7)
222
+
223
+ Mon, 27 Feb 2023 04:27:02 GMT
224
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.6..@fluentui/web-components_v3.0.0-alpha.7)
225
+
226
+ ### Changes
227
+
228
+ - feat(avatar): add Avatar web component ([PR #26729](https://github.com/microsoft/fluentui/pull/26729) by chhol@microsoft.com)
229
+ - feat(divider): Add divider web component ([PR #26901](https://github.com/microsoft/fluentui/pull/26901) by harankin@microsoft.com)
230
+ - feat(image): Add image web component ([PR #26936](https://github.com/microsoft/fluentui/pull/26936) by harankin@microsoft.com)
231
+
232
+ ## [3.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.6)
233
+
234
+ Fri, 24 Feb 2023 04:20:32 GMT
235
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.5..@fluentui/web-components_v3.0.0-alpha.6)
236
+
237
+ ### Changes
238
+
239
+ - feat(switch): Add switch web component ([PR #26517](https://github.com/microsoft/fluentui/pull/26517) by brianbrady@microsoft.com)
240
+
241
+ ## [3.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.5)
242
+
243
+ Wed, 22 Feb 2023 04:22:43 GMT
244
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.4..@fluentui/web-components_v3.0.0-alpha.5)
245
+
246
+ ### Changes
247
+
248
+ - feat(accordion): Add accordion web component ([PR #26547](https://github.com/microsoft/fluentui/pull/26547) by brianbrady@microsoft.com)
249
+
250
+ ## [3.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.4)
251
+
252
+ Thu, 16 Feb 2023 16:51:48 GMT
253
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.3..@fluentui/web-components_v3.0.0-alpha.4)
254
+
255
+ ### Changes
256
+
257
+ - fix(web-components): dont ship non production assets to npm registry ([PR #26854](https://github.com/microsoft/fluentui/pull/26854) by martinhochel@microsoft.com)
258
+
7
259
  ## [3.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.3)
8
260
 
9
- Wed, 15 Feb 2023 04:24:29 GMT
261
+ Wed, 15 Feb 2023 04:24:51 GMT
10
262
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.2..@fluentui/web-components_v3.0.0-alpha.3)
11
263
 
12
264
  ### 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.
@@ -0,0 +1,7 @@
1
+ import { FASTAccordion } from '@microsoft/fast-foundation/accordion.js';
2
+ /**
3
+ * The base class used for constructing a fluent-accordion custom element
4
+ * @public
5
+ */
6
+ export declare class Accordion extends FASTAccordion {
7
+ }
@@ -0,0 +1,11 @@
1
+ import { Accordion } from './accordion.js';
2
+ /**
3
+ * The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion },
4
+ * {@link @microsoft/fast-foundation#accordionTemplate}
5
+ *
6
+ *
7
+ * @public
8
+ * @remarks
9
+ * HTML Element: \<fluent-accordion\>
10
+ */
11
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Accordion>;
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,3 @@
1
+ import { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { Accordion } from './accordion.js';
3
+ export declare const template: ElementViewTemplate<Accordion>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './accordion.js';
2
+ export { template as accordionTemplate } from './accordion.template.js';
3
+ export { styles as accordionStyles } from './accordion.styles.js';
4
+ export { definition as accordionDefinition } from './accordion.definition.js';
@@ -0,0 +1,33 @@
1
+ import { FASTAccordionItem } from '@microsoft/fast-foundation/accordion-item.js';
2
+ import { AccordionItemExpandIconPosition, AccordionItemSize } from './accordion-item.options.js';
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare class AccordionItem extends FASTAccordionItem {
7
+ /**
8
+ * Defines accordion header font size.
9
+ *
10
+ * @public
11
+ * @default 'medium'
12
+ * @remarks
13
+ * HTML Attribute: size
14
+ */
15
+ size?: AccordionItemSize;
16
+ /**
17
+ * Sets the width of the focus state.
18
+ *
19
+ * @public
20
+ * @remarks
21
+ * HTML Attribute: block
22
+ */
23
+ block: boolean;
24
+ /**
25
+ * Sets expand and collapsed icon position.
26
+ *
27
+ * @public
28
+ * @default 'start'
29
+ * @remarks
30
+ * HTML Attribute: expandIconPosition
31
+ */
32
+ expandIconPosition?: AccordionItemExpandIconPosition;
33
+ }
@@ -0,0 +1,11 @@
1
+ import { AccordionItem } from './accordion-item.js';
2
+ /**
3
+ * The Fluent AccordionItem Element. Implements {@link @microsoft/fast-foundation#AccordionItem },
4
+ * {@link @microsoft/fast-foundation#accordionItemTemplate}
5
+ *
6
+ *
7
+ * @public
8
+ * @remarks
9
+ * HTML Element: \<fluent-accordion-item\>
10
+ */
11
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof AccordionItem>;
@@ -0,0 +1,27 @@
1
+ import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
2
+ /**
3
+ * An Accordion Item header font size can be small, medium, large, and extra-large
4
+ */
5
+ export declare const AccordionItemSize: {
6
+ readonly small: "small";
7
+ readonly medium: "medium";
8
+ readonly large: "large";
9
+ readonly extraLarge: "extra-large";
10
+ };
11
+ /**
12
+ * Applies font size to accordion header
13
+ * @public
14
+ */
15
+ export declare type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
16
+ /**
17
+ * An Accordion Item expand/collapse icon can appear at the start or end of the accordion
18
+ */
19
+ export declare const AccordionItemExpandIconPosition: {
20
+ readonly start: "start";
21
+ readonly end: "end";
22
+ };
23
+ /**
24
+ * Applies expand/collapse icon position
25
+ * @public
26
+ */
27
+ export declare type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
@@ -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 { AccordionItem } from './accordion-item.js';
3
+ /**
4
+ * The template for the fluent-accordion component.
5
+ * @public
6
+ */
7
+ export declare const template: ElementViewTemplate<AccordionItem>;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export * from './accordion-item.js';
2
+ export * from './accordion-item.options.js';
3
+ export { styles as accordionItemStyles } from './accordion-item.styles.js';
4
+ export { definition as accordionItemDefinition } from './accordion-item.definition.js';
5
+ export { template as accordionItemTemplate } from './accordion-item.template.js';
@@ -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';
@@ -0,0 +1,97 @@
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize } from './avatar.options.js';
3
+ /**
4
+ * The base class used for constructing a fluent-avatar custom element
5
+ * @public
6
+ */
7
+ export declare class Avatar extends FASTElement {
8
+ /**
9
+ * The name of the person or entity represented by this Avatar. This should always be provided if it is available.
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Attribute: name
14
+ */
15
+ name?: string | undefined;
16
+ /**
17
+ * Provide custom initials rather than one generated via the name
18
+ *
19
+ * @public
20
+ * @remarks
21
+ * HTML Attribute: name
22
+ */
23
+ initials?: string | undefined;
24
+ /**
25
+ * Size of the avatar in pixels.
26
+ *
27
+ * Size is restricted to a limited set of supported values recommended for most uses (see `AvatarSizeValue`) and
28
+ * based on design guidelines for the Avatar control.
29
+ *
30
+ * If a non-supported size is neeeded, set `size` to the next-smaller supported size, and set `width` and `height`
31
+ * to override the rendered size.
32
+ *
33
+ * @public
34
+ * @remarks
35
+ * HTML Attribute: size
36
+ *
37
+ */
38
+ size?: AvatarSize | undefined;
39
+ /**
40
+ * The avatar can have a circular or square shape.
41
+ *
42
+ * @public
43
+ * @remarks
44
+ * HTML Attribute: shape
45
+ */
46
+ shape?: AvatarShape | undefined;
47
+ /**
48
+ * Optional activity indicator
49
+ * * active: the avatar will be decorated according to activeAppearance
50
+ * * inactive: the avatar will be reduced in size and partially transparent
51
+ * * undefined: normal display
52
+ *
53
+ * @public
54
+ * @remarks
55
+ * HTML Attribute: active
56
+ */
57
+ active?: AvatarActive | undefined;
58
+ /**
59
+ * The appearance when `active="active"`
60
+ *
61
+ * @public
62
+ * @remarks
63
+ * HTML Attribute: appearance
64
+ */
65
+ appearance?: AvatarAppearance | undefined;
66
+ /**
67
+ * The color when displaying either an icon or initials.
68
+ * * neutral (default): gray
69
+ * * brand: color from the brand palette
70
+ * * colorful: picks a color from a set of pre-defined colors, based on a hash of the name (or colorId if provided)
71
+ * * [AvatarNamedColor]: a specific color from the theme
72
+ *
73
+ * @public
74
+ * @remarks
75
+ * HTML Attribute: color
76
+ */
77
+ color?: AvatarColor;
78
+ /**
79
+ * Specify a string to be used instead of the name, to determine which color to use when color="colorful".
80
+ * Use this when a name is not available, but there is another unique identifier that can be used instead.
81
+ */
82
+ colorId?: AvatarNamedColor | undefined;
83
+ /**
84
+ * Sets the data-color attribute used for the visual presentation
85
+ * @internal
86
+ */
87
+ generateColor(): AvatarColor | void;
88
+ /**
89
+ * Generates and sets the initials for the template
90
+ * @internal
91
+ */
92
+ generateInitials(): string | void;
93
+ /**
94
+ * An array of the available Avatar named colors
95
+ */
96
+ static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
97
+ }