@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,75 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SearchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SearchOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
- argTypes: {
5
- appearance: {
6
- options: string[];
7
- defaultValue: string;
8
- control: {
9
- type: string;
10
- };
11
- };
12
- autoFocus: {
13
- description: string;
14
- control: {
15
- type: string;
16
- };
17
- };
18
- disabled: {
19
- description: string;
20
- control: {
21
- type: string;
22
- };
23
- };
24
- list: {
25
- control: {
26
- type: string;
27
- };
28
- };
29
- maxlength: {
30
- control: {
31
- type: string;
32
- };
33
- };
34
- name: {
35
- control: {
36
- type: string;
37
- };
38
- };
39
- minlength: {
40
- control: {
41
- type: string;
42
- };
43
- };
44
- pattern: {
45
- description: string;
46
- control: {
47
- type: string;
48
- };
49
- };
50
- placeholder: {
51
- description: string;
52
- defaultValue: string;
53
- control: {
54
- type: string;
55
- };
56
- };
57
- readonly: {
58
- control: {
59
- type: string;
60
- };
61
- };
62
- required: {
63
- control: {
64
- type: string;
65
- };
66
- };
67
- spellcheck: {
68
- control: {
69
- type: string;
70
- };
71
- };
72
- };
73
- };
74
- export default _default;
75
- export declare const Search: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, SearchOptions } from '@microsoft/fast-foundation';
3
- export declare const searchStyles: (context: ElementDefinitionContext, definition: SearchOptions) => ElementStyles;
@@ -1,6 +0,0 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, Search, SearchOptions } from '@microsoft/fast-foundation';
3
- /**
4
- * @public
5
- */
6
- export declare const searchTemplate: (context: ElementDefinitionContext, definition: SearchOptions) => ViewTemplate<Search>;
@@ -1,44 +0,0 @@
1
- import { Select as FoundationSelect, SelectOptions } from '@microsoft/fast-foundation';
2
- /**
3
- * Select appearances
4
- * @public
5
- */
6
- export declare type SelectAppearance = 'filled' | 'outline' | 'stealth';
7
- /**
8
- * The Fluent select class
9
- * @internal
10
- */
11
- export declare class Select extends FoundationSelect {
12
- /**
13
- * The appearance of the element.
14
- *
15
- * @public
16
- * @remarks
17
- * HTML Attribute: appearance
18
- */
19
- appearance: SelectAppearance;
20
- /**
21
- * @internal
22
- */
23
- appearanceChanged(oldValue: SelectAppearance, newValue: SelectAppearance): void;
24
- /**
25
- * @internal
26
- */
27
- connectedCallback(): void;
28
- }
29
- /**
30
- * The Fluent select Custom Element. Implements, {@link @microsoft/fast-foundation#Select}
31
- * {@link @microsoft/fast-foundation#selectTemplate}
32
- *
33
- *
34
- * @public
35
- * @remarks
36
- * HTML Element: \<fluent-select\>
37
- *
38
- */
39
- export declare const fluentSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SelectOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
40
- /**
41
- * Styles for Select
42
- * @public
43
- */
44
- export declare const selectStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: SelectOptions) => import("@microsoft/fast-element").ElementStyles;
@@ -1,28 +0,0 @@
1
- import '../listbox-option';
2
- declare const _default: {
3
- title: string;
4
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SelectOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SelectOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
5
- argTypes: {
6
- appearance: {
7
- options: string[];
8
- control: {
9
- type: string;
10
- };
11
- defaultValue: string;
12
- };
13
- disabled: {
14
- control: {
15
- type: string;
16
- };
17
- };
18
- position: {
19
- options: string[];
20
- control: {
21
- type: string;
22
- };
23
- defaultValue: string;
24
- };
25
- };
26
- };
27
- export default _default;
28
- export declare const Select: any;
@@ -1,13 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, SelectOptions } from '@microsoft/fast-foundation';
3
- /**
4
- * The base styles for a select and combobox, without `appearance` visual differences.
5
- *
6
- * @internal
7
- */
8
- export declare const baseSelectStyles: (context: ElementDefinitionContext, definition: SelectOptions) => ElementStyles;
9
- /**
10
- * @internal
11
- */
12
- export declare const baseSelectForcedColorStyles: (context: ElementDefinitionContext, definition: SelectOptions) => ElementStyles;
13
- export declare const selectStyles: (context: ElementDefinitionContext, definition: SelectOptions) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { Skeleton } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Skeleton Element. Implements {@link @microsoft/fast-foundation#Skeleton},
4
- * {@link @microsoft/fast-foundation#skeletonTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-skeleton\>
10
- */
11
- export declare const fluentSkeleton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Skeleton>;
12
- /**
13
- * Styles for Skeleton
14
- * @public
15
- */
16
- export declare const skeletonStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Skeleton base class
19
- * @public
20
- */
21
- export { Skeleton };
@@ -1,20 +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("@microsoft/fast-foundation").Skeleton>;
4
- argTypes: {
5
- shape: {
6
- defaultValue: string;
7
- options: string[];
8
- control: {
9
- type: string;
10
- };
11
- };
12
- shimmer: {
13
- control: {
14
- type: string;
15
- };
16
- };
17
- };
18
- };
19
- export default _default;
20
- export declare const Skeleton: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const skeletonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { Slider, SliderOptions } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Slider Custom Element. Implements {@link @microsoft/fast-foundation#(Slider:class)},
4
- * {@link @microsoft/fast-foundation#sliderTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-slider\>
10
- */
11
- export declare const fluentSlider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
12
- /**
13
- * Styles for Slider
14
- * @public
15
- */
16
- export declare const sliderStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: SliderOptions) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Slider base class
19
- * @public
20
- */
21
- export { Slider };
@@ -1,14 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
- argTypes: {
5
- orientation: {
6
- options: string[];
7
- control: {
8
- type: string;
9
- };
10
- };
11
- };
12
- };
13
- export default _default;
14
- export declare const Slider: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, SliderOptions } from '@microsoft/fast-foundation';
3
- export declare const sliderStyles: (context: ElementDefinitionContext, definition: SliderOptions) => ElementStyles;
@@ -1,21 +0,0 @@
1
- import { SliderLabel } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Slider Label Custom Element. Implements {@link @microsoft/fast-foundation#SliderLabel},
4
- * {@link @microsoft/fast-foundation#sliderLabelTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-slider-label\>
10
- */
11
- export declare const fluentSliderLabel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SliderLabel>;
12
- /**
13
- * Styles for SliderLabel
14
- * @public
15
- */
16
- export declare const sliderLabelStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Slider label base class
19
- * @public
20
- */
21
- export { SliderLabel };
@@ -1,23 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- components: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SliderOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SliderOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
4
- argTypes: {
5
- disabled: {
6
- control: {
7
- type: string;
8
- };
9
- };
10
- hideMark: {
11
- control: {
12
- type: string;
13
- };
14
- };
15
- position: {
16
- control: {
17
- type: string;
18
- };
19
- };
20
- };
21
- };
22
- export default _default;
23
- export declare const SliderLabel: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const sliderLabelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
@@ -1,34 +0,0 @@
1
- import { Behavior, ElementStyles, FASTElement } from '@microsoft/fast-element';
2
- /**
3
- * Behavior to conditionally apply LTR and RTL stylesheets. To determine which to apply,
4
- * the behavior will use the nearest DesignSystemProvider's 'direction' design system value.
5
- *
6
- * @public
7
- * @example
8
- * ```ts
9
- * import { css } from "@microsoft/fast-element";
10
- * import { DirectionalStyleSheetBehavior } from "@microsoft/fast-foundation";
11
- *
12
- * css`
13
- * // ...
14
- * `.withBehaviors(new DirectionalStyleSheetBehavior(
15
- * css`:host { content: "ltr"}`),
16
- * css`:host { content: "rtl"}`),
17
- * )
18
- * ```
19
- */
20
- export declare class DirectionalStyleSheetBehavior implements Behavior {
21
- private ltr;
22
- private rtl;
23
- private cache;
24
- constructor(ltr: ElementStyles | null, rtl: ElementStyles | null);
25
- /**
26
- * @internal
27
- */
28
- bind(source: FASTElement & HTMLElement): void;
29
- /**
30
- * @internal
31
- */
32
- unbind(source: FASTElement & HTMLElement): void;
33
- private attach;
34
- }
@@ -1,64 +0,0 @@
1
- import { DesignToken } from '@microsoft/fast-foundation';
2
- import { Swatch } from '../color/swatch';
3
- /**
4
- * Define shadow algorithms.
5
- *
6
- * TODO: The --background-luminance will need to be derived from JavaScript. For now
7
- * this is hard-coded to a 1, the relative luminance of pure white.
8
- * https://github.com/microsoft/fast/issues/2778
9
- * opacity was `calc(.11 * (2 - var(--background-luminance, 1)))`
10
- *
11
- * @internal
12
- * @deprecated Use elevationShadow design token
13
- */
14
- export declare const ambientShadow = "0 0 2px rgba(0, 0, 0, 0.14)";
15
- /**
16
- * @internal
17
- * @deprecated Use elevationShadow design token
18
- */
19
- export declare const directionalShadow = "0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)";
20
- /**
21
- * Applies the box-shadow CSS rule set to the elevation formula.
22
- * Control this formula with the --elevation CSS Custom Property
23
- * by setting --elevation to a number.
24
- *
25
- * @public
26
- * @deprecated Use elevationShadow design token
27
- */
28
- export declare const elevation: string;
29
- /** @public */
30
- export interface ElevationRecipe {
31
- evaluate(element: HTMLElement, size: number, reference?: Swatch): string;
32
- }
33
- /**
34
- * @public
35
- */
36
- export declare const elevationShadowRecipe: DesignToken<ElevationRecipe>;
37
- /** @public */
38
- export declare const elevationShadowCardRestSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
39
- /** @public */
40
- export declare const elevationShadowCardHoverSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
41
- /** @public */
42
- export declare const elevationShadowCardActiveSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
43
- /** @public */
44
- export declare const elevationShadowCardFocusSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
45
- /** @public */
46
- export declare const elevationShadowCardRest: import("@microsoft/fast-foundation").CSSDesignToken<string>;
47
- /** @public */
48
- export declare const elevationShadowCardHover: import("@microsoft/fast-foundation").CSSDesignToken<string>;
49
- /** @public */
50
- export declare const elevationShadowCardActive: import("@microsoft/fast-foundation").CSSDesignToken<string>;
51
- /** @public */
52
- export declare const elevationShadowCardFocus: import("@microsoft/fast-foundation").CSSDesignToken<string>;
53
- /** @public */
54
- export declare const elevationShadowTooltipSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
55
- /** @public */
56
- export declare const elevationShadowTooltip: import("@microsoft/fast-foundation").CSSDesignToken<string>;
57
- /** @public */
58
- export declare const elevationShadowFlyoutSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
59
- /** @public */
60
- export declare const elevationShadowFlyout: import("@microsoft/fast-foundation").CSSDesignToken<string>;
61
- /** @public */
62
- export declare const elevationShadowDialogSize: import("@microsoft/fast-foundation").CSSDesignToken<number>;
63
- /** @public */
64
- export declare const elevationShadowDialog: import("@microsoft/fast-foundation").CSSDesignToken<string>;
@@ -1,13 +0,0 @@
1
- /**
2
- * Partial CSS for the focus treatment for most typical sized components like Button, Menu Item, etc.
3
- *
4
- * @public
5
- */
6
- export declare const focusTreatmentBase: import("@microsoft/fast-element").CSSDirective;
7
- /**
8
- * Partial CSS for the focus treatment for tighter components with spacing constraints, like Checkbox
9
- * and Radio, or plain text like Hypertext appearance Anchor or Breadcrumb Item.
10
- *
11
- * @public
12
- */
13
- export declare const focusTreatmentTight: import("@microsoft/fast-element").CSSDirective;
@@ -1,31 +0,0 @@
1
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
2
- /**
3
- * The base styles for button controls, without `appearance` visual differences.
4
- *
5
- * @internal
6
- */
7
- export declare const baseButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
8
- /**
9
- * @internal
10
- */
11
- export declare const NeutralButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
12
- /**
13
- * @internal
14
- */
15
- export declare const AccentButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
16
- /**
17
- * @internal
18
- */
19
- export declare const HypertextStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
20
- /**
21
- * @internal
22
- */
23
- export declare const LightweightButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
24
- /**
25
- * @internal
26
- */
27
- export declare const OutlineButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
28
- /**
29
- * @internal
30
- */
31
- export declare const StealthButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, interactivitySelector: string, nonInteractivitySelector?: string) => import("@microsoft/fast-element").ElementStyles;
@@ -1,3 +0,0 @@
1
- export * from './button.styles';
2
- export * from './input.styles';
3
- export * from './type-ramp';
@@ -1,30 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- /**
4
- * The base styles for input controls, without `appearance` visual differences.
5
- *
6
- * @internal
7
- */
8
- export declare const baseInputStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;
9
- /**
10
- * The styles for active and focus interactions for input controls.
11
- *
12
- * @internal
13
- */
14
- export declare const inputStateStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string) => ElementStyles;
15
- /**
16
- * The visual styles for inputs with `appearance='outline'`.
17
- *
18
- * @internal
19
- */
20
- export declare const inputOutlineStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
21
- /**
22
- * The visual styles for inputs with `appearance='filled'`.
23
- *
24
- * @internal
25
- */
26
- export declare const inputFilledStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
27
- /**
28
- * @internal
29
- */
30
- export declare const inputForcedColorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition, logicalControlSelector: string, interactivitySelector?: string) => ElementStyles;
@@ -1,18 +0,0 @@
1
- /** @public */
2
- export declare const typeRampBase: import("@microsoft/fast-element").CSSDirective;
3
- /** @public */
4
- export declare const typeRampMinus1: import("@microsoft/fast-element").CSSDirective;
5
- /** @public */
6
- export declare const typeRampMinus2: import("@microsoft/fast-element").CSSDirective;
7
- /** @public */
8
- export declare const typeRampPlus1: import("@microsoft/fast-element").CSSDirective;
9
- /** @public */
10
- export declare const typeRampPlus2: import("@microsoft/fast-element").CSSDirective;
11
- /** @public */
12
- export declare const typeRampPlus3: import("@microsoft/fast-element").CSSDirective;
13
- /** @public */
14
- export declare const typeRampPlus4: import("@microsoft/fast-element").CSSDirective;
15
- /** @public */
16
- export declare const typeRampPlus5: import("@microsoft/fast-element").CSSDirective;
17
- /** @public */
18
- export declare const typeRampPlus6: import("@microsoft/fast-element").CSSDirective;
@@ -1,7 +0,0 @@
1
- /**
2
- * A formula to retrieve the control height.
3
- * Use this as the value of any CSS property that
4
- * accepts a pixel size.
5
- * @public
6
- */
7
- export declare const heightNumber: import("@microsoft/fast-element").CSSDirective;
@@ -1,21 +0,0 @@
1
- import { Switch, SwitchOptions } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Switch Custom Element. Implements {@link @microsoft/fast-foundation#Switch},
4
- * {@link @microsoft/fast-foundation#SwitchTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-switch\>
10
- */
11
- export declare const fluentSwitch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<SwitchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<SwitchOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
12
- /**
13
- * Styles for Switch
14
- * @public
15
- */
16
- export declare const switchStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: SwitchOptions) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Switch Base class
19
- * @public
20
- */
21
- export { Switch };
@@ -1,18 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").SwitchOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").SwitchOptions, 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
- };
16
- };
17
- export default _default;
18
- export declare const Switch: any;
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, SwitchOptions } from '@microsoft/fast-foundation';
3
- export declare const switchStyles: (context: ElementDefinitionContext, definition: SwitchOptions) => ElementStyles;
@@ -1,23 +0,0 @@
1
- import { Tabs } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Tabs Custom Element. Implements {@link @microsoft/fast-foundation#Tabs},
4
- * {@link @microsoft/fast-foundation#tabsTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-tabs\>
10
- */
11
- export declare const fluentTabs: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Tabs>;
12
- export * from './tab';
13
- export * from './tab-panel';
14
- /**
15
- * Styles for Tabs
16
- * @public
17
- */
18
- export declare const tabsStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
19
- /**
20
- * Tabs base class
21
- * @public
22
- */
23
- export { Tabs };
@@ -1,21 +0,0 @@
1
- import { Tab } from '@microsoft/fast-foundation';
2
- /**
3
- * The Fluent Tab Custom Element. Implements {@link @microsoft/fast-foundation#Tab},
4
- * {@link @microsoft/fast-foundation#tabTemplate}
5
- *
6
- *
7
- * @public
8
- * @remarks
9
- * HTML Element: \<fluent-tab\>
10
- */
11
- export declare const fluentTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof Tab>;
12
- /**
13
- * Styles for Tab
14
- * @public
15
- */
16
- export declare const tabStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
17
- /**
18
- * Tab base class
19
- * @public
20
- */
21
- export { Tab };
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
- export declare const tabStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;