@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/dist/storybook/iframe.html ADDED
@@ -0,0 +1,364 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>/* While we aren't showing the main block yet, but still preparing, we want everything the user
2
+ has rendered, which may or may not be in #root, to be display none */
3
+ .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
4
+ display: none;
5
+ }
6
+
7
+ .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {
8
+ display: none;
9
+ }
10
+
11
+ /* Hide our own blocks when we aren't supposed to be showing them */
12
+ :not(.sb-show-preparing-story) > .sb-preparing-story,
13
+ :not(.sb-show-preparing-docs) > .sb-preparing-docs,
14
+ :not(.sb-show-nopreview) > .sb-nopreview,
15
+ :not(.sb-show-errordisplay) > .sb-errordisplay {
16
+ display: none;
17
+ }
18
+
19
+ .sb-show-main.sb-main-centered {
20
+ margin: 0;
21
+ display: flex;
22
+ align-items: center;
23
+ min-height: 100vh;
24
+ }
25
+
26
+ .sb-show-main.sb-main-centered #root {
27
+ box-sizing: border-box;
28
+ margin: auto;
29
+ padding: 1rem;
30
+ max-height: 100%; /* Hack for centering correctly in IE11 */
31
+ }
32
+
33
+ /* Vertical centering fix for IE11 */
34
+ @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
35
+ .sb-show-main.sb-main-centered:after {
36
+ content: '';
37
+ min-height: inherit;
38
+ font-size: 0;
39
+ }
40
+ }
41
+
42
+ .sb-show-main.sb-main-fullscreen {
43
+ margin: 0;
44
+ padding: 0;
45
+ display: block;
46
+ }
47
+
48
+ .sb-show-main.sb-main-padded {
49
+ margin: 0;
50
+ padding: 1rem;
51
+ display: block;
52
+ box-sizing: border-box;
53
+ }
54
+
55
+ .sb-wrapper {
56
+ position: fixed;
57
+ top: 0;
58
+ bottom: 0;
59
+ left: 0;
60
+ right: 0;
61
+ padding: 20px;
62
+ font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',
63
+ BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
64
+ -webkit-font-smoothing: antialiased;
65
+ overflow: auto;
66
+ }
67
+
68
+ .sb-heading {
69
+ font-size: 14px;
70
+ font-weight: 600;
71
+ letter-spacing: 0.2px;
72
+ margin: 10px 0;
73
+ padding-right: 25px;
74
+ }
75
+
76
+ .sb-nopreview {
77
+ display: flex;
78
+ align-content: center;
79
+ justify-content: center;
80
+ }
81
+
82
+ .sb-nopreview_main {
83
+ margin: auto;
84
+ padding: 30px;
85
+ border-radius: 10px;
86
+ background: rgba(0, 0, 0, 0.03);
87
+ }
88
+
89
+ .sb-nopreview_heading {
90
+ text-align: center;
91
+ }
92
+
93
+ .sb-errordisplay {
94
+ border: 20px solid rgb(187, 49, 49);
95
+ background: #222;
96
+ color: #fff;
97
+ z-index: 999999;
98
+ }
99
+
100
+ .sb-errordisplay_code {
101
+ padding: 10px;
102
+ background: #000;
103
+ color: #eee;
104
+ font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
105
+ 'Lucida Console', Consolas, Monaco, monospace;
106
+ }
107
+
108
+ .sb-errordisplay pre {
109
+ white-space: pre-wrap;
110
+ }
111
+
112
+ @-webkit-keyframes sb-rotate360 {
113
+ from {
114
+ transform: rotate(0deg);
115
+ }
116
+ to {
117
+ transform: rotate(360deg);
118
+ }
119
+ }
120
+ @keyframes sb-rotate360 {
121
+ from {
122
+ transform: rotate(0deg);
123
+ }
124
+ to {
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @-webkit-keyframes sb-glow {
129
+ 0%,
130
+ 100% {
131
+ opacity: 1;
132
+ }
133
+ 50% {
134
+ opacity: 0.4;
135
+ }
136
+ }
137
+ @keyframes sb-glow {
138
+ 0%,
139
+ 100% {
140
+ opacity: 1;
141
+ }
142
+ 50% {
143
+ opacity: 0.4;
144
+ }
145
+ }
146
+
147
+ /* We display the preparing loaders *over* the rendering story */
148
+ .sb-preparing-story,
149
+ .sb-preparing-docs {
150
+ background-color: white;
151
+ /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always
152
+ on top, but this isn't possible as it would require making CSS changes that could affect user code */
153
+ z-index: 2147483647;
154
+ }
155
+
156
+ .sb-loader {
157
+ -webkit-animation: sb-rotate360 0.7s linear infinite;
158
+ animation: sb-rotate360 0.7s linear infinite;
159
+ border-color: rgba(97, 97, 97, 0.29);
160
+ border-radius: 50%;
161
+ border-style: solid;
162
+ border-top-color: #646464;
163
+ border-width: 2px;
164
+ display: inline-block;
165
+ height: 32px;
166
+ left: 50%;
167
+ margin-left: -16px;
168
+ margin-top: -16px;
169
+ mix-blend-mode: difference;
170
+ overflow: hidden;
171
+ position: absolute;
172
+ top: 50%;
173
+ transition: all 200ms ease-out;
174
+ vertical-align: top;
175
+ width: 32px;
176
+ z-index: 4;
177
+ }
178
+
179
+ .sb-previewBlock {
180
+ background: #fff;
181
+ border: 1px solid rgba(0, 0, 0, 0.1);
182
+ border-radius: 4px;
183
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
184
+ margin: 25px auto 40px;
185
+ max-width: 600px;
186
+ }
187
+
188
+ .sb-previewBlock_header {
189
+ align-items: center;
190
+ box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;
191
+ display: flex;
192
+ gap: 14px;
193
+ height: 40px;
194
+ padding: 0 12px;
195
+ }
196
+
197
+ .sb-previewBlock_icon {
198
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
199
+ animation: sb-glow 1.5s ease-in-out infinite;
200
+ background: #e6e6e6;
201
+ height: 14px;
202
+ width: 14px;
203
+ }
204
+ .sb-previewBlock_icon:last-child {
205
+ margin-left: auto;
206
+ }
207
+
208
+ .sb-previewBlock_body {
209
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
210
+ animation: sb-glow 1.5s ease-in-out infinite;
211
+ height: 182px;
212
+ position: relative;
213
+ }
214
+
215
+ .sb-argstableBlock {
216
+ border-collapse: collapse;
217
+ border-spacing: 0;
218
+ font-size: 13px;
219
+ line-height: 20px;
220
+ margin: 25px auto 40px;
221
+ max-width: 600px;
222
+ text-align: left;
223
+ width: 100%;
224
+ }
225
+ .sb-argstableBlock th:first-of-type,
226
+ .sb-argstableBlock td:first-of-type {
227
+ padding-left: 20px;
228
+ }
229
+ .sb-argstableBlock th:nth-of-type(2),
230
+ .sb-argstableBlock td:nth-of-type(2) {
231
+ width: 35%;
232
+ }
233
+ .sb-argstableBlock th:nth-of-type(3),
234
+ .sb-argstableBlock td:nth-of-type(3) {
235
+ width: 15%;
236
+ }
237
+ .sb-argstableBlock th:last-of-type,
238
+ .sb-argstableBlock td:last-of-type {
239
+ width: 25%;
240
+ padding-right: 20px;
241
+ }
242
+ .sb-argstableBlock th span,
243
+ .sb-argstableBlock td span {
244
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
245
+ animation: sb-glow 1.5s ease-in-out infinite;
246
+ background-color: rgba(0, 0, 0, 0.1);
247
+ border-radius: 0;
248
+ box-shadow: none;
249
+ color: transparent;
250
+ }
251
+ .sb-argstableBlock th {
252
+ padding: 10px 15px;
253
+ }
254
+
255
+ .sb-argstableBlock-body {
256
+ border-radius: 4px;
257
+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;
258
+ }
259
+ .sb-argstableBlock-body tr {
260
+ background: transparent;
261
+ overflow: hidden;
262
+ }
263
+ .sb-argstableBlock-body tr:not(:first-child) {
264
+ border-top: 1px solid #e6e6e6;
265
+ }
266
+ .sb-argstableBlock-body tr:first-child td:first-child {
267
+ border-top-left-radius: 4px;
268
+ }
269
+ .sb-argstableBlock-body tr:first-child td:last-child {
270
+ border-top-right-radius: 4px;
271
+ }
272
+ .sb-argstableBlock-body tr:last-child td:first-child {
273
+ border-bottom-left-radius: 4px;
274
+ }
275
+ .sb-argstableBlock-body tr:last-child td:last-child {
276
+ border-bottom-right-radius: 4px;
277
+ }
278
+ .sb-argstableBlock-body td {
279
+ background: #fff;
280
+ padding-bottom: 10px;
281
+ padding-top: 10px;
282
+ vertical-align: top;
283
+ }
284
+ .sb-argstableBlock-body td:not(:first-of-type) {
285
+ padding-left: 15px;
286
+ padding-right: 15px;
287
+ }
288
+ .sb-argstableBlock-body button {
289
+ -webkit-animation: sb-glow 1.5s ease-in-out infinite;
290
+ animation: sb-glow 1.5s ease-in-out infinite;
291
+ background-color: rgba(0, 0, 0, 0.1);
292
+ border: 0;
293
+ border-radius: 0;
294
+ box-shadow: none;
295
+ color: transparent;
296
+ display: inline;
297
+ font-size: 12px;
298
+ line-height: 1;
299
+ padding: 10px 16px;
300
+ }
301
+
302
+ .sb-argstableBlock-summary {
303
+ margin-top: 4px;
304
+ }
305
+
306
+ .sb-argstableBlock-code {
307
+ margin-right: 4px;
308
+ margin-bottom: 4px;
309
+ padding: 2px 5px;
310
+ }</style><script>/* globals window */
311
+ /* eslint-disable no-underscore-dangle */
312
+ try {
313
+ if (window.top !== window) {
314
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
315
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
316
+ window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
317
+ }
318
+ } catch (e) {
319
+ // eslint-disable-next-line no-console
320
+ console.warn('unable to connect to top frame for connecting dev tools');
321
+ }
322
+
323
+ window.onerror = function onerror(message, source, line, column, err) {
324
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
325
+ // eslint-disable-next-line no-var, vars-on-top
326
+ var xhr = new window.XMLHttpRequest();
327
+ xhr.open('POST', '/runtime-error');
328
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
329
+ xhr.send(
330
+ JSON.stringify({
331
+ /* eslint-disable object-shorthand */
332
+ message: message,
333
+ source: source,
334
+ line: line,
335
+ column: column,
336
+ error: err && { message: err.message, name: err.name, stack: err.stack },
337
+ origin: 'preview',
338
+ /* eslint-enable object-shorthand */
339
+ })
340
+ );
341
+ };</script><style>#root[hidden],
342
+ #docs-root[hidden] {
343
+ display: none !important;
344
+ }</style></head><body><div id="switches-container"><label for="theme-switch">Theme</label> <select id="theme-switch" name="theme"><option value="web-light" selected="selected">Web Light</option><option value="web-dark">Web Dark</option><option value="teams-light">Teams Light</option><option value="teams-dark">Teams Dark</option></select></div><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
345
+
346
+
347
+
348
+ window['LOGLEVEL'] = "info";
349
+
350
+
351
+
352
+ window['FRAMEWORK_OPTIONS'] = {};
353
+
354
+
355
+
356
+
357
+
358
+ window['FEATURES'] = {"postcss":true,"emotionAlias":false,"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":false,"modernInlineRender":false,"breakingChangesV7":false,"interactionsDebugger":false,"babelModeV7":false,"argTypeTargetsV7":false,"previewMdx2":false};
359
+
360
+
361
+
362
+
363
+
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(ts|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(ts|mdx))$"}];</script><script src="runtime~main.5d918fe7.iframe.bundle.js"></script><script src="885.6558041f.iframe.bundle.js"></script><script src="main.ff3dba0d.iframe.bundle.js"></script></body></html>
package/dist/storybook/index.html ADDED
@@ -0,0 +1,165 @@
1
+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"/><style>html, body {
2
+ overflow: hidden;
3
+ height: 100%;
4
+ width: 100%;
5
+ margin: 0;
6
+ padding: 0;
7
+ }
8
+
9
+ * {
10
+ box-sizing: border-box;
11
+ }</style><script>/* globals window */
12
+ /* eslint-disable no-underscore-dangle */
13
+ try {
14
+ if (window.top !== window) {
15
+ window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
16
+ }
17
+ } catch (e) {
18
+ // eslint-disable-next-line no-console
19
+ console.warn('unable to connect to top frame for connecting dev tools');
20
+ }
21
+
22
+ window.onerror = function onerror(message, source, line, column, err) {
23
+ if (window.CONFIG_TYPE !== 'DEVELOPMENT') return;
24
+ // eslint-disable-next-line no-var, vars-on-top
25
+ var xhr = new window.XMLHttpRequest();
26
+ xhr.open('POST', '/runtime-error');
27
+ xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
28
+ xhr.send(
29
+ JSON.stringify({
30
+ /* eslint-disable object-shorthand */
31
+ message: message,
32
+ source: source,
33
+ line: line,
34
+ column: column,
35
+ error: err && { message: err.message, name: err.name, stack: err.stack },
36
+ origin: 'manager',
37
+ /* eslint-enable object-shorthand */
38
+ })
39
+ );
40
+ };</script><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" type="image/png" href="/favicon.png" sizes="192x192"/><link href="/shell.css" rel="stylesheet"/><style>/*
41
+ * Heads Up!
42
+ * Keep this in sync with the styles in apps/public-docsite-v9/.storybook/manager-head.html
43
+ */
44
+ @font-face {
45
+ font-family: 'Segoe UI';
46
+ src: local('Segoe UI Light'),
47
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),
48
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),
49
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
50
+ font-weight: 100;
51
+ }
52
+
53
+ @font-face {
54
+ font-family: 'Segoe UI';
55
+ src: local('Segoe UI Semilight'),
56
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format('woff2'),
57
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format('woff'),
58
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format('truetype');
59
+ font-weight: 200;
60
+ }
61
+
62
+ @font-face {
63
+ font-family: 'Segoe UI';
64
+ src: local('Segoe UI'),
65
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format('woff2'),
66
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format('woff'),
67
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format('truetype');
68
+ font-weight: 400;
69
+ }
70
+
71
+ @font-face {
72
+ font-family: 'Segoe UI';
73
+ src: local('Segoe UI Semibold'),
74
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format('woff2'),
75
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format('woff'),
76
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format('truetype');
77
+ font-weight: 600;
78
+ }
79
+
80
+ @font-face {
81
+ font-family: 'Segoe UI';
82
+ src: local('Segoe UI Bold'),
83
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format('woff2'),
84
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format('woff'),
85
+ url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format('truetype');
86
+ font-weight: 700;
87
+ }
88
+
89
+ #storybook-explorer-searchfield {
90
+ font-weight: 400 !important;
91
+ font-size: 14px !important;
92
+ letter-spacing: -0.01em !important;
93
+ line-height: 14px !important;
94
+ }
95
+
96
+ .sidebar-item svg,
97
+ .sidebar-svg-icon {
98
+ color: #11100f !important;
99
+ }
100
+
101
+ .sidebar-item[data-selected='true'] svg,
102
+ .sidebar-item[data-selected='true'] .sidebar-svg-icon {
103
+ color: #ffffff !important;
104
+ }
105
+
106
+ .sidebar-subheading {
107
+ font-weight: 600 !important;
108
+ font-size: 16px !important;
109
+ letter-spacing: 0px !important;
110
+ line-height: 24px !important;
111
+ text-transform: none !important;
112
+ color: #11100f !important;
113
+ }
114
+
115
+ .sidebar-item {
116
+ font-weight: 400 !important;
117
+ font-size: 14px !important;
118
+ letter-spacing: -0.01em !important;
119
+ line-height: 14px !important;
120
+ color: #11100f !important;
121
+ }
122
+
123
+ .sidebar-item[data-selected='true'] {
124
+ font-weight: 600 !important;
125
+ font-size: 14px !important;
126
+ letter-spacing: -0.01em !important;
127
+ line-height: 14px !important;
128
+ color: #ffffff !important;
129
+ }
130
+
131
+ /*
132
+ * Hides "Addons" button from mobile view nav.
133
+ */
134
+ nav > button:last-child {
135
+ display: none;
136
+ }
137
+
138
+ /*
139
+ Storybook has proposed a feature for this in https://github.com/storybookjs/storybook/issues/9209
140
+ which will configure stories to exist in deeplink URL format, but do not appear in the nav tree or the docs page
141
+ Usign suggested temporary workaround until storybook gets proper support
142
+ See https://github.com/microsoft/fluentui/blob/master/rfcs/convergence/authoring-stories.md#10-internal-stories-for-testing
143
+ */
144
+ [id*='accessibility-stories'] {
145
+ display: none !important;
146
+ }</style><style>#root[hidden],
147
+ #docs-root[hidden] {
148
+ display: none !important;
149
+ }</style></head><body><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
150
+
151
+
152
+
153
+ window['LOGLEVEL'] = "info";
154
+
155
+
156
+
157
+ window['FEATURES'] = {"postcss":true,"emotionAlias":false,"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":false,"modernInlineRender":false,"breakingChangesV7":false,"interactionsDebugger":false,"babelModeV7":false,"argTypeTargetsV7":false,"previewMdx2":false};
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+ window['DOCS_MODE'] = true;</script><script src="runtime~main.8db883e762072830487f.manager.bundle.js"></script><script src="761.21909e5ef44f985ae0d4.manager.bundle.js"></script><script src="main.18c2c615e57574af12cd.manager.bundle.js"></script></body></html>
package/dist/storybook/main.18c2c615e57574af12cd.manager.bundle.js ADDED
@@ -0,0 +1 @@
1
+ (self.webpackChunk_fluentui_web_components=self.webpackChunk_fluentui_web_components||[]).push([[179],{53260:()=>{},82357:(__unused_webpack___webpack_module__,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var esm=__webpack_require__(27186);const theme=(0,__webpack_require__(77439).Ue)({base:"light",brandTitle:"Fluent UI\nWeb Components",brandUrl:"https://github.com/microsoft/fluentui",barSelectedColor:"#0078d4",barTextColor:"#222",colorPrimary:"#dedede",colorSecondary:"deepskyblue",appBg:"#ffffff",appContentBg:"#ffffff",appBorderColor:"#e0e0e0",appBorderRadius:4,fontBase:'"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;',fontCode:"monospace",textColor:"#11100f",textInverseColor:"#0078d4",inputBg:"white",inputTextColor:"black",inputBorderRadius:4});esm.KP.setConfig({previewTabs:{canvas:{hidden:!0}},enableShortcuts:!1,sidebar:{showRoots:!0},theme})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[761],(()=>(__webpack_exec__(47513),__webpack_exec__(82357),__webpack_exec__(52195),__webpack_exec__(49157),__webpack_exec__(91867),__webpack_exec__(63464),__webpack_exec__(33027))));__webpack_require__.O()}]);