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

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 (447) hide show
  1. package/CHANGELOG.json +16 -47
  2. package/CHANGELOG.md +6 -24
  3. package/dist/dts/index-rollup.d.ts +0 -7
  4. package/dist/dts/index.d.ts +1 -49
  5. package/dist/dts/theme/design-tokens.d.ts +379 -0
  6. package/dist/dts/theme/index.d.ts +2 -0
  7. package/dist/dts/theme/set-theme.d.ts +6 -0
  8. package/dist/dts/{anchored-region/anchored-region.stories.d.ts → theme/theme.stories.d.ts} +1 -2
  9. package/dist/esm/index-rollup.js +0 -11
  10. package/dist/esm/index.js +1 -49
  11. package/dist/esm/theme/design-tokens.js +381 -0
  12. package/dist/esm/theme/index.js +2 -0
  13. package/dist/esm/theme/set-theme.js +11 -0
  14. package/dist/esm/theme/theme.stories.js +21 -0
  15. package/dist/fluent-web-components.api.json +6 -19807
  16. package/dist/web-components.d.ts +1 -2980
  17. package/dist/web-components.js +2 -21988
  18. package/dist/web-components.min.js +1 -254
  19. package/docs/api-report.md +1 -1723
  20. package/package.json +14 -6
  21. package/public/theme-switch.ts +13 -0
  22. package/dist/dts/_docs/design-system/color-explorer/app.d.ts +0 -25
  23. package/dist/dts/_docs/design-system/color-explorer/colors.d.ts +0 -13
  24. package/dist/dts/_docs/design-system/color-explorer/component-types.d.ts +0 -6
  25. package/dist/dts/_docs/design-system/color-explorer/components/color-block.d.ts +0 -10
  26. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.d.ts +0 -190
  27. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.d.ts +0 -15
  28. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.d.ts +0 -3
  29. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/color-picker.template.d.ts +0 -8
  30. package/dist/dts/_docs/design-system/color-explorer/components/color-picker/index.d.ts +0 -9
  31. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.d.ts +0 -8
  32. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.d.ts +0 -1
  33. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/control-pane.template.d.ts +0 -2
  34. package/dist/dts/_docs/design-system/color-explorer/components/control-pane/index.d.ts +0 -6
  35. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.d.ts +0 -5
  36. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.styles.d.ts +0 -1
  37. package/dist/dts/_docs/design-system/color-explorer/components/gradient/gradient.template.d.ts +0 -2
  38. package/dist/dts/_docs/design-system/color-explorer/components/gradient/index.d.ts +0 -6
  39. package/dist/dts/_docs/design-system/color-explorer/components/layer-background/index.d.ts +0 -21
  40. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/index.d.ts +0 -6
  41. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.d.ts +0 -3
  42. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.d.ts +0 -1
  43. package/dist/dts/_docs/design-system/color-explorer/components/sample-app/sample-app.template.d.ts +0 -1
  44. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/index.d.ts +0 -6
  45. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.d.ts +0 -3
  46. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.d.ts +0 -1
  47. package/dist/dts/_docs/design-system/color-explorer/components/sample-page/sample-page.template.d.ts +0 -1
  48. package/dist/dts/_docs/design-system/color-explorer/components/swatch.d.ts +0 -30
  49. package/dist/dts/_docs/design-system/color-explorer/custom-elements.d.ts +0 -7
  50. package/dist/dts/_docs/design-system/color-explorer/index.d.ts +0 -2
  51. package/dist/dts/accordion/accordion-item/accordion-item.styles.d.ts +0 -3
  52. package/dist/dts/accordion/accordion-item/index.d.ts +0 -17
  53. package/dist/dts/accordion/accordion.stories.d.ts +0 -15
  54. package/dist/dts/accordion/accordion.styles.d.ts +0 -3
  55. package/dist/dts/accordion/index.d.ts +0 -22
  56. package/dist/dts/anchor/anchor.stories.d.ts +0 -14
  57. package/dist/dts/anchor/anchor.styles.d.ts +0 -3
  58. package/dist/dts/anchor/index.d.ts +0 -49
  59. package/dist/dts/anchored-region/anchored-region.styles.d.ts +0 -3
  60. package/dist/dts/anchored-region/index.d.ts +0 -21
  61. package/dist/dts/badge/badge.stories.d.ts +0 -14
  62. package/dist/dts/badge/badge.styles.d.ts +0 -3
  63. package/dist/dts/badge/index.d.ts +0 -29
  64. package/dist/dts/breadcrumb/breadcrumb.stories.d.ts +0 -15
  65. package/dist/dts/breadcrumb/breadcrumb.styles.d.ts +0 -3
  66. package/dist/dts/breadcrumb/index.d.ts +0 -21
  67. package/dist/dts/breadcrumb-item/breadcrumb-item.stories.d.ts +0 -15
  68. package/dist/dts/breadcrumb-item/breadcrumb-item.styles.d.ts +0 -3
  69. package/dist/dts/breadcrumb-item/index.d.ts +0 -21
  70. package/dist/dts/button/button.stories.d.ts +0 -21
  71. package/dist/dts/button/button.styles.d.ts +0 -3
  72. package/dist/dts/button/index.d.ts +0 -48
  73. package/dist/dts/calendar/calendar.stories.d.ts +0 -86
  74. package/dist/dts/calendar/calendar.styles.d.ts +0 -7
  75. package/dist/dts/calendar/index.d.ts +0 -18
  76. package/dist/dts/card/card.stories.d.ts +0 -15
  77. package/dist/dts/card/card.styles.d.ts +0 -3
  78. package/dist/dts/card/index.d.ts +0 -46
  79. package/dist/dts/checkbox/checkbox.stories.d.ts +0 -28
  80. package/dist/dts/checkbox/checkbox.styles.d.ts +0 -3
  81. package/dist/dts/checkbox/index.d.ts +0 -16
  82. package/dist/dts/color/palette.d.ts +0 -73
  83. package/dist/dts/color/recipe.d.ts +0 -20
  84. package/dist/dts/color/recipes/contrast-and-delta-swatch-set.d.ts +0 -11
  85. package/dist/dts/color/recipes/contrast-swatch.d.ts +0 -12
  86. package/dist/dts/color/recipes/delta-swatch-set.d.ts +0 -36
  87. package/dist/dts/color/recipes/delta-swatch.d.ts +0 -12
  88. package/dist/dts/color/recipes/focus-stroke.d.ts +0 -10
  89. package/dist/dts/color/recipes/foreground-on-accent.d.ts +0 -11
  90. package/dist/dts/color/recipes/gradient-shadow-stroke.d.ts +0 -7
  91. package/dist/dts/color/recipes/gradient-swatch.d.ts +0 -36
  92. package/dist/dts/color/recipes/neutral-layer-1.d.ts +0 -10
  93. package/dist/dts/color/recipes/neutral-layer-2.d.ts +0 -6
  94. package/dist/dts/color/recipes/neutral-layer-3.d.ts +0 -6
  95. package/dist/dts/color/recipes/neutral-layer-4.d.ts +0 -6
  96. package/dist/dts/color/recipes/neutral-layer-floating.d.ts +0 -6
  97. package/dist/dts/color/recipes/underline-stroke.d.ts +0 -7
  98. package/dist/dts/color/swatch.d.ts +0 -31
  99. package/dist/dts/color/utilities/base-layer-luminance.d.ts +0 -11
  100. package/dist/dts/color/utilities/binary-search.d.ts +0 -4
  101. package/dist/dts/color/utilities/color-constants.d.ts +0 -14
  102. package/dist/dts/color/utilities/direction-by-is-dark.d.ts +0 -5
  103. package/dist/dts/color/utilities/is-dark.d.ts +0 -9
  104. package/dist/dts/color/utilities/relative-luminance.d.ts +0 -13
  105. package/dist/dts/combobox/combobox.stories.d.ts +0 -36
  106. package/dist/dts/combobox/combobox.styles.d.ts +0 -3
  107. package/dist/dts/combobox/index.d.ts +0 -43
  108. package/dist/dts/component-definitions.d.ts +0 -43
  109. package/dist/dts/custom-elements.d.ts +0 -103
  110. package/dist/dts/data-grid/data-grid-cell.styles.d.ts +0 -3
  111. package/dist/dts/data-grid/data-grid-row.styles.d.ts +0 -3
  112. package/dist/dts/data-grid/data-grid.stories.d.ts +0 -15
  113. package/dist/dts/data-grid/data-grid.styles.d.ts +0 -3
  114. package/dist/dts/data-grid/index.d.ts +0 -45
  115. package/dist/dts/design-system-provider/index.d.ts +0 -582
  116. package/dist/dts/design-tokens.d.ts +0 -519
  117. package/dist/dts/dialog/dialog.stories.d.ts +0 -25
  118. package/dist/dts/dialog/dialog.styles.d.ts +0 -3
  119. package/dist/dts/dialog/index.d.ts +0 -21
  120. package/dist/dts/divider/divider.stories.d.ts +0 -6
  121. package/dist/dts/divider/divider.styles.d.ts +0 -3
  122. package/dist/dts/divider/index.d.ts +0 -21
  123. package/dist/dts/flipper/flipper.stories.d.ts +0 -17
  124. package/dist/dts/flipper/flipper.styles.d.ts +0 -3
  125. package/dist/dts/flipper/index.d.ts +0 -21
  126. package/dist/dts/fluent-design-system.d.ts +0 -9
  127. package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts +0 -15
  128. package/dist/dts/horizontal-scroll/horizontal-scroll.styles.d.ts +0 -12
  129. package/dist/dts/horizontal-scroll/index.d.ts +0 -25
  130. package/dist/dts/listbox/index.d.ts +0 -19
  131. package/dist/dts/listbox/listbox.stories.d.ts +0 -6
  132. package/dist/dts/listbox/listbox.styles.d.ts +0 -3
  133. package/dist/dts/listbox-option/index.d.ts +0 -17
  134. package/dist/dts/listbox-option/listbox-option.stories.d.ts +0 -23
  135. package/dist/dts/listbox-option/listbox-option.styles.d.ts +0 -3
  136. package/dist/dts/menu/index.d.ts +0 -26
  137. package/dist/dts/menu/menu.stories.d.ts +0 -6
  138. package/dist/dts/menu/menu.styles.d.ts +0 -3
  139. package/dist/dts/menu-item/index.d.ts +0 -21
  140. package/dist/dts/menu-item/menu-item.stories.d.ts +0 -18
  141. package/dist/dts/menu-item/menu-item.styles.d.ts +0 -3
  142. package/dist/dts/number-field/index.d.ts +0 -41
  143. package/dist/dts/number-field/number-field.stories.d.ts +0 -71
  144. package/dist/dts/number-field/number-field.styles.d.ts +0 -3
  145. package/dist/dts/progress/index.d.ts +0 -2
  146. package/dist/dts/progress/progress/index.d.ts +0 -22
  147. package/dist/dts/progress/progress/progress.stories.d.ts +0 -15
  148. package/dist/dts/progress/progress/progress.styles.d.ts +0 -3
  149. package/dist/dts/progress/progress-ring/index.d.ts +0 -22
  150. package/dist/dts/progress/progress-ring/progress-ring.stories.d.ts +0 -15
  151. package/dist/dts/progress/progress-ring/progress-ring.styles.d.ts +0 -3
  152. package/dist/dts/radio/index.d.ts +0 -21
  153. package/dist/dts/radio/radio.stories.d.ts +0 -23
  154. package/dist/dts/radio/radio.styles.d.ts +0 -3
  155. package/dist/dts/radio-group/index.d.ts +0 -21
  156. package/dist/dts/radio-group/radio-group.stories.d.ts +0 -18
  157. package/dist/dts/radio-group/radio-group.styles.d.ts +0 -3
  158. package/dist/dts/search/index.d.ts +0 -38
  159. package/dist/dts/search/search.stories.d.ts +0 -75
  160. package/dist/dts/search/search.styles.d.ts +0 -3
  161. package/dist/dts/search/search.template.d.ts +0 -6
  162. package/dist/dts/select/index.d.ts +0 -44
  163. package/dist/dts/select/select.stories.d.ts +0 -28
  164. package/dist/dts/select/select.styles.d.ts +0 -13
  165. package/dist/dts/skeleton/index.d.ts +0 -21
  166. package/dist/dts/skeleton/skeleton.stories.d.ts +0 -20
  167. package/dist/dts/skeleton/skeleton.styles.d.ts +0 -3
  168. package/dist/dts/slider/index.d.ts +0 -21
  169. package/dist/dts/slider/slider.stories.d.ts +0 -14
  170. package/dist/dts/slider/slider.styles.d.ts +0 -3
  171. package/dist/dts/slider-label/index.d.ts +0 -21
  172. package/dist/dts/slider-label/slider-label.stories.d.ts +0 -23
  173. package/dist/dts/slider-label/slider-label.styles.d.ts +0 -3
  174. package/dist/dts/styles/direction.d.ts +0 -34
  175. package/dist/dts/styles/elevation.d.ts +0 -64
  176. package/dist/dts/styles/focus.d.ts +0 -13
  177. package/dist/dts/styles/index.d.ts +0 -5
  178. package/dist/dts/styles/patterns/button.styles.d.ts +0 -31
  179. package/dist/dts/styles/patterns/index.d.ts +0 -3
  180. package/dist/dts/styles/patterns/input.styles.d.ts +0 -30
  181. package/dist/dts/styles/patterns/type-ramp.d.ts +0 -18
  182. package/dist/dts/styles/size.d.ts +0 -7
  183. package/dist/dts/switch/index.d.ts +0 -21
  184. package/dist/dts/switch/switch.stories.d.ts +0 -18
  185. package/dist/dts/switch/switch.styles.d.ts +0 -3
  186. package/dist/dts/tabs/index.d.ts +0 -23
  187. package/dist/dts/tabs/tab/index.d.ts +0 -21
  188. package/dist/dts/tabs/tab/tab.styles.d.ts +0 -3
  189. package/dist/dts/tabs/tab-panel/index.d.ts +0 -21
  190. package/dist/dts/tabs/tab-panel/tab-panel.styles.d.ts +0 -3
  191. package/dist/dts/tabs/tabs.stories.d.ts +0 -19
  192. package/dist/dts/tabs/tabs.styles.d.ts +0 -3
  193. package/dist/dts/text-area/index.d.ts +0 -45
  194. package/dist/dts/text-area/text-area.stories.d.ts +0 -41
  195. package/dist/dts/text-area/text-area.styles.d.ts +0 -3
  196. package/dist/dts/text-field/index.d.ts +0 -45
  197. package/dist/dts/text-field/text-field.stories.d.ts +0 -81
  198. package/dist/dts/text-field/text-field.styles.d.ts +0 -3
  199. package/dist/dts/toolbar/index.d.ts +0 -17
  200. package/dist/dts/toolbar/toolbar.stories.d.ts +0 -9
  201. package/dist/dts/toolbar/toolbar.styles.d.ts +0 -3
  202. package/dist/dts/tooltip/index.d.ts +0 -21
  203. package/dist/dts/tooltip/tooltip.stories.d.ts +0 -14
  204. package/dist/dts/tooltip/tooltip.styles.d.ts +0 -3
  205. package/dist/dts/tree-item/index.d.ts +0 -22
  206. package/dist/dts/tree-item/tree-item.stories.d.ts +0 -18
  207. package/dist/dts/tree-item/tree-item.styles.d.ts +0 -4
  208. package/dist/dts/tree-view/index.d.ts +0 -22
  209. package/dist/dts/tree-view/tree-view.stories.d.ts +0 -13
  210. package/dist/dts/tree-view/tree-view.styles.d.ts +0 -3
  211. package/dist/dts/utilities/behaviors.d.ts +0 -12
  212. package/dist/dts/utilities/type-ramp.d.ts +0 -12
  213. package/dist/esm/_docs/design-system/color-explorer/app.js +0 -247
  214. package/dist/esm/_docs/design-system/color-explorer/colors.js +0 -24
  215. package/dist/esm/_docs/design-system/color-explorer/component-types.js +0 -7
  216. package/dist/esm/_docs/design-system/color-explorer/components/color-block.js +0 -408
  217. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.form-associated.js +0 -16
  218. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.js +0 -297
  219. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.styles.js +0 -124
  220. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/color-picker.template.js +0 -130
  221. package/dist/esm/_docs/design-system/color-explorer/components/color-picker/index.js +0 -15
  222. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.js +0 -24
  223. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.styles.js +0 -19
  224. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/control-pane.template.js +0 -52
  225. package/dist/esm/_docs/design-system/color-explorer/components/control-pane/index.js +0 -18
  226. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.js +0 -11
  227. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.styles.js +0 -31
  228. package/dist/esm/_docs/design-system/color-explorer/components/gradient/gradient.template.js +0 -21
  229. package/dist/esm/_docs/design-system/color-explorer/components/gradient/index.js +0 -18
  230. package/dist/esm/_docs/design-system/color-explorer/components/layer-background/index.js +0 -70
  231. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/index.js +0 -18
  232. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.js +0 -3
  233. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.styles.js +0 -166
  234. package/dist/esm/_docs/design-system/color-explorer/components/sample-app/sample-app.template.js +0 -97
  235. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/index.js +0 -18
  236. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.js +0 -3
  237. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.styles.js +0 -130
  238. package/dist/esm/_docs/design-system/color-explorer/components/sample-page/sample-page.template.js +0 -82
  239. package/dist/esm/_docs/design-system/color-explorer/components/swatch.js +0 -163
  240. package/dist/esm/_docs/design-system/color-explorer/custom-elements.js +0 -3
  241. package/dist/esm/_docs/design-system/color-explorer/index.js +0 -14
  242. package/dist/esm/accordion/accordion-item/accordion-item.styles.js +0 -154
  243. package/dist/esm/accordion/accordion-item/accordion-item.vscode.definition.json +0 -67
  244. package/dist/esm/accordion/accordion-item/index.js +0 -32
  245. package/dist/esm/accordion/accordion.stories.js +0 -66
  246. package/dist/esm/accordion/accordion.styles.js +0 -13
  247. package/dist/esm/accordion/accordion.vscode.definition.json +0 -35
  248. package/dist/esm/accordion/index.js +0 -27
  249. package/dist/esm/anchor/anchor.stories.js +0 -34
  250. package/dist/esm/anchor/anchor.styles.js +0 -5
  251. package/dist/esm/anchor/anchor.vscode.definition.json +0 -138
  252. package/dist/esm/anchor/index.js +0 -67
  253. package/dist/esm/anchored-region/anchored-region.stories.js +0 -133
  254. package/dist/esm/anchored-region/anchored-region.styles.js +0 -7
  255. package/dist/esm/anchored-region/anchored-region.vscode.definition.json +0 -140
  256. package/dist/esm/anchored-region/index.js +0 -26
  257. package/dist/esm/badge/badge.stories.js +0 -27
  258. package/dist/esm/badge/badge.styles.js +0 -40
  259. package/dist/esm/badge/badge.vscode.definition.json +0 -60
  260. package/dist/esm/badge/index.js +0 -45
  261. package/dist/esm/breadcrumb/breadcrumb.stories.js +0 -20
  262. package/dist/esm/breadcrumb/breadcrumb.styles.js +0 -13
  263. package/dist/esm/breadcrumb/breadcrumb.vscode.definition.json +0 -18
  264. package/dist/esm/breadcrumb/index.js +0 -26
  265. package/dist/esm/breadcrumb-item/breadcrumb-item.stories.js +0 -16
  266. package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +0 -96
  267. package/dist/esm/breadcrumb-item/breadcrumb-item.vscode.definition.json +0 -50
  268. package/dist/esm/breadcrumb-item/index.js +0 -34
  269. package/dist/esm/button/button.stories.js +0 -40
  270. package/dist/esm/button/button.styles.js +0 -24
  271. package/dist/esm/button/button.vscode.definition.json +0 -158
  272. package/dist/esm/button/index.js +0 -67
  273. package/dist/esm/calendar/calendar.stories.js +0 -115
  274. package/dist/esm/calendar/calendar.styles.js +0 -132
  275. package/dist/esm/calendar/index.js +0 -31
  276. package/dist/esm/card/card.stories.js +0 -30
  277. package/dist/esm/card/card.styles.js +0 -28
  278. package/dist/esm/card/card.vscode.definition.json +0 -33
  279. package/dist/esm/card/index.js +0 -79
  280. package/dist/esm/checkbox/checkbox.stories.js +0 -43
  281. package/dist/esm/checkbox/checkbox.styles.js +0 -161
  282. package/dist/esm/checkbox/checkbox.vscode.definition.json +0 -69
  283. package/dist/esm/checkbox/index.js +0 -31
  284. package/dist/esm/color/palette.js +0 -250
  285. package/dist/esm/color/recipe.js +0 -1
  286. package/dist/esm/color/recipes/contrast-and-delta-swatch-set.js +0 -28
  287. package/dist/esm/color/recipes/contrast-swatch.js +0 -12
  288. package/dist/esm/color/recipes/delta-swatch-set.js +0 -53
  289. package/dist/esm/color/recipes/delta-swatch.js +0 -13
  290. package/dist/esm/color/recipes/focus-stroke.js +0 -14
  291. package/dist/esm/color/recipes/foreground-on-accent.js +0 -21
  292. package/dist/esm/color/recipes/gradient-shadow-stroke.js +0 -54
  293. package/dist/esm/color/recipes/gradient-swatch.js +0 -36
  294. package/dist/esm/color/recipes/neutral-layer-1.js +0 -13
  295. package/dist/esm/color/recipes/neutral-layer-2.js +0 -7
  296. package/dist/esm/color/recipes/neutral-layer-3.js +0 -7
  297. package/dist/esm/color/recipes/neutral-layer-4.js +0 -7
  298. package/dist/esm/color/recipes/neutral-layer-floating.js +0 -7
  299. package/dist/esm/color/recipes/underline-stroke.js +0 -31
  300. package/dist/esm/color/swatch.js +0 -53
  301. package/dist/esm/color/utilities/base-layer-luminance.js +0 -14
  302. package/dist/esm/color/utilities/binary-search.js +0 -15
  303. package/dist/esm/color/utilities/color-constants.js +0 -19
  304. package/dist/esm/color/utilities/direction-by-is-dark.js +0 -7
  305. package/dist/esm/color/utilities/is-dark.js +0 -17
  306. package/dist/esm/color/utilities/relative-luminance.js +0 -8
  307. package/dist/esm/combobox/combobox.stories.js +0 -84
  308. package/dist/esm/combobox/combobox.styles.js +0 -40
  309. package/dist/esm/combobox/combobox.vscode.definition.json +0 -121
  310. package/dist/esm/combobox/index.js +0 -63
  311. package/dist/esm/component-definitions.js +0 -84
  312. package/dist/esm/custom-elements.js +0 -102
  313. package/dist/esm/data-grid/data-grid-cell.styles.js +0 -36
  314. package/dist/esm/data-grid/data-grid-cell.vscode.definition.json +0 -34
  315. package/dist/esm/data-grid/data-grid-row.styles.js +0 -24
  316. package/dist/esm/data-grid/data-grid-row.vscode.definition.json +0 -34
  317. package/dist/esm/data-grid/data-grid.stories.js +0 -381
  318. package/dist/esm/data-grid/data-grid.styles.js +0 -8
  319. package/dist/esm/data-grid/data-grid.vscode.definition.json +0 -34
  320. package/dist/esm/data-grid/index.js +0 -60
  321. package/dist/esm/design-system-provider/design-system-provider.vscode.definition.json +0 -510
  322. package/dist/esm/design-system-provider/index.js +0 -518
  323. package/dist/esm/design-tokens.js +0 -685
  324. package/dist/esm/dialog/dialog.stories.js +0 -36
  325. package/dist/esm/dialog/dialog.styles.js +0 -47
  326. package/dist/esm/dialog/dialog.vscode.definition.json +0 -67
  327. package/dist/esm/dialog/index.js +0 -26
  328. package/dist/esm/divider/divider.stories.js +0 -17
  329. package/dist/esm/divider/divider.styles.js +0 -11
  330. package/dist/esm/divider/divider.vscode.definition.json +0 -29
  331. package/dist/esm/divider/index.js +0 -26
  332. package/dist/esm/flipper/flipper.stories.js +0 -31
  333. package/dist/esm/flipper/flipper.styles.js +0 -84
  334. package/dist/esm/flipper/flipper.vscode.definition.json +0 -56
  335. package/dist/esm/flipper/index.js +0 -36
  336. package/dist/esm/fluent-design-system.js +0 -11
  337. package/dist/esm/horizontal-scroll/horizontal-scroll.stories.js +0 -81
  338. package/dist/esm/horizontal-scroll/horizontal-scroll.styles.js +0 -138
  339. package/dist/esm/horizontal-scroll/horizontal-scroll.vscode.definition.json +0 -85
  340. package/dist/esm/horizontal-scroll/index.js +0 -47
  341. package/dist/esm/listbox/index.js +0 -24
  342. package/dist/esm/listbox/listbox.stories.js +0 -29
  343. package/dist/esm/listbox/listbox.styles.js +0 -21
  344. package/dist/esm/listbox/listbox.vscode.definition.json +0 -40
  345. package/dist/esm/listbox-option/index.js +0 -22
  346. package/dist/esm/listbox-option/listbox-option.stories.js +0 -38
  347. package/dist/esm/listbox-option/listbox-option.styles.js +0 -133
  348. package/dist/esm/listbox-option/listbox-option.vscode.definition.json +0 -45
  349. package/dist/esm/menu/index.js +0 -36
  350. package/dist/esm/menu/menu.stories.js +0 -56
  351. package/dist/esm/menu/menu.styles.js +0 -42
  352. package/dist/esm/menu/menu.vscode.definition.json +0 -18
  353. package/dist/esm/menu-item/index.js +0 -41
  354. package/dist/esm/menu-item/menu-item.stories.js +0 -34
  355. package/dist/esm/menu-item/menu-item.styles.js +0 -265
  356. package/dist/esm/menu-item/menu-item.vscode.definition.json +0 -82
  357. package/dist/esm/number-field/index.js +0 -57
  358. package/dist/esm/number-field/number-field.stories.js +0 -83
  359. package/dist/esm/number-field/number-field.styles.js +0 -71
  360. package/dist/esm/number-field/number-field.vscode.definition.json +0 -167
  361. package/dist/esm/progress/index.js +0 -2
  362. package/dist/esm/progress/progress/index.js +0 -33
  363. package/dist/esm/progress/progress/progress.stories.js +0 -59
  364. package/dist/esm/progress/progress/progress.styles.js +0 -119
  365. package/dist/esm/progress/progress/progress.vscode.definition.json +0 -56
  366. package/dist/esm/progress/progress-ring/index.js +0 -45
  367. package/dist/esm/progress/progress-ring/progress-ring.stories.js +0 -59
  368. package/dist/esm/progress/progress-ring/progress-ring.styles.js +0 -79
  369. package/dist/esm/progress/progress-ring/progress-ring.vscode.definition.json +0 -56
  370. package/dist/esm/radio/index.js +0 -31
  371. package/dist/esm/radio/radio.stories.js +0 -41
  372. package/dist/esm/radio/radio.styles.js +0 -152
  373. package/dist/esm/radio/radio.vscode.definition.json +0 -63
  374. package/dist/esm/radio-group/index.js +0 -26
  375. package/dist/esm/radio-group/radio-group.stories.js +0 -42
  376. package/dist/esm/radio-group/radio-group.styles.js +0 -21
  377. package/dist/esm/radio-group/radio-group.vscode.definition.json +0 -64
  378. package/dist/esm/search/index.js +0 -52
  379. package/dist/esm/search/search.stories.js +0 -83
  380. package/dist/esm/search/search.styles.js +0 -104
  381. package/dist/esm/search/search.template.js +0 -82
  382. package/dist/esm/search/search.vscode.definition.json +0 -145
  383. package/dist/esm/select/index.js +0 -61
  384. package/dist/esm/select/select.stories.js +0 -53
  385. package/dist/esm/select/select.styles.js +0 -139
  386. package/dist/esm/select/select.vscode.definition.json +0 -79
  387. package/dist/esm/skeleton/index.js +0 -26
  388. package/dist/esm/skeleton/skeleton.stories.js +0 -37
  389. package/dist/esm/skeleton/skeleton.styles.js +0 -77
  390. package/dist/esm/skeleton/skeleton.vscode.definition.json +0 -49
  391. package/dist/esm/slider/index.js +0 -29
  392. package/dist/esm/slider/slider.stories.js +0 -40
  393. package/dist/esm/slider/slider.styles.js +0 -162
  394. package/dist/esm/slider/slider.vscode.definition.json +0 -101
  395. package/dist/esm/slider-label/index.js +0 -26
  396. package/dist/esm/slider-label/slider-label.stories.js +0 -40
  397. package/dist/esm/slider-label/slider-label.styles.js +0 -77
  398. package/dist/esm/slider-label/slider-label.vscode.definition.json +0 -43
  399. package/dist/esm/styles/direction.js +0 -73
  400. package/dist/esm/styles/elevation.js +0 -74
  401. package/dist/esm/styles/focus.js +0 -21
  402. package/dist/esm/styles/index.js +0 -5
  403. package/dist/esm/styles/patterns/button.styles.js +0 -427
  404. package/dist/esm/styles/patterns/index.js +0 -3
  405. package/dist/esm/styles/patterns/input.styles.js +0 -227
  406. package/dist/esm/styles/patterns/type-ramp.js +0 -74
  407. package/dist/esm/styles/size.js +0 -9
  408. package/dist/esm/switch/index.js +0 -31
  409. package/dist/esm/switch/switch.stories.js +0 -42
  410. package/dist/esm/switch/switch.styles.js +0 -213
  411. package/dist/esm/switch/switch.vscode.definition.json +0 -68
  412. package/dist/esm/tabs/index.js +0 -28
  413. package/dist/esm/tabs/tab/index.js +0 -26
  414. package/dist/esm/tabs/tab/tab.styles.js +0 -75
  415. package/dist/esm/tabs/tab/tab.vscode.definition.json +0 -17
  416. package/dist/esm/tabs/tab-panel/index.js +0 -26
  417. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +0 -11
  418. package/dist/esm/tabs/tab-panel/tab-panel.vscode.definition.json +0 -17
  419. package/dist/esm/tabs/tabs.stories.js +0 -105
  420. package/dist/esm/tabs/tabs.styles.js +0 -98
  421. package/dist/esm/tabs/tabs.vscode.definition.json +0 -50
  422. package/dist/esm/text-area/index.js +0 -56
  423. package/dist/esm/text-area/text-area.stories.js +0 -56
  424. package/dist/esm/text-area/text-area.styles.js +0 -39
  425. package/dist/esm/text-area/text-area.vscode.definition.json +0 -141
  426. package/dist/esm/text-field/index.js +0 -56
  427. package/dist/esm/text-field/text-field.stories.js +0 -88
  428. package/dist/esm/text-field/text-field.styles.js +0 -48
  429. package/dist/esm/text-field/text-field.vscode.definition.json +0 -150
  430. package/dist/esm/toolbar/index.js +0 -23
  431. package/dist/esm/toolbar/toolbar.stories.js +0 -9
  432. package/dist/esm/toolbar/toolbar.styles.js +0 -73
  433. package/dist/esm/tooltip/index.js +0 -31
  434. package/dist/esm/tooltip/tooltip.stories.js +0 -34
  435. package/dist/esm/tooltip/tooltip.styles.js +0 -107
  436. package/dist/esm/tooltip/tooltip.vscode.definition.json +0 -56
  437. package/dist/esm/tree-item/index.js +0 -32
  438. package/dist/esm/tree-item/tree-item.stories.js +0 -34
  439. package/dist/esm/tree-item/tree-item.styles.js +0 -227
  440. package/dist/esm/tree-item/tree-item.vscode.definition.json +0 -63
  441. package/dist/esm/tree-view/index.js +0 -27
  442. package/dist/esm/tree-view/tree-view.stories.js +0 -99
  443. package/dist/esm/tree-view/tree-view.styles.js +0 -14
  444. package/dist/esm/tree-view/tree-view.vscode.definition.json +0 -26
  445. package/dist/esm/utilities/behaviors.js +0 -13
  446. package/dist/esm/utilities/type-ramp.js +0 -12
  447. 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,5 +0,0 @@
1
- export * from './direction';
2
- export * from './elevation';
3
- export * from './focus';
4
- export * from './patterns/';
5
- export * from './size';
@@ -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;