@fluentui/web-components 2.5.11 → 3.0.0-alpha.2

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 (513) hide show
  1. package/.eslintrc.json +62 -0
  2. package/CHANGELOG.json +64 -36
  3. package/CHANGELOG.md +14 -20
  4. package/build/{clean.js → clean.cjs} +0 -0
  5. package/dist/dts/badge/badge.d.ts +49 -0
  6. package/dist/dts/badge/badge.definition.d.ts +11 -0
  7. package/dist/dts/badge/badge.options.d.ts +73 -0
  8. package/dist/dts/badge/badge.stories.d.ts +10 -12
  9. package/dist/dts/badge/badge.styles.d.ts +4 -3
  10. package/dist/dts/badge/badge.template.d.ts +9 -0
  11. package/dist/{esm/color/recipe.js → dts/badge/define.d.ts} +0 -0
  12. package/dist/dts/badge/index.d.ts +5 -29
  13. package/dist/dts/counter-badge/counter-badge.d.ts +90 -0
  14. package/dist/dts/counter-badge/counter-badge.definition.d.ts +11 -0
  15. package/dist/dts/counter-badge/counter-badge.options.d.ts +69 -0
  16. package/dist/dts/counter-badge/counter-badge.stories.d.ts +14 -0
  17. package/dist/dts/counter-badge/counter-badge.styles.d.ts +4 -0
  18. package/dist/dts/counter-badge/counter-badge.template.d.ts +7 -0
  19. package/dist/dts/counter-badge/define.d.ts +1 -0
  20. package/dist/dts/counter-badge/index.d.ts +5 -0
  21. package/dist/dts/fluent-design-system.d.ts +5 -9
  22. package/dist/dts/index-rollup.d.ts +1 -8
  23. package/dist/dts/index.d.ts +5 -49
  24. package/dist/dts/progress-bar/define.d.ts +1 -0
  25. package/dist/dts/progress-bar/index.d.ts +5 -0
  26. package/dist/dts/progress-bar/progress-bar.d.ts +30 -0
  27. package/dist/dts/progress-bar/progress-bar.definition.d.ts +10 -0
  28. package/dist/dts/progress-bar/progress-bar.options.d.ts +41 -0
  29. package/dist/dts/progress-bar/progress-bar.stories.d.ts +9 -0
  30. package/dist/dts/progress-bar/progress-bar.styles.d.ts +4 -0
  31. package/dist/dts/progress-bar/progress-bar.template.d.ts +3 -0
  32. package/dist/dts/styles/index.d.ts +1 -5
  33. package/dist/dts/styles/partials/badge.partials.d.ts +28 -0
  34. package/dist/dts/styles/partials/index.d.ts +1 -0
  35. package/dist/dts/text/define.d.ts +1 -0
  36. package/dist/dts/text/index.d.ts +5 -0
  37. package/dist/dts/text/text.d.ts +91 -0
  38. package/dist/dts/text/text.definition.d.ts +10 -0
  39. package/dist/dts/text/text.options.d.ts +67 -0
  40. package/dist/dts/text/text.stories.d.ts +8 -0
  41. package/dist/dts/text/text.styles.d.ts +4 -0
  42. package/dist/dts/text/text.template.d.ts +6 -0
  43. package/dist/dts/theme/design-tokens.d.ts +379 -0
  44. package/dist/dts/theme/index.d.ts +2 -0
  45. package/dist/dts/theme/set-theme.d.ts +6 -0
  46. package/dist/dts/{anchored-region/anchored-region.stories.d.ts → theme/theme.stories.d.ts} +1 -2
  47. package/dist/esm/badge/badge.definition.js +18 -0
  48. package/dist/esm/badge/badge.js +42 -0
  49. package/dist/esm/badge/badge.options.js +45 -0
  50. package/dist/esm/badge/badge.stories.js +101 -20
  51. package/dist/esm/badge/badge.styles.js +25 -36
  52. package/dist/esm/badge/badge.template.js +14 -0
  53. package/dist/esm/badge/define.js +3 -0
  54. package/dist/esm/badge/index.js +5 -45
  55. package/dist/esm/counter-badge/counter-badge.definition.js +18 -0
  56. package/dist/esm/counter-badge/counter-badge.js +89 -0
  57. package/dist/esm/counter-badge/counter-badge.options.js +42 -0
  58. package/dist/esm/counter-badge/counter-badge.stories.js +102 -0
  59. package/dist/esm/counter-badge/counter-badge.styles.js +30 -0
  60. package/dist/esm/counter-badge/counter-badge.template.js +12 -0
  61. package/dist/esm/counter-badge/define.js +3 -0
  62. package/dist/esm/counter-badge/index.js +5 -0
  63. package/dist/esm/fluent-design-system.js +5 -11
  64. package/dist/esm/index-rollup.js +1 -12
  65. package/dist/esm/index.js +5 -49
  66. package/dist/esm/progress-bar/define.js +3 -0
  67. package/dist/esm/progress-bar/index.js +5 -0
  68. package/dist/esm/progress-bar/progress-bar.definition.js +17 -0
  69. package/dist/esm/progress-bar/progress-bar.js +18 -0
  70. package/dist/esm/progress-bar/progress-bar.options.js +25 -0
  71. package/dist/esm/progress-bar/progress-bar.stories.js +60 -0
  72. package/dist/esm/progress-bar/progress-bar.styles.js +155 -0
  73. package/dist/esm/progress-bar/progress-bar.template.js +5 -0
  74. package/dist/esm/styles/index.js +1 -5
  75. package/dist/esm/styles/partials/badge.partials.js +272 -0
  76. package/dist/esm/styles/partials/index.js +1 -0
  77. package/dist/esm/text/define.js +3 -0
  78. package/dist/esm/text/index.js +5 -0
  79. package/dist/esm/text/text.definition.js +17 -0
  80. package/dist/esm/text/text.js +91 -0
  81. package/dist/esm/text/text.options.js +45 -0
  82. package/dist/esm/text/text.stories.js +111 -0
  83. package/dist/esm/text/text.styles.js +104 -0
  84. package/dist/esm/text/text.template.js +5 -0
  85. package/dist/esm/theme/design-tokens.js +381 -0
  86. package/dist/esm/theme/index.js +2 -0
  87. package/dist/esm/theme/set-theme.js +11 -0
  88. package/dist/esm/theme/theme.stories.js +21 -0
  89. package/dist/fluent-web-components.api.json +6683 -12477
  90. package/dist/tsdoc-metadata.json +1 -1
  91. package/dist/web-components.d.ts +895 -2490
  92. package/dist/web-components.js +5181 -20475
  93. package/dist/web-components.min.js +269 -239
  94. package/docs/api-report.md +783 -1074
  95. package/package.json +53 -17
  96. package/public/theme-switch.ts +13 -0
  97. package/rollup.config.js +5 -0
  98. package/dist/dts/_docs/design-system/color-explorer/app.d.ts +0 -25
  99. package/dist/dts/_docs/design-system/color-explorer/colors.d.ts +0 -13
  100. package/dist/dts/_docs/design-system/color-explorer/component-types.d.ts +0 -6
  101. package/dist/dts/_docs/design-system/color-explorer/components/color-block.d.ts +0 -10
  102. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.d.ts +0 -190
  103. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.d.ts +0 -15
  104. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.d.ts +0 -3
  105. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.template.d.ts +0 -8
  106. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/index.d.ts +0 -9
  107. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.d.ts +0 -8
  108. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.d.ts +0 -1
  109. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.template.d.ts +0 -2
  110. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/index.d.ts +0 -6
  111. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.d.ts +0 -5
  112. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.styles.d.ts +0 -1
  113. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.template.d.ts +0 -2
  114. package/dist/dts/_docs/design-system/color-explorer/components/gradient/index.d.ts +0 -6
  115. package/dist/dts/_docs/design-system/color-explorer/components/layer-background/index.d.ts +0 -21
  116. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/index.d.ts +0 -6
  117. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.d.ts +0 -3
  118. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.d.ts +0 -1
  119. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.template.d.ts +0 -1
  120. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/index.d.ts +0 -6
  121. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.d.ts +0 -3
  122. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.d.ts +0 -1
  123. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.template.d.ts +0 -1
  124. package/dist/dts/_docs/design-system/color-explorer/components/swatch.d.ts +0 -30
  125. package/dist/dts/_docs/design-system/color-explorer/custom-elements.d.ts +0 -7
  126. package/dist/dts/_docs/design-system/color-explorer/index.d.ts +0 -2
  127. package/dist/dts/accordion/accordion-item/accordion-item.styles.d.ts +0 -3
  128. package/dist/dts/accordion/accordion-item/index.d.ts +0 -17
  129. package/dist/dts/accordion/accordion.stories.d.ts +0 -15
  130. package/dist/dts/accordion/accordion.styles.d.ts +0 -3
  131. package/dist/dts/accordion/index.d.ts +0 -22
  132. package/dist/dts/anchor/anchor.stories.d.ts +0 -14
  133. package/dist/dts/anchor/anchor.styles.d.ts +0 -3
  134. package/dist/dts/anchor/index.d.ts +0 -49
  135. package/dist/dts/anchored-region/anchored-region.styles.d.ts +0 -3
  136. package/dist/dts/anchored-region/index.d.ts +0 -21
  137. package/dist/dts/breadcrumb/breadcrumb.stories.d.ts +0 -15
  138. package/dist/dts/breadcrumb/breadcrumb.styles.d.ts +0 -3
  139. package/dist/dts/breadcrumb/index.d.ts +0 -21
  140. package/dist/dts/breadcrumb-item/breadcrumb-item.stories.d.ts +0 -15
  141. package/dist/dts/breadcrumb-item/breadcrumb-item.styles.d.ts +0 -3
  142. package/dist/dts/breadcrumb-item/index.d.ts +0 -21
  143. package/dist/dts/button/button.stories.d.ts +0 -21
  144. package/dist/dts/button/button.styles.d.ts +0 -3
  145. package/dist/dts/button/index.d.ts +0 -48
  146. package/dist/dts/calendar/calendar.stories.d.ts +0 -86
  147. package/dist/dts/calendar/calendar.styles.d.ts +0 -7
  148. package/dist/dts/calendar/index.d.ts +0 -18
  149. package/dist/dts/card/card.stories.d.ts +0 -15
  150. package/dist/dts/card/card.styles.d.ts +0 -3
  151. package/dist/dts/card/index.d.ts +0 -46
  152. package/dist/dts/checkbox/checkbox.stories.d.ts +0 -28
  153. package/dist/dts/checkbox/checkbox.styles.d.ts +0 -3
  154. package/dist/dts/checkbox/index.d.ts +0 -16
  155. package/dist/dts/color/palette.d.ts +0 -73
  156. package/dist/dts/color/recipe.d.ts +0 -20
  157. package/dist/dts/color/recipes/contrast-and-delta-swatch-set.d.ts +0 -11
  158. package/dist/dts/color/recipes/contrast-swatch.d.ts +0 -12
  159. package/dist/dts/color/recipes/delta-swatch-set.d.ts +0 -36
  160. package/dist/dts/color/recipes/delta-swatch.d.ts +0 -12
  161. package/dist/dts/color/recipes/focus-stroke.d.ts +0 -10
  162. package/dist/dts/color/recipes/foreground-on-accent.d.ts +0 -11
  163. package/dist/dts/color/recipes/gradient-shadow-stroke.d.ts +0 -7
  164. package/dist/dts/color/recipes/gradient-swatch.d.ts +0 -36
  165. package/dist/dts/color/recipes/neutral-layer-1.d.ts +0 -10
  166. package/dist/dts/color/recipes/neutral-layer-2.d.ts +0 -6
  167. package/dist/dts/color/recipes/neutral-layer-3.d.ts +0 -6
  168. package/dist/dts/color/recipes/neutral-layer-4.d.ts +0 -6
  169. package/dist/dts/color/recipes/neutral-layer-floating.d.ts +0 -6
  170. package/dist/dts/color/recipes/underline-stroke.d.ts +0 -7
  171. package/dist/dts/color/swatch.d.ts +0 -31
  172. package/dist/dts/color/utilities/base-layer-luminance.d.ts +0 -11
  173. package/dist/dts/color/utilities/binary-search.d.ts +0 -4
  174. package/dist/dts/color/utilities/color-constants.d.ts +0 -14
  175. package/dist/dts/color/utilities/direction-by-is-dark.d.ts +0 -5
  176. package/dist/dts/color/utilities/is-dark.d.ts +0 -9
  177. package/dist/dts/color/utilities/relative-luminance.d.ts +0 -13
  178. package/dist/dts/combobox/combobox.stories.d.ts +0 -36
  179. package/dist/dts/combobox/combobox.styles.d.ts +0 -3
  180. package/dist/dts/combobox/index.d.ts +0 -43
  181. package/dist/dts/component-definitions.d.ts +0 -43
  182. package/dist/dts/custom-elements.d.ts +0 -103
  183. package/dist/dts/data-grid/data-grid-cell.styles.d.ts +0 -3
  184. package/dist/dts/data-grid/data-grid-row.styles.d.ts +0 -3
  185. package/dist/dts/data-grid/data-grid.stories.d.ts +0 -15
  186. package/dist/dts/data-grid/data-grid.styles.d.ts +0 -3
  187. package/dist/dts/data-grid/index.d.ts +0 -45
  188. package/dist/dts/design-system-provider/index.d.ts +0 -582
  189. package/dist/dts/design-tokens.d.ts +0 -519
  190. package/dist/dts/dialog/dialog.stories.d.ts +0 -25
  191. package/dist/dts/dialog/dialog.styles.d.ts +0 -3
  192. package/dist/dts/dialog/index.d.ts +0 -21
  193. package/dist/dts/divider/divider.stories.d.ts +0 -6
  194. package/dist/dts/divider/divider.styles.d.ts +0 -3
  195. package/dist/dts/divider/index.d.ts +0 -21
  196. package/dist/dts/flipper/flipper.stories.d.ts +0 -17
  197. package/dist/dts/flipper/flipper.styles.d.ts +0 -3
  198. package/dist/dts/flipper/index.d.ts +0 -21
  199. package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts +0 -15
  200. package/dist/dts/horizontal-scroll/horizontal-scroll.styles.d.ts +0 -12
  201. package/dist/dts/horizontal-scroll/index.d.ts +0 -25
  202. package/dist/dts/listbox/index.d.ts +0 -19
  203. package/dist/dts/listbox/listbox.stories.d.ts +0 -6
  204. package/dist/dts/listbox/listbox.styles.d.ts +0 -3
  205. package/dist/dts/listbox-option/index.d.ts +0 -17
  206. package/dist/dts/listbox-option/listbox-option.stories.d.ts +0 -23
  207. package/dist/dts/listbox-option/listbox-option.styles.d.ts +0 -3
  208. package/dist/dts/menu/index.d.ts +0 -26
  209. package/dist/dts/menu/menu.stories.d.ts +0 -6
  210. package/dist/dts/menu/menu.styles.d.ts +0 -3
  211. package/dist/dts/menu-item/index.d.ts +0 -21
  212. package/dist/dts/menu-item/menu-item.stories.d.ts +0 -18
  213. package/dist/dts/menu-item/menu-item.styles.d.ts +0 -3
  214. package/dist/dts/number-field/index.d.ts +0 -41
  215. package/dist/dts/number-field/number-field.stories.d.ts +0 -71
  216. package/dist/dts/number-field/number-field.styles.d.ts +0 -3
  217. package/dist/dts/progress/index.d.ts +0 -2
  218. package/dist/dts/progress/progress/index.d.ts +0 -22
  219. package/dist/dts/progress/progress/progress.stories.d.ts +0 -15
  220. package/dist/dts/progress/progress/progress.styles.d.ts +0 -3
  221. package/dist/dts/progress/progress-ring/index.d.ts +0 -22
  222. package/dist/dts/progress/progress-ring/progress-ring.stories.d.ts +0 -15
  223. package/dist/dts/progress/progress-ring/progress-ring.styles.d.ts +0 -3
  224. package/dist/dts/radio/index.d.ts +0 -21
  225. package/dist/dts/radio/radio.stories.d.ts +0 -23
  226. package/dist/dts/radio/radio.styles.d.ts +0 -3
  227. package/dist/dts/radio-group/index.d.ts +0 -21
  228. package/dist/dts/radio-group/radio-group.stories.d.ts +0 -18
  229. package/dist/dts/radio-group/radio-group.styles.d.ts +0 -3
  230. package/dist/dts/search/index.d.ts +0 -38
  231. package/dist/dts/search/search.stories.d.ts +0 -75
  232. package/dist/dts/search/search.styles.d.ts +0 -3
  233. package/dist/dts/search/search.template.d.ts +0 -6
  234. package/dist/dts/select/index.d.ts +0 -44
  235. package/dist/dts/select/select.stories.d.ts +0 -28
  236. package/dist/dts/select/select.styles.d.ts +0 -13
  237. package/dist/dts/skeleton/index.d.ts +0 -21
  238. package/dist/dts/skeleton/skeleton.stories.d.ts +0 -20
  239. package/dist/dts/skeleton/skeleton.styles.d.ts +0 -3
  240. package/dist/dts/slider/index.d.ts +0 -21
  241. package/dist/dts/slider/slider.stories.d.ts +0 -14
  242. package/dist/dts/slider/slider.styles.d.ts +0 -3
  243. package/dist/dts/slider-label/index.d.ts +0 -21
  244. package/dist/dts/slider-label/slider-label.stories.d.ts +0 -23
  245. package/dist/dts/slider-label/slider-label.styles.d.ts +0 -3
  246. package/dist/dts/styles/direction.d.ts +0 -34
  247. package/dist/dts/styles/elevation.d.ts +0 -64
  248. package/dist/dts/styles/focus.d.ts +0 -13
  249. package/dist/dts/styles/patterns/button.styles.d.ts +0 -31
  250. package/dist/dts/styles/patterns/index.d.ts +0 -3
  251. package/dist/dts/styles/patterns/input.styles.d.ts +0 -30
  252. package/dist/dts/styles/patterns/type-ramp.d.ts +0 -18
  253. package/dist/dts/styles/size.d.ts +0 -7
  254. package/dist/dts/switch/index.d.ts +0 -21
  255. package/dist/dts/switch/switch.stories.d.ts +0 -18
  256. package/dist/dts/switch/switch.styles.d.ts +0 -3
  257. package/dist/dts/tabs/index.d.ts +0 -23
  258. package/dist/dts/tabs/tab/index.d.ts +0 -21
  259. package/dist/dts/tabs/tab/tab.styles.d.ts +0 -3
  260. package/dist/dts/tabs/tab-panel/index.d.ts +0 -21
  261. package/dist/dts/tabs/tab-panel/tab-panel.styles.d.ts +0 -3
  262. package/dist/dts/tabs/tabs.stories.d.ts +0 -19
  263. package/dist/dts/tabs/tabs.styles.d.ts +0 -3
  264. package/dist/dts/text-area/index.d.ts +0 -45
  265. package/dist/dts/text-area/text-area.stories.d.ts +0 -41
  266. package/dist/dts/text-area/text-area.styles.d.ts +0 -3
  267. package/dist/dts/text-field/index.d.ts +0 -45
  268. package/dist/dts/text-field/text-field.stories.d.ts +0 -81
  269. package/dist/dts/text-field/text-field.styles.d.ts +0 -3
  270. package/dist/dts/toolbar/index.d.ts +0 -17
  271. package/dist/dts/toolbar/toolbar.stories.d.ts +0 -9
  272. package/dist/dts/toolbar/toolbar.styles.d.ts +0 -3
  273. package/dist/dts/tooltip/index.d.ts +0 -21
  274. package/dist/dts/tooltip/tooltip.stories.d.ts +0 -14
  275. package/dist/dts/tooltip/tooltip.styles.d.ts +0 -3
  276. package/dist/dts/tree-item/index.d.ts +0 -22
  277. package/dist/dts/tree-item/tree-item.stories.d.ts +0 -18
  278. package/dist/dts/tree-item/tree-item.styles.d.ts +0 -4
  279. package/dist/dts/tree-view/index.d.ts +0 -22
  280. package/dist/dts/tree-view/tree-view.stories.d.ts +0 -13
  281. package/dist/dts/tree-view/tree-view.styles.d.ts +0 -3
  282. package/dist/dts/utilities/behaviors.d.ts +0 -12
  283. package/dist/dts/utilities/type-ramp.d.ts +0 -12
  284. package/dist/esm/_docs/design-system/color-explorer/app.js +0 -247
  285. package/dist/esm/_docs/design-system/color-explorer/colors.js +0 -24
  286. package/dist/esm/_docs/design-system/color-explorer/component-types.js +0 -7
  287. package/dist/esm/_docs/design-system/color-explorer/components/color-block.js +0 -408
  288. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.js +0 -16
  289. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.js +0 -297
  290. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.js +0 -124
  291. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.template.js +0 -130
  292. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/index.js +0 -15
  293. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.js +0 -24
  294. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.js +0 -19
  295. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.template.js +0 -52
  296. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/index.js +0 -18
  297. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.js +0 -11
  298. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.styles.js +0 -31
  299. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.template.js +0 -21
  300. package/dist/esm/_docs/design-system/color-explorer/components/gradient/index.js +0 -18
  301. package/dist/esm/_docs/design-system/color-explorer/components/layer-background/index.js +0 -70
  302. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/index.js +0 -18
  303. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.js +0 -3
  304. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.js +0 -166
  305. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.template.js +0 -97
  306. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/index.js +0 -18
  307. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.js +0 -3
  308. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.js +0 -130
  309. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.template.js +0 -82
  310. package/dist/esm/_docs/design-system/color-explorer/components/swatch.js +0 -163
  311. package/dist/esm/_docs/design-system/color-explorer/custom-elements.js +0 -3
  312. package/dist/esm/_docs/design-system/color-explorer/index.js +0 -14
  313. package/dist/esm/accordion/accordion-item/accordion-item.styles.js +0 -154
  314. package/dist/esm/accordion/accordion-item/accordion-item.vscode.definition.json +0 -67
  315. package/dist/esm/accordion/accordion-item/index.js +0 -32
  316. package/dist/esm/accordion/accordion.stories.js +0 -66
  317. package/dist/esm/accordion/accordion.styles.js +0 -13
  318. package/dist/esm/accordion/accordion.vscode.definition.json +0 -35
  319. package/dist/esm/accordion/index.js +0 -27
  320. package/dist/esm/anchor/anchor.stories.js +0 -34
  321. package/dist/esm/anchor/anchor.styles.js +0 -5
  322. package/dist/esm/anchor/anchor.vscode.definition.json +0 -138
  323. package/dist/esm/anchor/index.js +0 -67
  324. package/dist/esm/anchored-region/anchored-region.stories.js +0 -133
  325. package/dist/esm/anchored-region/anchored-region.styles.js +0 -7
  326. package/dist/esm/anchored-region/anchored-region.vscode.definition.json +0 -140
  327. package/dist/esm/anchored-region/index.js +0 -26
  328. package/dist/esm/badge/badge.vscode.definition.json +0 -60
  329. package/dist/esm/breadcrumb/breadcrumb.stories.js +0 -20
  330. package/dist/esm/breadcrumb/breadcrumb.styles.js +0 -13
  331. package/dist/esm/breadcrumb/breadcrumb.vscode.definition.json +0 -18
  332. package/dist/esm/breadcrumb/index.js +0 -26
  333. package/dist/esm/breadcrumb-item/breadcrumb-item.stories.js +0 -16
  334. package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +0 -96
  335. package/dist/esm/breadcrumb-item/breadcrumb-item.vscode.definition.json +0 -50
  336. package/dist/esm/breadcrumb-item/index.js +0 -34
  337. package/dist/esm/button/button.stories.js +0 -40
  338. package/dist/esm/button/button.styles.js +0 -24
  339. package/dist/esm/button/button.vscode.definition.json +0 -158
  340. package/dist/esm/button/index.js +0 -67
  341. package/dist/esm/calendar/calendar.stories.js +0 -115
  342. package/dist/esm/calendar/calendar.styles.js +0 -132
  343. package/dist/esm/calendar/index.js +0 -31
  344. package/dist/esm/card/card.stories.js +0 -30
  345. package/dist/esm/card/card.styles.js +0 -28
  346. package/dist/esm/card/card.vscode.definition.json +0 -33
  347. package/dist/esm/card/index.js +0 -79
  348. package/dist/esm/checkbox/checkbox.stories.js +0 -43
  349. package/dist/esm/checkbox/checkbox.styles.js +0 -161
  350. package/dist/esm/checkbox/checkbox.vscode.definition.json +0 -69
  351. package/dist/esm/checkbox/index.js +0 -31
  352. package/dist/esm/color/palette.js +0 -250
  353. package/dist/esm/color/recipes/contrast-and-delta-swatch-set.js +0 -28
  354. package/dist/esm/color/recipes/contrast-swatch.js +0 -12
  355. package/dist/esm/color/recipes/delta-swatch-set.js +0 -53
  356. package/dist/esm/color/recipes/delta-swatch.js +0 -13
  357. package/dist/esm/color/recipes/focus-stroke.js +0 -14
  358. package/dist/esm/color/recipes/foreground-on-accent.js +0 -21
  359. package/dist/esm/color/recipes/gradient-shadow-stroke.js +0 -54
  360. package/dist/esm/color/recipes/gradient-swatch.js +0 -36
  361. package/dist/esm/color/recipes/neutral-layer-1.js +0 -13
  362. package/dist/esm/color/recipes/neutral-layer-2.js +0 -7
  363. package/dist/esm/color/recipes/neutral-layer-3.js +0 -7
  364. package/dist/esm/color/recipes/neutral-layer-4.js +0 -7
  365. package/dist/esm/color/recipes/neutral-layer-floating.js +0 -7
  366. package/dist/esm/color/recipes/underline-stroke.js +0 -31
  367. package/dist/esm/color/swatch.js +0 -53
  368. package/dist/esm/color/utilities/base-layer-luminance.js +0 -14
  369. package/dist/esm/color/utilities/binary-search.js +0 -15
  370. package/dist/esm/color/utilities/color-constants.js +0 -19
  371. package/dist/esm/color/utilities/direction-by-is-dark.js +0 -7
  372. package/dist/esm/color/utilities/is-dark.js +0 -17
  373. package/dist/esm/color/utilities/relative-luminance.js +0 -8
  374. package/dist/esm/combobox/combobox.stories.js +0 -84
  375. package/dist/esm/combobox/combobox.styles.js +0 -40
  376. package/dist/esm/combobox/combobox.vscode.definition.json +0 -121
  377. package/dist/esm/combobox/index.js +0 -63
  378. package/dist/esm/component-definitions.js +0 -84
  379. package/dist/esm/custom-elements.js +0 -102
  380. package/dist/esm/data-grid/data-grid-cell.styles.js +0 -36
  381. package/dist/esm/data-grid/data-grid-cell.vscode.definition.json +0 -34
  382. package/dist/esm/data-grid/data-grid-row.styles.js +0 -24
  383. package/dist/esm/data-grid/data-grid-row.vscode.definition.json +0 -34
  384. package/dist/esm/data-grid/data-grid.stories.js +0 -381
  385. package/dist/esm/data-grid/data-grid.styles.js +0 -8
  386. package/dist/esm/data-grid/data-grid.vscode.definition.json +0 -34
  387. package/dist/esm/data-grid/index.js +0 -60
  388. package/dist/esm/design-system-provider/design-system-provider.vscode.definition.json +0 -510
  389. package/dist/esm/design-system-provider/index.js +0 -518
  390. package/dist/esm/design-tokens.js +0 -685
  391. package/dist/esm/dialog/dialog.stories.js +0 -36
  392. package/dist/esm/dialog/dialog.styles.js +0 -47
  393. package/dist/esm/dialog/dialog.vscode.definition.json +0 -67
  394. package/dist/esm/dialog/index.js +0 -26
  395. package/dist/esm/divider/divider.stories.js +0 -17
  396. package/dist/esm/divider/divider.styles.js +0 -11
  397. package/dist/esm/divider/divider.vscode.definition.json +0 -29
  398. package/dist/esm/divider/index.js +0 -26
  399. package/dist/esm/flipper/flipper.stories.js +0 -31
  400. package/dist/esm/flipper/flipper.styles.js +0 -84
  401. package/dist/esm/flipper/flipper.vscode.definition.json +0 -56
  402. package/dist/esm/flipper/index.js +0 -36
  403. package/dist/esm/horizontal-scroll/horizontal-scroll.stories.js +0 -81
  404. package/dist/esm/horizontal-scroll/horizontal-scroll.styles.js +0 -138
  405. package/dist/esm/horizontal-scroll/horizontal-scroll.vscode.definition.json +0 -85
  406. package/dist/esm/horizontal-scroll/index.js +0 -47
  407. package/dist/esm/listbox/index.js +0 -24
  408. package/dist/esm/listbox/listbox.stories.js +0 -29
  409. package/dist/esm/listbox/listbox.styles.js +0 -21
  410. package/dist/esm/listbox/listbox.vscode.definition.json +0 -40
  411. package/dist/esm/listbox-option/index.js +0 -22
  412. package/dist/esm/listbox-option/listbox-option.stories.js +0 -38
  413. package/dist/esm/listbox-option/listbox-option.styles.js +0 -133
  414. package/dist/esm/listbox-option/listbox-option.vscode.definition.json +0 -45
  415. package/dist/esm/menu/index.js +0 -36
  416. package/dist/esm/menu/menu.stories.js +0 -56
  417. package/dist/esm/menu/menu.styles.js +0 -42
  418. package/dist/esm/menu/menu.vscode.definition.json +0 -18
  419. package/dist/esm/menu-item/index.js +0 -41
  420. package/dist/esm/menu-item/menu-item.stories.js +0 -34
  421. package/dist/esm/menu-item/menu-item.styles.js +0 -265
  422. package/dist/esm/menu-item/menu-item.vscode.definition.json +0 -82
  423. package/dist/esm/number-field/index.js +0 -57
  424. package/dist/esm/number-field/number-field.stories.js +0 -83
  425. package/dist/esm/number-field/number-field.styles.js +0 -71
  426. package/dist/esm/number-field/number-field.vscode.definition.json +0 -167
  427. package/dist/esm/progress/index.js +0 -2
  428. package/dist/esm/progress/progress/index.js +0 -33
  429. package/dist/esm/progress/progress/progress.stories.js +0 -59
  430. package/dist/esm/progress/progress/progress.styles.js +0 -119
  431. package/dist/esm/progress/progress/progress.vscode.definition.json +0 -56
  432. package/dist/esm/progress/progress-ring/index.js +0 -45
  433. package/dist/esm/progress/progress-ring/progress-ring.stories.js +0 -59
  434. package/dist/esm/progress/progress-ring/progress-ring.styles.js +0 -79
  435. package/dist/esm/progress/progress-ring/progress-ring.vscode.definition.json +0 -56
  436. package/dist/esm/radio/index.js +0 -31
  437. package/dist/esm/radio/radio.stories.js +0 -41
  438. package/dist/esm/radio/radio.styles.js +0 -152
  439. package/dist/esm/radio/radio.vscode.definition.json +0 -63
  440. package/dist/esm/radio-group/index.js +0 -26
  441. package/dist/esm/radio-group/radio-group.stories.js +0 -42
  442. package/dist/esm/radio-group/radio-group.styles.js +0 -21
  443. package/dist/esm/radio-group/radio-group.vscode.definition.json +0 -64
  444. package/dist/esm/search/index.js +0 -52
  445. package/dist/esm/search/search.stories.js +0 -83
  446. package/dist/esm/search/search.styles.js +0 -104
  447. package/dist/esm/search/search.template.js +0 -82
  448. package/dist/esm/search/search.vscode.definition.json +0 -145
  449. package/dist/esm/select/index.js +0 -61
  450. package/dist/esm/select/select.stories.js +0 -53
  451. package/dist/esm/select/select.styles.js +0 -139
  452. package/dist/esm/select/select.vscode.definition.json +0 -79
  453. package/dist/esm/skeleton/index.js +0 -26
  454. package/dist/esm/skeleton/skeleton.stories.js +0 -37
  455. package/dist/esm/skeleton/skeleton.styles.js +0 -77
  456. package/dist/esm/skeleton/skeleton.vscode.definition.json +0 -49
  457. package/dist/esm/slider/index.js +0 -29
  458. package/dist/esm/slider/slider.stories.js +0 -40
  459. package/dist/esm/slider/slider.styles.js +0 -162
  460. package/dist/esm/slider/slider.vscode.definition.json +0 -101
  461. package/dist/esm/slider-label/index.js +0 -26
  462. package/dist/esm/slider-label/slider-label.stories.js +0 -40
  463. package/dist/esm/slider-label/slider-label.styles.js +0 -77
  464. package/dist/esm/slider-label/slider-label.vscode.definition.json +0 -43
  465. package/dist/esm/styles/direction.js +0 -73
  466. package/dist/esm/styles/elevation.js +0 -74
  467. package/dist/esm/styles/focus.js +0 -21
  468. package/dist/esm/styles/patterns/button.styles.js +0 -427
  469. package/dist/esm/styles/patterns/index.js +0 -3
  470. package/dist/esm/styles/patterns/input.styles.js +0 -227
  471. package/dist/esm/styles/patterns/type-ramp.js +0 -74
  472. package/dist/esm/styles/size.js +0 -9
  473. package/dist/esm/switch/index.js +0 -31
  474. package/dist/esm/switch/switch.stories.js +0 -42
  475. package/dist/esm/switch/switch.styles.js +0 -213
  476. package/dist/esm/switch/switch.vscode.definition.json +0 -68
  477. package/dist/esm/tabs/index.js +0 -28
  478. package/dist/esm/tabs/tab/index.js +0 -26
  479. package/dist/esm/tabs/tab/tab.styles.js +0 -75
  480. package/dist/esm/tabs/tab/tab.vscode.definition.json +0 -17
  481. package/dist/esm/tabs/tab-panel/index.js +0 -26
  482. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +0 -11
  483. package/dist/esm/tabs/tab-panel/tab-panel.vscode.definition.json +0 -17
  484. package/dist/esm/tabs/tabs.stories.js +0 -105
  485. package/dist/esm/tabs/tabs.styles.js +0 -98
  486. package/dist/esm/tabs/tabs.vscode.definition.json +0 -50
  487. package/dist/esm/text-area/index.js +0 -56
  488. package/dist/esm/text-area/text-area.stories.js +0 -56
  489. package/dist/esm/text-area/text-area.styles.js +0 -39
  490. package/dist/esm/text-area/text-area.vscode.definition.json +0 -141
  491. package/dist/esm/text-field/index.js +0 -56
  492. package/dist/esm/text-field/text-field.stories.js +0 -88
  493. package/dist/esm/text-field/text-field.styles.js +0 -48
  494. package/dist/esm/text-field/text-field.vscode.definition.json +0 -150
  495. package/dist/esm/toolbar/index.js +0 -23
  496. package/dist/esm/toolbar/toolbar.stories.js +0 -9
  497. package/dist/esm/toolbar/toolbar.styles.js +0 -73
  498. package/dist/esm/tooltip/index.js +0 -31
  499. package/dist/esm/tooltip/tooltip.stories.js +0 -34
  500. package/dist/esm/tooltip/tooltip.styles.js +0 -107
  501. package/dist/esm/tooltip/tooltip.vscode.definition.json +0 -56
  502. package/dist/esm/tree-item/index.js +0 -32
  503. package/dist/esm/tree-item/tree-item.stories.js +0 -34
  504. package/dist/esm/tree-item/tree-item.styles.js +0 -227
  505. package/dist/esm/tree-item/tree-item.vscode.definition.json +0 -63
  506. package/dist/esm/tree-view/index.js +0 -27
  507. package/dist/esm/tree-view/tree-view.stories.js +0 -99
  508. package/dist/esm/tree-view/tree-view.styles.js +0 -14
  509. package/dist/esm/tree-view/tree-view.vscode.definition.json +0 -26
  510. package/dist/esm/utilities/behaviors.js +0 -13
  511. package/dist/esm/utilities/type-ramp.js +0 -12
  512. package/karma.conf.js +0 -147
  513. package/public/switches.ts +0 -24
