@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
@@ -1,22 +0,0 @@
1
- import { Accordion } from '@microsoft/fast-foundation';
2
- export * from './accordion-item/index';
3
- /**
4
- * The Fluent Accordion Element. Implements {@link @microsoft/fast-foundation#Accordion},
5
- * {@link @microsoft/fast-foundation#accordionTemplate}
6
- *
7
- *
8
- * @public
9
- * @remarks
10
- * HTML Element: \<fluent-accordion\>
11
- */
12
- export declare const fluentAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Accordion>;
13
- /**
14
- * Styles for Accordion
15
- * @public
16
- */
17
- export declare const accordionStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
18
- /**
19
- * Base class for Accordion
20
- * @public
21
- */
22
- export { Accordion };
@@ -1,14 +0,0 @@
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").Anchor>;
4
- argTypes: {
5
- appearance: {
6
- options: string[];
7
- control: {
8
- type: string;
9
- };
10
- };
11
- };
12
- };
13
- export default _default;
14
- export declare const Anchor: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const anchorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,49 +0,0 @@
1
- import { Anchor as FoundationAnchor } from '@microsoft/fast-foundation';
2
- import { ButtonAppearance } from '../button';
3
- /**
4
- * Types of anchor appearance.
5
- * @public
6
- */
7
- export declare type AnchorAppearance = ButtonAppearance | 'hypertext';
8
- /**
9
- * The Fluent version of Anchor
10
- * @internal
11
- */
12
- export declare class Anchor extends FoundationAnchor {
13
- /**
14
- * The appearance the anchor should have.
15
- *
16
- * @public
17
- * @remarks
18
- * HTML Attribute: appearance
19
- */
20
- appearance: AnchorAppearance;
21
- appearanceChanged(oldValue: AnchorAppearance, newValue: AnchorAppearance): void;
22
- /**
23
- * @internal
24
- */
25
- connectedCallback(): void;
26
- /**
27
- * Applies 'icon-only' class when there is only an SVG in the default slot
28
- *
29
- * @internal
30
- */
31
- defaultSlottedContentChanged(): void;
32
- }
33
- /**
34
- * Styles for Anchor
35
- * @public
36
- */
37
- export declare const anchorStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
38
- /**
39
- * The Fluent Anchor Element. Implements {@link @microsoft/fast-foundation#Anchor},
40
- * {@link @microsoft/fast-foundation#anchorTemplate}
41
- *
42
- *
43
- * @public
44
- * @remarks
45
- * HTML Element: \<fluent-anchor\>
46
- *
47
- * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
48
- */
49
- export declare const fluentAnchor: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Anchor>;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const anchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { AnchoredRegion } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent AnchoredRegion Element. Implements {@link @microsoft/fast-foundation#AnchoredRegion},
4
- * {@link @microsoft/fast-foundation#anchoredRegionTemplate}
5
- *
6
- *
7
- * @beta
8
- * @remarks
9
- * HTML Element: \<fluent-anchored-region\>
10
- */
11
- export declare const fluentAnchoredRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof AnchoredRegion>;
12
- /**
13
- * Styles for AnchoredRegion
14
- * @public
15
- */
16
- export declare const anchoredRegionStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Base class for AnchoredRegion
19
- * @public
20
- */
21
- export { AnchoredRegion };
@@ -1,15 +0,0 @@
1
- import './index';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const Breadcrumb: {
7
- (): string;
8
- parameters: {
9
- docs: {
10
- source: {
11
- code: string;
12
- };
13
- };
14
- };
15
- };
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const breadcrumbStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { Breadcrumb } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Breadcrumb Element. Implements {@link @microsoft/fast-foundation#Breadcrumb},
4
- * {@link @microsoft/fast-foundation#breadcrumbTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-breadcrumb\>
10
- */
11
- export declare const fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Breadcrumb>;
12
- /**
13
- * Styles for Breadcrumb
14
- * @public
15
- */
16
- export declare const breadcrumbStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Base class for Breadcrumb
19
- * @public
20
- */
21
- export { Breadcrumb };
@@ -1,15 +0,0 @@
1
- import './index';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const BreadcrumbItem: {
7
- (): string;
8
- parameters: {
9
- docs: {
10
- source: {
11
- code: string;
12
- };
13
- };
14
- };
15
- };
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { BreadcrumbItemOptions, ElementDefinitionContext } from '@microsoft/fast-foundation';
3
- export declare const breadcrumbItemStyles: (context: ElementDefinitionContext, definition: BreadcrumbItemOptions) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { BreadcrumbItem, BreadcrumbItemOptions } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent BreadcrumbItem Element. Implements {@link @microsoft/fast-foundation#BreadcrumbItem},
4
- * {@link @microsoft/fast-foundation#breadcrumbItemTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-breadcrumb-item\>
10
- */
11
- export declare const fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<BreadcrumbItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<BreadcrumbItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
12
- /**
13
- * Styles for BreadcrumbItem
14
- * @public
15
- */
16
- export declare const breadcrumbItemStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: BreadcrumbItemOptions) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Base class for BreadcrumbItem
19
- * @public
20
- */
21
- export { BreadcrumbItem };
@@ -1,21 +0,0 @@
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").Button>;
4
- argTypes: {
5
- appearance: {
6
- description: string;
7
- control: {
8
- type: string;
9
- };
10
- options: string[];
11
- default: string;
12
- };
13
- disabled: {
14
- control: {
15
- type: string;
16
- };
17
- };
18
- };
19
- };
20
- export default _default;
21
- export declare const Button: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const buttonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,48 +0,0 @@
1
- import { Button as FoundationButton } from '@microsoft/fast-foundation';
2
- /**
3
- * Types of button appearance.
4
- * @public
5
- */
6
- export declare type ButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth';
7
- /**
8
- * The Fluent button class
9
- * @internal
10
- */
11
- export declare class Button extends FoundationButton {
12
- /**
13
- * The appearance the button should have.
14
- *
15
- * @public
16
- * @remarks
17
- * HTML Attribute: appearance
18
- */
19
- appearance: ButtonAppearance;
20
- appearanceChanged(oldValue: ButtonAppearance, newValue: ButtonAppearance): void;
21
- /**
22
- * @internal
23
- */
24
- connectedCallback(): void;
25
- /**
26
- * Applies 'icon-only' class when there is only an SVG in the default slot
27
- *
28
- * @internal
29
- */
30
- defaultSlottedContentChanged(): void;
31
- }
32
- /**
33
- * The Fluent Button Element. Implements {@link @microsoft/fast-foundation#Button},
34
- * {@link @microsoft/fast-foundation#buttonTemplate}
35
- *
36
- *
37
- * @public
38
- * @remarks
39
- * HTML Element: \<fluent-button\>
40
- *
41
- * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
42
- */
43
- export declare const fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Button>;
44
- /**
45
- * Styles for Button
46
- * @public
47
- */
48
- export declare const buttonStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
@@ -1,86 +0,0 @@
1
- import './index';
2
- declare const _default: {
3
- title: string;
4
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
5
- argTypes: {
6
- month: {
7
- description: string;
8
- control: {
9
- type: string;
10
- };
11
- options: string[];
12
- default: string;
13
- };
14
- year: {
15
- description: string;
16
- control: {
17
- type: string;
18
- };
19
- options: string[];
20
- default: string;
21
- };
22
- locale: {
23
- control: {
24
- type: string;
25
- };
26
- options: string[];
27
- default: string;
28
- description: string;
29
- };
30
- dayFormat: {
31
- description: string;
32
- options: string[];
33
- control: {
34
- type: string;
35
- };
36
- default: string;
37
- };
38
- weekdayFormat: {
39
- description: string;
40
- options: string[];
41
- control: {
42
- type: string;
43
- };
44
- default: string;
45
- };
46
- monthFormat: {
47
- description: string;
48
- options: string[];
49
- control: {
50
- type: string;
51
- };
52
- default: string;
53
- };
54
- yearFormat: {
55
- description: string;
56
- options: string[];
57
- control: {
58
- type: string;
59
- };
60
- default: string;
61
- };
62
- disabledDates: {
63
- description: string;
64
- options: any;
65
- control: {
66
- type: string;
67
- };
68
- };
69
- selectedDates: {
70
- description: string;
71
- options: any;
72
- control: {
73
- type: string;
74
- };
75
- };
76
- readonly: {
77
- description: string;
78
- control: {
79
- type: string;
80
- };
81
- default: boolean;
82
- };
83
- };
84
- };
85
- export default _default;
86
- export declare const Calendar: any;
@@ -1,7 +0,0 @@
1
- import { ElementStyles } from "@microsoft/fast-element";
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- /**
4
- * Styles for calendar
5
- * @public
6
- */
7
- export declare const calendarStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,18 +0,0 @@
1
- import { CalendarOptions, Calendar as FoundationCalendar } from '@microsoft/fast-foundation';
2
- import { calendarStyles as styles } from './calendar.styles';
3
- /**
4
- * Updated Calendar class that is readonly by default
5
- */
6
- export declare class Calendar extends FoundationCalendar {
7
- readonly: boolean;
8
- }
9
- /**
10
- * The Fluent Calendar Element. Implements {@link @microsoft/fast-foundation#Calendar},
11
- * {@link @microsoft/fast-foundation#calendarTemplate}
12
- *
13
- * @public
14
- * @remarks
15
- * HTML Element \<fluent-calendar\>
16
- */
17
- export declare const fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
18
- export { styles as calendarStyles };
@@ -1,15 +0,0 @@
1
- import './index';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const Card: {
7
- (): string;
8
- parameters: {
9
- docs: {
10
- source: {
11
- code: string;
12
- };
13
- };
14
- };
15
- };
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const cardStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,46 +0,0 @@
1
- import { Card as FoundationCard } from '@microsoft/fast-foundation';
2
- /**
3
- * @public
4
- */
5
- export declare class Card extends FoundationCard {
6
- /**
7
- * Fill color for the card component. Sets context for the design system.
8
- *
9
- * Updates the neutral palette and sets the card to the source color. For tinting use neutral-palette-source instead.
10
- * @public
11
- * @remarks
12
- * HTML Attribute: card-fill-color
13
- */
14
- cardFillColor: string;
15
- private cardFillColorChanged;
16
- /**
17
- * Neutral palette source color for the card component. Sets context for the design system.
18
- *
19
- * This allows for tinting the card while maintaining the light or dark context. For a fixed color use card-fill-color instead.
20
- * @public
21
- * @remarks
22
- * HTML Attribute: neutral-palette-source
23
- */
24
- neutralPaletteSource: string;
25
- private neutralPaletteSourceChanged;
26
- /**
27
- * @internal
28
- */
29
- handleChange(source: any, propertyName: string): void;
30
- connectedCallback(): void;
31
- }
32
- /**
33
- * The Fluent Card Element. Implements {@link @microsoft/fast-foundation#Card},
34
- * {@link @microsoft/fast-foundation#CardTemplate}
35
- *
36
- *
37
- * @public
38
- * @remarks
39
- * HTML Element: \<fluent-card\>
40
- */
41
- export declare const fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Card>;
42
- /**
43
- * Styles for Card
44
- * @public
45
- */
46
- export declare const cardStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
@@ -1,28 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
- argTypes: {
5
- checked: {
6
- control: {
7
- type: string;
8
- };
9
- };
10
- disabled: {
11
- control: {
12
- type: string;
13
- };
14
- };
15
- required: {
16
- control: {
17
- type: string;
18
- };
19
- };
20
- };
21
- parameters: {
22
- actions: {
23
- handles: string[];
24
- };
25
- };
26
- };
27
- export default _default;
28
- export declare const Checkbox: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { CheckboxOptions, ElementDefinitionContext } from '@microsoft/fast-foundation';
3
- export declare const checkboxStyles: (context: ElementDefinitionContext, definition: CheckboxOptions) => ElementStyles;
@@ -1,16 +0,0 @@
1
- import { CheckboxOptions } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Checkbox Element. Implements {@link @microsoft/fast-foundation#Checkbox},
4
- * {@link @microsoft/fast-foundation#checkboxTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-checkbox\>
10
- */
11
- export declare const fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
12
- /**
13
- * Styles for Checkbox
14
- * @public
15
- */
16
- export declare const checkboxStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: CheckboxOptions) => import("@microsoft/fast-element").ElementStyles;
@@ -1,73 +0,0 @@
1
- import { Swatch, SwatchRGB } from './swatch';
2
- import { RelativeLuminance } from './utilities/relative-luminance';
3
- /**
4
- * A collection of {@link Swatch} instances
5
- * @public
6
- */
7
- export interface Palette<T extends Swatch = Swatch> {
8
- readonly source: T;
9
- readonly swatches: ReadonlyArray<T>;
10
- /**
11
- * Returns a swatch from the palette that most closely matches
12
- * the contrast ratio provided to a provided reference.
13
- */
14
- colorContrast(reference: Swatch, contrast: number, initialIndex?: number, direction?: 1 | -1): T;
15
- /**
16
- * Returns the index of the palette that most closely matches
17
- * the relativeLuminance of the provided swatch
18
- */
19
- closestIndexOf(reference: RelativeLuminance): number;
20
- /**
21
- * Gets a swatch by index. Index is clamped to the limits
22
- * of the palette so a Swatch will always be returned.
23
- */
24
- get(index: number): T;
25
- }
26
- /**
27
- * Options to tailor the generation of the color palette.
28
- * @public
29
- */
30
- export interface PaletteRGBOptions {
31
- /**
32
- * The minimum amount of contrast between steps in the palette. Default 1.03.
33
- * Recommended increments by hundredths.
34
- */
35
- stepContrast: number;
36
- /**
37
- * Multiplier for increasing step contrast as the swatches darken. Default 0.03.
38
- * Recommended increments by hundredths.
39
- */
40
- stepContrastRamp: number;
41
- /**
42
- * Whether to keep the exact source color in the target palette. Default false.
43
- * Only recommended when the exact color is required and used in stateful interaction recipes like hover.
44
- * Note that custom recipes can still access the source color even if it's not in the ramp,
45
- * but turning this on will potentially increase the contrast between steps toward the ends of the palette.
46
- */
47
- preserveSource: boolean;
48
- }
49
- /** @public */
50
- export declare type PaletteRGB = Palette<SwatchRGB>;
51
- /**
52
- * Creates a PaletteRGB from input R, G, B color values.
53
- * @param r - Red value represented as a number between 0 and 1.
54
- * @param g - Green value represented as a number between 0 and 1.
55
- * @param b - Blue value represented as a number between 0 and 1.
56
- */
57
- declare function create(r: number, g: number, b: number): PaletteRGB;
58
- /**
59
- * Creates a PaletteRGB from a source SwatchRGB object.
60
- * @deprecated - Use PaletteRGB.from()
61
- */
62
- declare function create(source: SwatchRGB): PaletteRGB;
63
- /**
64
- * Creates a PaletteRGB from a source color object.
65
- * @param source - The source color
66
- */
67
- declare function from(source: SwatchRGB, options?: Partial<PaletteRGBOptions>): PaletteRGB;
68
- /** @public */
69
- export declare const PaletteRGB: Readonly<{
70
- create: typeof create;
71
- from: typeof from;
72
- }>;
73
- export {};
@@ -1,20 +0,0 @@
1
- import { Swatch } from './swatch';
2
- /** @public */
3
- export interface InteractiveSwatchSet {
4
- /**
5
- * The swatch to apply to the rest state
6
- */
7
- rest: Swatch;
8
- /**
9
- * The swatch to apply to the hover state
10
- */
11
- hover: Swatch;
12
- /**
13
- * The swatch to apply to the active state
14
- */
15
- active: Swatch;
16
- /**
17
- * The swatch to apply to the focus state
18
- */
19
- focus: Swatch;
20
- }
@@ -1,11 +0,0 @@
1
- import { Palette } from '../palette';
2
- import { InteractiveSwatchSet } from '../recipe';
3
- import { Swatch } from '../swatch';
4
- /**
5
- * @internal
6
- */
7
- export declare function contrastAndDeltaSwatchSet(palette: Palette, reference: Swatch, baseContrast: number, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, direction?: -1 | 1 | null): InteractiveSwatchSet;
8
- /**
9
- * @internal
10
- */
11
- export declare function contrastAndDeltaSwatchSetByLuminance(palette: Palette, reference: Swatch, lightBaseContrast: number, lightRestDelta: number, lightHoverDelta: number, lightActiveDelta: number, lightFocusDelta: number, lightDirection: 1 | -1 | null | undefined, darkBaseContrast: number, darkRestDelta: number, darkHoverDelta: number, darkActiveDelta: number, darkFocusDelta: number, darkDirection?: -1 | 1 | undefined | null): InteractiveSwatchSet;
@@ -1,12 +0,0 @@
1
- import { Palette } from '../palette';
2
- import { Swatch } from '../swatch';
3
- /**
4
- * Color algorithm using contrast from the reference color.
5
- *
6
- * @param palette - The palette to operate on
7
- * @param reference - The reference color
8
- * @param contrast - The desired minimum contrast
9
- *
10
- * @internal
11
- */
12
- export declare function contrastSwatch(palette: Palette, reference: Swatch, contrast: number): Swatch;