package/.eslintrc.json ADDED
@@ -0,0 +1,62 @@
1
+ {
2
+ "root": true,
3
+ "parser": "@typescript-eslint/parser",
4
+ "plugins": ["@typescript-eslint", "import"],
5
+ "extends": [
6
+ "eslint:recommended",
7
+ "plugin:@typescript-eslint/eslint-recommended",
8
+ "plugin:@typescript-eslint/recommended",
9
+ "prettier"
10
+ ],
11
+ "settings": {
12
+ "react": {
13
+ "version": "latest"
14
+ }
15
+ },
16
+ "rules": {
17
+ "no-extra-boolean-cast": "off",
18
+ "no-prototype-builtins": "off",
19
+ "no-fallthrough": "off",
20
+ "no-unexpected-multiline": "off",
21
+ "import/order": "error",
22
+ "sort-imports": [
23
+ "error",
24
+ {
25
+ "ignoreCase": true,
26
+ "ignoreDeclarationSort": true
27
+ }
28
+ ],
29
+ "comma-dangle": "off",
30
+ "@typescript-eslint/no-non-null-assertion": "off",
31
+ "@typescript-eslint/no-use-before-define": "off",
32
+ "@typescript-eslint/explicit-module-boundary-types": "off",
33
+ "@typescript-eslint/explicit-function-return-type": "off",
34
+ "@typescript-eslint/camelcase": "off",
35
+ "@typescript-eslint/no-inferrable-types": "off",
36
+ "@typescript-eslint/no-unused-vars": [
37
+ "warn",
38
+ {
39
+ "args": "none"
40
+ }
41
+ ],
42
+ "@typescript-eslint/no-explicit-any": "off",
43
+ "@typescript-eslint/naming-convention": [
44
+ "error",
45
+ {
46
+ "selector": "default",
47
+ "format": ["UPPER_CASE", "camelCase", "PascalCase"],
48
+ "leadingUnderscore": "allow"
49
+ },
50
+ {
51
+ "selector": "property",
52
+ "format": null // disable for property names because of our foo__expanded convention for JSS
53
+ // TODO: I think we can come up with a regex that ignores variables with __ in them
54
+ },
55
+ {
56
+ "selector": "variable",
57
+ "format": null // disable for variable names because of our foo__expanded convention for JSS
58
+ // TODO: I think we can come up with a regex that ignores variables with __ in them
59
+ }
60
+ ]
61
+ }
62
+ }
package/CHANGELOG.json CHANGED
@@ -2,61 +2,89 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 Jan 2023 07:49:04 GMT",
6
- "tag": "@fluentui/web-components_v2.5.11",
7
- "version": "2.5.11",
5
+ "date": "Wed, 25 Jan 2023 16:36:01 GMT",
6
+ "tag": "@fluentui/web-components_v3.0.0-alpha.2",
7
+ "version": "3.0.0-alpha.2",
8
8
  "comments": {
9
- "patch": [
9
+ "none": [
10
10
  {
11
- "author": "mgodbolt@microsoft.com",
11
+ "author": "martinhochel@microsoft.com",
12
12
  "package": "@fluentui/web-components",
13
- "commit": "854d1159c9a57d496f6db1ab9f20885136d20cc6",
14
- "comment": "chore: upgrade version of storybook"
13
+ "commit": "c5b3031ada2f788ef0a36185024f4c10c16143d6",
14
+ "comment": "chore: run manually bump to fix failed CI release"
15
15
  }
16
- ]
17
- }
18
- },
19
- {
20
- "date": "Tue, 10 Jan 2023 07:50:14 GMT",
21
- "tag": "@fluentui/web-components_v2.5.10",
22
- "version": "2.5.10",
23
- "comments": {
24
- "patch": [
16
+ ],
17
+ "prerelease": [
25
18
  {
26
- "author": "jes@microsoft.com",
19
+ "author": "miroslav.stastny@microsoft.com",
27
20
  "package": "@fluentui/web-components",
28
- "commit": "49ead1dcd8c34cf87b151e0c0cc7bd716260f22f",
29
- "comment": "fix: layering zindex issue with sub menus"
21
+ "commit": "68de783e80c71173a717c758680a63bf9c7e8c78",
22
+ "comment": "feat: export theme"
30
23
  }
31
24
  ]
32
25
  }
33
26
  },
34
27
  {
35
- "date": "Thu, 05 Jan 2023 07:59:57 GMT",
36
- "tag": "@fluentui/web-components_v2.5.9",
37
- "version": "2.5.9",
28
+ "date": "Wed, 25 Jan 2023 14:49:08 GMT",
29
+ "tag": "@fluentui/web-components_v3.0.0-alpha.1",
30
+ "version": "3.0.0-alpha.1",
38
31
  "comments": {
39
- "patch": [
32
+ "prerelease": [
33
+ {
34
+ "author": "ryan@ryanmerrill.net",
35
+ "package": "@fluentui/web-components",
36
+ "commit": "1322f3f962e8a850fe104cc2ba9b12b2bc2f2842",
37
+ "comment": "add progressbar as new component"
38
+ },
39
+ {
40
+ "author": "miroslav.stastny@microsoft.com",
41
+ "package": "@fluentui/web-components",
42
+ "commit": "6de62a46eafd74b968ec913901729b3f7284dc7a",
43
+ "comment": "Add initial theme"
44
+ },
45
+ {
46
+ "author": "chhol@microsoft.com",
47
+ "package": "@fluentui/web-components",
48
+ "commit": "eead74fee07339f998615fe34d8f847d0f63af6e",
49
+ "comment": "add badge and counter badge as new components"
50
+ },
40
51
  {
41
- "author": "abcy@microsoft.com",
52
+ "author": "chhol@microsoft.com",
42
53
  "package": "@fluentui/web-components",
43
- "commit": "b53326ef8367bbd954237bd039c5520188ed1071",
44
- "comment": "Fix fluent-tooltip not showing anchor pointer when wc prefix is changed"
54
+ "commit": "5e3ba35835c0a5487b574ea58a51cccd67b5fa8c",
55
+ "comment": "add text as a new component"
45
56
  }
46
- ]
47
- }
48
- },
49
- {
50
- "date": "Tue, 15 Nov 2022 07:44:58 GMT",
51
- "tag": "@fluentui/web-components_v2.5.8",
52
- "version": "2.5.8",
53
- "comments": {
57
+ ],
54
58
  "none": [
55
59
  {
56
60
  "author": "martinhochel@microsoft.com",
57
61
  "package": "@fluentui/web-components",
58
- "commit": "d419dfa7124fb15ebae8a27b30bdad869964301b",
59
- "comment": "chore(.storybook): disable telemetry"
62
+ "commit": "7c94cbd46051ea57bba4e8885c86e89967bb412c",
63
+ "comment": "chore: setup typescript 4.7 for web-components package"
64
+ },
65
+ {
66
+ "author": "miroslav.stastny@microsoft.com",
67
+ "package": "@fluentui/web-components",
68
+ "commit": "cd42ab4f8aa11c7ac134538193dc8dc4a01ca0f3",
69
+ "comment": "Reset web-components for v3 development"
70
+ },
71
+ {
72
+ "author": "martinhochel@microsoft.com",
73
+ "package": "@fluentui/web-components",
74
+ "commit": "7f15428e8fb2c3cfbfe8e555978bfa66f74f8fd8",
75
+ "comment": "chore: bump web-components to 3.0.0-alpha.0"
76
+ },
77
+ {
78
+ "author": "martinhochel@microsoft.com",
79
+ "package": "@fluentui/web-components",
80
+ "commit": "9b29aada3dba8f929530ddc1b4b64e869d5fffd4",
81
+ "comment": "chore(web-components): resolve invalid webpack test regex on windows"
82
+ },
83
+ {
84
+ "author": "chhol@microsoft.com",
85
+ "package": "@fluentui/web-components",
86
+ "commit": "be3d30fcbe222be34b02a554e948d14bb2d730df",
87
+ "comment": "update clean file to .cjs and ensure rimraf is in dependency tree"
60
88
  }
61
89
  ]
62
90
  }
package/CHANGELOG.md CHANGED
@@ -1,35 +1,29 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Wed, 11 Jan 2023 07:49:04 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 25 Jan 2023 16:36:01 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [2.5.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.11)
7
+ ## [3.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.2)
8
8
 
9
- Wed, 11 Jan 2023 07:49:04 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.10..@fluentui/web-components_v2.5.11)
9
+ Wed, 25 Jan 2023 16:36:01 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.1..@fluentui/web-components_v3.0.0-alpha.2)
11
11
 
12
- ### Patches
13
-
14
- - chore: upgrade version of storybook ([PR #26259](https://github.com/microsoft/fluentui/pull/26259) by mgodbolt@microsoft.com)
12
+ ### Changes
15
13
 
16
- ## [2.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.10)
14
+ - feat: export theme ([PR #26500](https://github.com/microsoft/fluentui/pull/26500) by miroslav.stastny@microsoft.com)
17
15
 
18
- Tue, 10 Jan 2023 07:50:14 GMT
19
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.9..@fluentui/web-components_v2.5.10)
20
-
21
- ### Patches
16
+ ## [3.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.1)
22
17
 
23
- - fix: layering zindex issue with sub menus ([PR #26260](https://github.com/microsoft/fluentui/pull/26260) by jes@microsoft.com)
18
+ Wed, 25 Jan 2023 14:49:08 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.8..@fluentui/web-components_v3.0.0-alpha.1)
24
20
 
25
- ## [2.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.9)
26
-
27
- Thu, 05 Jan 2023 07:59:57 GMT
28
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.8..@fluentui/web-components_v2.5.9)
29
-
30
- ### Patches
21
+ ### Changes
31
22
 
32
- - Fix fluent-tooltip not showing anchor pointer when wc prefix is changed ([PR #26154](https://github.com/microsoft/fluentui/pull/26154) by abcy@microsoft.com)
23
+ - add progressbar as new component ([PR #26329](https://github.com/microsoft/fluentui/pull/26329) by ryan@ryanmerrill.net)
24
+ - Add initial theme ([PR #25660](https://github.com/microsoft/fluentui/pull/25660) by miroslav.stastny@microsoft.com)
25
+ - add badge and counter badge as new components ([PR #26357](https://github.com/microsoft/fluentui/pull/26357) by chhol@microsoft.com)
26
+ - add text as a new component ([PR #26090](https://github.com/microsoft/fluentui/pull/26090) by chhol@microsoft.com)
33
27
 
34
28
  ## [2.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.8)
35
29
 
File without changes
@@ -0,0 +1,49 @@
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ import { StartEnd } from '@microsoft/fast-foundation';
3
+ import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
4
+ /**
5
+ * The base class used for constructing a fluent-badge custom element
6
+ * @public
7
+ */
8
+ export declare class Badge extends FASTElement {
9
+ /**
10
+ * The appearance the badge should have.
11
+ *
12
+ * @public
13
+ * @remarks
14
+ * HTML Attribute: appearance
15
+ */
16
+ appearance: BadgeAppearance;
17
+ /**
18
+ * The color the badge should have.
19
+ *
20
+ * @public
21
+ * @remarks
22
+ * HTML Attribute: color
23
+ */
24
+ color: BadgeColor;
25
+ /**
26
+ * The shape the badge should have.
27
+ *
28
+ * @public
29
+ * @remarks
30
+ * HTML Attribute: shape
31
+ */
32
+ shape: BadgeShape;
33
+ /**
34
+ * The size the badge should have.
35
+ *
36
+ * @public
37
+ * @remarks
38
+ * HTML Attribute: size
39
+ */
40
+ size: BadgeSize;
41
+ }
42
+ /**
43
+ * Mark internal because exporting class and interface of the same name
44
+ * confuses API extractor.
45
+ * TODO: Below will be unnecessary when Badge class gets updated
46
+ * @internal
47
+ */
48
+ export interface Badge extends StartEnd {
49
+ }
@@ -0,0 +1,11 @@
1
+ import { Badge } from './badge.js';
2
+ /**
3
+ * The Fluent Badge Element. Implements {@link @microsoft/fast-foundation#Badge },
4
+ * {@link @microsoft/fast-foundation#badgeTemplate}
5
+ *
6
+ *
7
+ * @public
8
+ * @remarks
9
+ * HTML Element: \<fluent-badge\>
10
+ */
11
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof Badge>;
@@ -0,0 +1,73 @@
1
+ import { StartEndOptions, StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation';
2
+ import type { Badge } from './badge.js';
3
+ /**
4
+ * @internal - marking as internal update when Badge PR for start/end is in
5
+ */
6
+ export declare type BadgeOptions = StartEndOptions<Badge> & {
7
+ defaultContent?: StaticallyComposableHTML;
8
+ };
9
+ /**
10
+ * BadgeAppearance constants
11
+ * @public
12
+ */
13
+ export declare const BadgeAppearance: {
14
+ readonly filled: "filled";
15
+ readonly ghost: "ghost";
16
+ readonly outline: "outline";
17
+ readonly tint: "tint";
18
+ };
19
+ /**
20
+ * A Badge can be filled, outline, ghost, inverted
21
+ * @public
22
+ */
23
+ export declare type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
24
+ /**
25
+ * BadgeColor constants
26
+ * @public
27
+ */
28
+ export declare const BadgeColor: {
29
+ readonly brand: "brand";
30
+ readonly danger: "danger";
31
+ readonly important: "important";
32
+ readonly informative: "informative";
33
+ readonly severe: "severe";
34
+ readonly subtle: "subtle";
35
+ readonly success: "success";
36
+ readonly warning: "warning";
37
+ };
38
+ /**
39
+ * A Badge can be one of preset colors
40
+ * @public
41
+ */
42
+ export declare type BadgeColor = ValuesOf<typeof BadgeColor>;
43
+ /**
44
+ * A Badge can be square, circular or rounded.
45
+ * @public
46
+ */
47
+ export declare const BadgeShape: {
48
+ readonly circular: "circular";
49
+ readonly rounded: "rounded";
50
+ readonly square: "square";
51
+ };
52
+ /**
53
+ * A Badge can be one of preset colors
54
+ * @public
55
+ */
56
+ export declare type BadgeShape = ValuesOf<typeof BadgeShape>;
57
+ /**
58
+ * A Badge can be square, circular or rounded.
59
+ * @public
60
+ */
61
+ export declare const BadgeSize: {
62
+ readonly tiny: "tiny";
63
+ readonly extraSmall: "extra-small";
64
+ readonly small: "small";
65
+ readonly medium: "medium";
66
+ readonly large: "large";
67
+ readonly extraLarge: "extra-large";
68
+ };
69
+ /**
70
+ * A Badge can be on of several preset sizes.
71
+ * @public
72
+ */
73
+ export declare type BadgeSize = ValuesOf<typeof BadgeSize>;
@@ -1,14 +1,12 @@
1
- declare const _default: {
2
- title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./index").Badge>;
4
- argTypes: {
5
- appearance: {
6
- options: string[];
7
- control: {
8
- type: string;
9
- };
10
- };
11
- };
12
- };
1
+ import type { Args, Meta } from '@storybook/html';
2
+ import type { Badge as FluentBadge } from './badge.js';
3
+ import './define.js';
4
+ declare type BadgeStoryArgs = Args & FluentBadge;
5
+ declare type BadgeStoryMeta = Meta<BadgeStoryArgs>;
6
+ declare const _default: BadgeStoryMeta;
13
7
  export default _default;
14
8
  export declare const Badge: any;
9
+ export declare const Appearance: (args: Args) => Element | DocumentFragment | null;
10
+ export declare const Color: (args: Args) => Element | DocumentFragment | null;
11
+ export declare const Shape: (args: Args) => Element | DocumentFragment | null;
12
+ export declare const Size: BadgeStoryMeta;
@@ -1,3 +1,4 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const badgeStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
1
+ /** Badge styles
2
+ * @public
3
+ */
4
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,9 @@
1
+ import { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import type { Badge } from './badge.js';
3
+ import type { BadgeOptions } from './badge.options.js';
4
+ /**
5
+ * The template for the Badge component.
6
+ * @public
7
+ */
8
+ export declare function badgeTemplate<T extends Badge>(options?: BadgeOptions): ElementViewTemplate<T>;
9
+ export declare const template: ElementViewTemplate<Badge>;
@@ -1,29 +1,5 @@
1
- import { Badge as FoundationBadge } from '@microsoft/fast-foundation';
2
- /**
3
- * Badge appearance options.
4
- * @public
5
- */
6
- export declare type BadgeAppearance = 'accent' | 'lightweight' | 'neutral' | string;
7
- /**
8
- * The Fluent Badge class
9
- * @internal
10
- */
11
- export declare class Badge extends FoundationBadge {
12
- appearance: BadgeAppearance;
13
- private appearanceChanged;
14
- }
15
- /**
16
- * The Fluent Badge Element. Implements {@link @microsoft/fast-foundation#Badge},
17
- * {@link @microsoft/fast-foundation#badgeTemplate}
18
- *
19
- *
20
- * @public
21
- * @remarks
22
- * HTML Element: \<fluent-badge\>
23
- */
24
- export declare const fluentBadge: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Badge>;
25
- /**
26
- * Styles for Badge
27
- * @public
28
- */
29
- export declare const badgeStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
1
+ export * from './badge.js';
2
+ export * from './badge.options.js';
3
+ export { template as BadgeTemplate } from './badge.template.js';
4
+ export { styles as BadgeStyles } from './badge.styles.js';
5
+ export { definition as BadgeDefinition } from './badge.definition.js';
@@ -0,0 +1,90 @@
1
+ import { FASTElement } from '@microsoft/fast-element';
2
+ import { StartEnd } from '@microsoft/fast-foundation';
3
+ import { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize } from './counter-badge.options.js';
4
+ /**
5
+ * The base class used for constructing a fluent-badge custom element
6
+ * @public
7
+ */
8
+ export declare class CounterBadge extends FASTElement {
9
+ /**
10
+ * The appearance the badge should have.
11
+ *
12
+ * @public
13
+ * @remarks
14
+ * HTML Attribute: appearance
15
+ */
16
+ appearance: CounterBadgeAppearance;
17
+ /**
18
+ * The color the badge should have.
19
+ *
20
+ * @public
21
+ * @remarks
22
+ * HTML Attribute: color
23
+ */
24
+ color: CounterBadgeColor;
25
+ /**
26
+ * The shape the badge should have.
27
+ *
28
+ * @public
29
+ * @remarks
30
+ * HTML Attribute: shape
31
+ */
32
+ shape: CounterBadgeShape;
33
+ /**
34
+ * The size the badge should have.
35
+ *
36
+ * @public
37
+ * @remarks
38
+ * HTML Attribute: size
39
+ */
40
+ size: CounterBadgeSize;
41
+ /**
42
+ * The count the badge should have.
43
+ *
44
+ * @public
45
+ * @remarks
46
+ * HTML Attribute: count
47
+ */
48
+ count: number;
49
+ protected countChanged(): void;
50
+ /**
51
+ * Max number to be displayed
52
+ *
53
+ * @public
54
+ * @remarks
55
+ * HTML Attribute: overflow-count
56
+ */
57
+ overflowCount: number;
58
+ protected overflowCountChanged(): void;
59
+ /**
60
+ * If the badge should be shown when count is 0
61
+ *
62
+ * @public
63
+ * @remarks
64
+ * HTML Attribute: show-zero
65
+ */
66
+ showZero: boolean;
67
+ /**
68
+ * If a dot should be displayed without the count
69
+ *
70
+ * @public
71
+ * @remarks
72
+ * HTML Attribute: dot
73
+ */
74
+ dot: boolean;
75
+ /**
76
+ * @internal
77
+ * Function to set the count
78
+ * This is the default slotted content for the counter badge
79
+ * If children are slotted, that will override the value returned
80
+ */
81
+ setCount(): string | void;
82
+ }
83
+ /**
84
+ * Mark internal because exporting class and interface of the same name
85
+ * confuses API extractor.
86
+ * TODO: Below will be unnecessary when Badge class gets updated
87
+ * @internal
88
+ */
89
+ export interface CounterBadge extends StartEnd {
90
+ }
@@ -0,0 +1,11 @@
1
+ import { CounterBadge } from './counter-badge.js';
2
+ /**
3
+ * The Fluent CounterBadge Element. Implements {@link @microsoft/fast-foundation#Badge },
4
+ * {@link @microsoft/fast-foundation#badgeTemplate}
5
+ *
6
+ *
7
+ * @public
8
+ * @remarks
9
+ * HTML Element: \<fluent-counter-badge\>
10
+ */
11
+ export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof CounterBadge>;
@@ -0,0 +1,69 @@
1
+ import { ValuesOf } from '@microsoft/fast-foundation';
2
+ import { BadgeOptions } from '../badge/badge.options.js';
3
+ /**
4
+ * CounterBadge options
5
+ * @public
6
+ */
7
+ export declare type CounterBadgeOptions = BadgeOptions;
8
+ /**
9
+ * CounterBadgeAppearance constants
10
+ * @public
11
+ */
12
+ export declare const CounterBadgeAppearance: {
13
+ readonly filled: "filled";
14
+ readonly ghost: "ghost";
15
+ };
16
+ /**
17
+ * A CounterBadge can have an appearance of filled or ghost
18
+ * @public
19
+ */
20
+ export declare type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
21
+ /**
22
+ * CounterBadgeColor constants
23
+ * @public
24
+ */
25
+ export declare const CounterBadgeColor: {
26
+ readonly brand: "brand";
27
+ readonly danger: "danger";
28
+ readonly important: "important";
29
+ readonly informative: "informative";
30
+ readonly severe: "severe";
31
+ readonly subtle: "subtle";
32
+ readonly success: "success";
33
+ readonly warning: "warning";
34
+ };
35
+ /**
36
+ * A CounterBadge can be one of preset colors
37
+ * @public
38
+ */
39
+ export declare type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
40
+ /**
41
+ * A CounterBadge shape can be circular or rounded.
42
+ * @public
43
+ */
44
+ export declare const CounterBadgeShape: {
45
+ readonly circular: "circular";
46
+ readonly rounded: "rounded";
47
+ };
48
+ /**
49
+ * A CounterBadge can be one of preset colors
50
+ * @public
51
+ */
52
+ export declare type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
53
+ /**
54
+ * A CounterBadge can be square, circular or rounded.
55
+ * @public
56
+ */
57
+ export declare const CounterBadgeSize: {
58
+ readonly tiny: "tiny";
59
+ readonly extraSmall: "extra-small";
60
+ readonly small: "small";
61
+ readonly medium: "medium";
62
+ readonly large: "large";
63
+ readonly extraLarge: "extra-large";
64
+ };
65
+ /**
66
+ * A CounterBadge can be on of several preset sizes.
67
+ * @public
68
+ */
69
+ export declare type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
@@ -0,0 +1,14 @@
1
+ import type { Args, Meta } from '@storybook/html';
2
+ import type { CounterBadge as FluentCounterBadge } from './counter-badge.js';
3
+ import './define.js';
4
+ declare type CounterBadgeStoryArgs = Args & FluentCounterBadge;
5
+ declare type CounterBadgeStoryMeta = Meta<CounterBadgeStoryArgs>;
6
+ declare const _default: CounterBadgeStoryMeta;
7
+ export default _default;
8
+ export declare const CounterBadge: any;
9
+ export declare const Appearance: (args: Args) => Element | DocumentFragment | null;
10
+ export declare const Color: (args: Args) => Element | DocumentFragment | null;
11
+ export declare const Shape: (args: Args) => Element | DocumentFragment | null;
12
+ export declare const Size: CounterBadgeStoryMeta;
13
+ export declare const Dot: (args: Args) => Element | DocumentFragment | null;
14
+ export declare const ShowZero: (args: Args) => Element | DocumentFragment | null;
@@ -0,0 +1,4 @@
1
+ /** Badge styles
2
+ * @public
3
+ */
4
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,7 @@
1
+ import { ElementViewTemplate } from '@microsoft/fast-element';
2
+ import { CounterBadge } from './counter-badge.js';
3
+ /**
4
+ * The template for the Counter Badge component.
5
+ * @public
6
+ */
7
+ export declare const template: ElementViewTemplate<CounterBadge>;