@fluentui/web-components 3.0.0-beta.3 → 3.0.0-beta.31

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 (669) hide show
  1. package/CHANGELOG.md +430 -103
  2. package/README.md +46 -15
  3. package/dist/dts/accordion/accordion.bench.d.ts +3 -0
  4. package/dist/dts/accordion/accordion.d.ts +47 -3
  5. package/dist/dts/accordion/accordion.definition.d.ts +0 -4
  6. package/dist/dts/accordion/accordion.options.d.ts +14 -0
  7. package/dist/dts/accordion/accordion.template.d.ts +4 -0
  8. package/dist/dts/accordion/index.d.ts +2 -1
  9. package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
  10. package/dist/dts/accordion-item/accordion-item.d.ts +78 -6
  11. package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
  12. package/dist/dts/accordion-item/accordion-item.options.d.ts +3 -3
  13. package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -1
  14. package/dist/dts/accordion-item/index.d.ts +3 -2
  15. package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
  16. package/dist/dts/anchor-button/anchor-button.d.ts +179 -26
  17. package/dist/dts/anchor-button/anchor-button.definition.d.ts +0 -3
  18. package/dist/dts/anchor-button/anchor-button.options.d.ts +43 -6
  19. package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -2
  20. package/dist/dts/anchor-button/index.d.ts +4 -3
  21. package/dist/dts/avatar/avatar.bench.d.ts +3 -0
  22. package/dist/dts/avatar/avatar.d.ts +22 -2
  23. package/dist/dts/avatar/avatar.options.d.ts +7 -7
  24. package/dist/dts/avatar/index.d.ts +2 -2
  25. package/dist/dts/badge/badge.bench.d.ts +3 -0
  26. package/dist/dts/badge/badge.d.ts +31 -1
  27. package/dist/dts/badge/badge.definition.d.ts +0 -3
  28. package/dist/dts/badge/badge.options.d.ts +7 -7
  29. package/dist/dts/badge/index.d.ts +2 -2
  30. package/dist/dts/button/button.bench.d.ts +3 -0
  31. package/dist/dts/button/button.d.ts +267 -22
  32. package/dist/dts/button/button.definition.d.ts +2 -3
  33. package/dist/dts/button/button.options.d.ts +42 -7
  34. package/dist/dts/button/button.styles.d.ts +9 -0
  35. package/dist/dts/button/button.template.d.ts +8 -0
  36. package/dist/dts/button/index.d.ts +5 -4
  37. package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
  38. package/dist/dts/checkbox/checkbox.d.ts +282 -16
  39. package/dist/dts/checkbox/checkbox.options.d.ts +15 -12
  40. package/dist/dts/checkbox/checkbox.template.d.ts +7 -1
  41. package/dist/dts/checkbox/index.d.ts +4 -3
  42. package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
  43. package/dist/dts/compound-button/compound-button.definition.d.ts +0 -3
  44. package/dist/dts/compound-button/compound-button.options.d.ts +5 -10
  45. package/dist/dts/compound-button/index.d.ts +2 -2
  46. package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
  47. package/dist/dts/counter-badge/counter-badge.d.ts +37 -1
  48. package/dist/dts/counter-badge/counter-badge.definition.d.ts +0 -4
  49. package/dist/dts/counter-badge/counter-badge.options.d.ts +6 -6
  50. package/dist/dts/counter-badge/index.d.ts +2 -2
  51. package/dist/dts/dialog/define.d.ts +1 -0
  52. package/dist/dts/dialog/dialog.bench.d.ts +3 -0
  53. package/dist/dts/dialog/dialog.d.ts +58 -0
  54. package/dist/dts/dialog/dialog.definition.d.ts +9 -0
  55. package/dist/dts/dialog/dialog.options.d.ts +11 -0
  56. package/dist/dts/dialog/dialog.styles.d.ts +4 -0
  57. package/dist/dts/dialog/dialog.template.d.ts +7 -0
  58. package/dist/dts/dialog/index.d.ts +5 -0
  59. package/dist/dts/dialog-body/define.d.ts +1 -0
  60. package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
  61. package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
  62. package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
  63. package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
  64. package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
  65. package/dist/dts/dialog-body/index.d.ts +4 -0
  66. package/dist/dts/divider/divider.bench.d.ts +3 -0
  67. package/dist/dts/divider/divider.d.ts +47 -11
  68. package/dist/dts/divider/divider.options.d.ts +32 -8
  69. package/dist/dts/divider/divider.template.d.ts +1 -0
  70. package/dist/dts/divider/index.d.ts +2 -2
  71. package/dist/dts/field/define.d.ts +1 -0
  72. package/dist/dts/field/field.bench.d.ts +3 -0
  73. package/dist/dts/field/field.d.ts +99 -0
  74. package/dist/dts/field/field.definition.d.ts +9 -0
  75. package/dist/dts/field/field.options.d.ts +41 -0
  76. package/dist/dts/field/field.styles.d.ts +6 -0
  77. package/dist/dts/field/field.template.d.ts +6 -0
  78. package/dist/dts/field/index.d.ts +6 -0
  79. package/dist/dts/form-associated/form-associated.d.ts +104 -0
  80. package/dist/dts/image/image.bench.d.ts +3 -0
  81. package/dist/dts/image/image.options.d.ts +3 -3
  82. package/dist/dts/image/index.d.ts +2 -2
  83. package/dist/dts/index-rollup.d.ts +32 -1
  84. package/dist/dts/index.d.ts +53 -30
  85. package/dist/dts/label/index.d.ts +2 -1
  86. package/dist/dts/label/label.bench.d.ts +3 -0
  87. package/dist/dts/label/label.d.ts +0 -2
  88. package/dist/dts/label/label.options.d.ts +3 -3
  89. package/dist/dts/link/define.d.ts +1 -0
  90. package/dist/dts/link/index.d.ts +4 -0
  91. package/dist/dts/link/link.bench.d.ts +3 -0
  92. package/dist/dts/link/link.d.ts +33 -0
  93. package/dist/dts/link/link.definition.d.ts +7 -0
  94. package/dist/dts/link/link.options.d.ts +52 -0
  95. package/dist/dts/link/link.styles.d.ts +1 -0
  96. package/dist/dts/link/link.template.d.ts +12 -0
  97. package/dist/dts/menu/index.d.ts +1 -1
  98. package/dist/dts/menu/menu.bench.d.ts +3 -0
  99. package/dist/dts/menu/menu.d.ts +27 -25
  100. package/dist/dts/menu-button/index.d.ts +4 -3
  101. package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
  102. package/dist/dts/menu-button/menu-button.definition.d.ts +0 -3
  103. package/dist/dts/menu-button/menu-button.options.d.ts +6 -7
  104. package/dist/dts/menu-item/index.d.ts +5 -3
  105. package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
  106. package/dist/dts/menu-item/menu-item.d.ts +162 -5
  107. package/dist/dts/menu-item/menu-item.definition.d.ts +0 -4
  108. package/dist/dts/menu-item/menu-item.options.d.ts +30 -0
  109. package/dist/dts/menu-item/menu-item.template.d.ts +2 -1
  110. package/dist/dts/menu-list/index.d.ts +1 -1
  111. package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
  112. package/dist/dts/menu-list/menu-list.d.ts +71 -4
  113. package/dist/dts/menu-list/menu-list.definition.d.ts +0 -4
  114. package/dist/dts/menu-list/menu-list.template.d.ts +1 -0
  115. package/dist/dts/patterns/aria-globals.d.ts +189 -0
  116. package/dist/dts/patterns/index.d.ts +2 -0
  117. package/dist/dts/patterns/start-end.d.ts +44 -0
  118. package/dist/dts/progress-bar/index.d.ts +2 -2
  119. package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
  120. package/dist/dts/progress-bar/progress-bar.d.ts +60 -10
  121. package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
  122. package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -0
  123. package/dist/dts/radio/index.d.ts +2 -1
  124. package/dist/dts/radio/radio.bench.d.ts +3 -0
  125. package/dist/dts/radio/radio.d.ts +54 -3
  126. package/dist/dts/radio/radio.form-associated.d.ts +14 -0
  127. package/dist/dts/radio/radio.template.d.ts +2 -1
  128. package/dist/dts/radio-group/index.d.ts +2 -2
  129. package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
  130. package/dist/dts/radio-group/radio-group.d.ts +91 -2
  131. package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
  132. package/dist/dts/radio-group/radio-group.template.d.ts +1 -0
  133. package/dist/dts/slider/index.d.ts +3 -2
  134. package/dist/dts/slider/slider-utilities.d.ts +5 -0
  135. package/dist/dts/slider/slider.bench.d.ts +3 -0
  136. package/dist/dts/slider/slider.d.ts +195 -5
  137. package/dist/dts/slider/slider.form-associated.d.ts +14 -0
  138. package/dist/dts/slider/slider.options.d.ts +44 -3
  139. package/dist/dts/slider/slider.template.d.ts +4 -2
  140. package/dist/dts/spinner/index.d.ts +2 -2
  141. package/dist/dts/spinner/spinner.bench.d.ts +3 -0
  142. package/dist/dts/spinner/spinner.d.ts +9 -4
  143. package/dist/dts/spinner/spinner.definition.d.ts +0 -4
  144. package/dist/dts/spinner/spinner.options.d.ts +3 -3
  145. package/dist/dts/spinner/spinner.template.d.ts +1 -2
  146. package/dist/dts/styles/partials/index.d.ts +1 -0
  147. package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
  148. package/dist/dts/styles/states/index.d.ts +110 -0
  149. package/dist/dts/switch/index.d.ts +3 -2
  150. package/dist/dts/switch/switch.bench.d.ts +3 -0
  151. package/dist/dts/switch/switch.d.ts +6 -12
  152. package/dist/dts/switch/switch.form-associated.d.ts +14 -0
  153. package/dist/dts/switch/switch.options.d.ts +2 -2
  154. package/dist/dts/switch/switch.template.d.ts +2 -1
  155. package/dist/dts/tab/index.d.ts +4 -3
  156. package/dist/dts/tab/tab.bench.d.ts +3 -0
  157. package/dist/dts/tab/tab.d.ts +17 -2
  158. package/dist/dts/tab/tab.template.d.ts +3 -3
  159. package/dist/dts/tab-panel/index.d.ts +1 -1
  160. package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
  161. package/dist/dts/tab-panel/tab-panel.d.ts +2 -2
  162. package/dist/dts/tab-panel/tab-panel.template.d.ts +4 -1
  163. package/dist/dts/tabs/index.d.ts +5 -4
  164. package/dist/dts/tabs/tabs.bench.d.ts +3 -0
  165. package/dist/dts/tabs/tabs.d.ts +102 -13
  166. package/dist/dts/tabs/tabs.options.d.ts +23 -5
  167. package/dist/dts/tabs/tabs.template.d.ts +5 -1
  168. package/dist/dts/text/index.d.ts +2 -2
  169. package/dist/dts/text/text.bench.d.ts +3 -0
  170. package/dist/dts/text/text.options.d.ts +5 -5
  171. package/dist/dts/text-input/index.d.ts +5 -5
  172. package/dist/dts/text-input/text-input.bench.d.ts +3 -0
  173. package/dist/dts/text-input/text-input.d.ts +395 -11
  174. package/dist/dts/text-input/text-input.definition.d.ts +2 -3
  175. package/dist/dts/text-input/text-input.options.d.ts +31 -10
  176. package/dist/dts/text-input/text-input.styles.d.ts +5 -2
  177. package/dist/dts/text-input/text-input.template.d.ts +8 -1
  178. package/dist/dts/theme/design-tokens.d.ts +2180 -384
  179. package/dist/dts/theme/set-theme.d.ts +6 -3
  180. package/dist/dts/toggle-button/index.d.ts +5 -4
  181. package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
  182. package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
  183. package/dist/dts/toggle-button/toggle-button.definition.d.ts +0 -2
  184. package/dist/dts/toggle-button/toggle-button.options.d.ts +6 -7
  185. package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
  186. package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
  187. package/dist/dts/utils/benchmark-dependencies/tokens.d.ts +1 -0
  188. package/dist/dts/utils/benchmark-wrapper.d.ts +2 -0
  189. package/dist/dts/utils/direction.d.ts +10 -0
  190. package/dist/dts/utils/display.d.ts +17 -0
  191. package/dist/dts/utils/element-internals.d.ts +20 -0
  192. package/dist/dts/utils/index.d.ts +6 -0
  193. package/dist/dts/utils/template-helpers.d.ts +16 -0
  194. package/dist/dts/utils/typings.d.ts +6 -0
  195. package/dist/dts/utils/whitespace-filter.d.ts +12 -0
  196. package/dist/esm/accordion/accordion.bench.js +30 -0
  197. package/dist/esm/accordion/accordion.bench.js.map +1 -0
  198. package/dist/esm/accordion/accordion.definition.js +0 -4
  199. package/dist/esm/accordion/accordion.definition.js.map +1 -1
  200. package/dist/esm/accordion/accordion.js +211 -3
  201. package/dist/esm/accordion/accordion.js.map +1 -1
  202. package/dist/esm/accordion/accordion.options.js +9 -0
  203. package/dist/esm/accordion/accordion.options.js.map +1 -0
  204. package/dist/esm/accordion/accordion.styles.js +1 -1
  205. package/dist/esm/accordion/accordion.styles.js.map +1 -1
  206. package/dist/esm/accordion/accordion.template.js +11 -1
  207. package/dist/esm/accordion/accordion.template.js.map +1 -1
  208. package/dist/esm/accordion/index.js +2 -1
  209. package/dist/esm/accordion/index.js.map +1 -1
  210. package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
  211. package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
  212. package/dist/esm/accordion-item/accordion-item.definition.js +0 -3
  213. package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
  214. package/dist/esm/accordion-item/accordion-item.js +80 -10
  215. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  216. package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
  217. package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
  218. package/dist/esm/accordion-item/accordion-item.template.js +47 -2
  219. package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
  220. package/dist/esm/accordion-item/index.js +2 -2
  221. package/dist/esm/accordion-item/index.js.map +1 -1
  222. package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
  223. package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
  224. package/dist/esm/anchor-button/anchor-button.definition.js +0 -6
  225. package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
  226. package/dist/esm/anchor-button/anchor-button.js +187 -60
  227. package/dist/esm/anchor-button/anchor-button.js.map +1 -1
  228. package/dist/esm/anchor-button/anchor-button.options.js +26 -0
  229. package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
  230. package/dist/esm/anchor-button/anchor-button.styles.js +12 -5
  231. package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
  232. package/dist/esm/anchor-button/anchor-button.template.js +21 -1
  233. package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
  234. package/dist/esm/anchor-button/index.js +3 -3
  235. package/dist/esm/anchor-button/index.js.map +1 -1
  236. package/dist/esm/avatar/avatar.bench.js +10 -0
  237. package/dist/esm/avatar/avatar.bench.js.map +1 -0
  238. package/dist/esm/avatar/avatar.js +43 -23
  239. package/dist/esm/avatar/avatar.js.map +1 -1
  240. package/dist/esm/avatar/avatar.styles.js +36 -36
  241. package/dist/esm/avatar/avatar.styles.js.map +1 -1
  242. package/dist/esm/avatar/avatar.template.js +2 -4
  243. package/dist/esm/avatar/avatar.template.js.map +1 -1
  244. package/dist/esm/avatar/index.js +2 -2
  245. package/dist/esm/avatar/index.js.map +1 -1
  246. package/dist/esm/badge/badge.bench.js +11 -0
  247. package/dist/esm/badge/badge.bench.js.map +1 -0
  248. package/dist/esm/badge/badge.definition.js +0 -3
  249. package/dist/esm/badge/badge.definition.js.map +1 -1
  250. package/dist/esm/badge/badge.js +61 -7
  251. package/dist/esm/badge/badge.js.map +1 -1
  252. package/dist/esm/badge/badge.styles.js +14 -6
  253. package/dist/esm/badge/badge.styles.js.map +1 -1
  254. package/dist/esm/badge/badge.template.js +2 -2
  255. package/dist/esm/badge/badge.template.js.map +1 -1
  256. package/dist/esm/badge/index.js +2 -2
  257. package/dist/esm/badge/index.js.map +1 -1
  258. package/dist/esm/button/button.bench.js +11 -0
  259. package/dist/esm/button/button.bench.js.map +1 -0
  260. package/dist/esm/button/button.definition.js +2 -6
  261. package/dist/esm/button/button.definition.js.map +1 -1
  262. package/dist/esm/button/button.js +312 -42
  263. package/dist/esm/button/button.js.map +1 -1
  264. package/dist/esm/button/button.options.js +20 -1
  265. package/dist/esm/button/button.options.js.map +1 -1
  266. package/dist/esm/button/button.styles.js +78 -78
  267. package/dist/esm/button/button.styles.js.map +1 -1
  268. package/dist/esm/button/button.template.js +23 -1
  269. package/dist/esm/button/button.template.js.map +1 -1
  270. package/dist/esm/button/index.js +4 -4
  271. package/dist/esm/button/index.js.map +1 -1
  272. package/dist/esm/checkbox/checkbox.bench.js +11 -0
  273. package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
  274. package/dist/esm/checkbox/checkbox.definition.js +1 -1
  275. package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
  276. package/dist/esm/checkbox/checkbox.js +371 -13
  277. package/dist/esm/checkbox/checkbox.js.map +1 -1
  278. package/dist/esm/checkbox/checkbox.options.js +0 -8
  279. package/dist/esm/checkbox/checkbox.options.js.map +1 -1
  280. package/dist/esm/checkbox/checkbox.styles.js +145 -123
  281. package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
  282. package/dist/esm/checkbox/checkbox.template.js +34 -17
  283. package/dist/esm/checkbox/checkbox.template.js.map +1 -1
  284. package/dist/esm/checkbox/index.js +3 -3
  285. package/dist/esm/checkbox/index.js.map +1 -1
  286. package/dist/esm/compound-button/compound-button.bench.js +15 -0
  287. package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
  288. package/dist/esm/compound-button/compound-button.definition.js +0 -6
  289. package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
  290. package/dist/esm/compound-button/compound-button.options.js.map +1 -1
  291. package/dist/esm/compound-button/compound-button.styles.js +16 -17
  292. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  293. package/dist/esm/compound-button/compound-button.template.js +4 -40
  294. package/dist/esm/compound-button/compound-button.template.js.map +1 -1
  295. package/dist/esm/compound-button/index.js +2 -2
  296. package/dist/esm/compound-button/index.js.map +1 -1
  297. package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
  298. package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
  299. package/dist/esm/counter-badge/counter-badge.definition.js +0 -4
  300. package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
  301. package/dist/esm/counter-badge/counter-badge.js +69 -7
  302. package/dist/esm/counter-badge/counter-badge.js.map +1 -1
  303. package/dist/esm/counter-badge/counter-badge.styles.js +12 -6
  304. package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
  305. package/dist/esm/counter-badge/index.js +2 -2
  306. package/dist/esm/counter-badge/index.js.map +1 -1
  307. package/dist/esm/dialog/define.js +4 -0
  308. package/dist/esm/dialog/define.js.map +1 -0
  309. package/dist/esm/dialog/dialog.bench.js +11 -0
  310. package/dist/esm/dialog/dialog.bench.js.map +1 -0
  311. package/dist/esm/dialog/dialog.definition.js +17 -0
  312. package/dist/esm/dialog/dialog.definition.js.map +1 -0
  313. package/dist/esm/dialog/dialog.js +91 -0
  314. package/dist/esm/dialog/dialog.js.map +1 -0
  315. package/dist/esm/dialog/dialog.options.js +10 -0
  316. package/dist/esm/dialog/dialog.options.js.map +1 -0
  317. package/dist/esm/dialog/dialog.styles.js +86 -0
  318. package/dist/esm/dialog/dialog.styles.js.map +1 -0
  319. package/dist/esm/dialog/dialog.template.js +24 -0
  320. package/dist/esm/dialog/dialog.template.js.map +1 -0
  321. package/dist/esm/dialog/index.js +6 -0
  322. package/dist/esm/dialog/index.js.map +1 -0
  323. package/dist/esm/dialog-body/define.js +4 -0
  324. package/dist/esm/dialog-body/define.js.map +1 -0
  325. package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
  326. package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
  327. package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
  328. package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
  329. package/dist/esm/dialog-body/dialog-body.js +22 -0
  330. package/dist/esm/dialog-body/dialog-body.js.map +1 -0
  331. package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
  332. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
  333. package/dist/esm/dialog-body/dialog-body.template.js +42 -0
  334. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
  335. package/dist/esm/dialog-body/index.js +5 -0
  336. package/dist/esm/dialog-body/index.js.map +1 -0
  337. package/dist/esm/divider/divider.bench.js +10 -0
  338. package/dist/esm/divider/divider.bench.js.map +1 -0
  339. package/dist/esm/divider/divider.js +56 -11
  340. package/dist/esm/divider/divider.js.map +1 -1
  341. package/dist/esm/divider/divider.options.js +14 -5
  342. package/dist/esm/divider/divider.options.js.map +1 -1
  343. package/dist/esm/divider/divider.styles.js +1 -1
  344. package/dist/esm/divider/divider.styles.js.map +1 -1
  345. package/dist/esm/divider/divider.template.js +4 -1
  346. package/dist/esm/divider/divider.template.js.map +1 -1
  347. package/dist/esm/divider/index.js +2 -2
  348. package/dist/esm/divider/index.js.map +1 -1
  349. package/dist/esm/field/define.js +4 -0
  350. package/dist/esm/field/define.js.map +1 -0
  351. package/dist/esm/field/field.bench.js +10 -0
  352. package/dist/esm/field/field.bench.js.map +1 -0
  353. package/dist/esm/field/field.definition.js +20 -0
  354. package/dist/esm/field/field.definition.js.map +1 -0
  355. package/dist/esm/field/field.js +139 -0
  356. package/dist/esm/field/field.js.map +1 -0
  357. package/dist/esm/field/field.options.js +27 -0
  358. package/dist/esm/field/field.options.js.map +1 -0
  359. package/dist/esm/field/field.styles.js +186 -0
  360. package/dist/esm/field/field.styles.js.map +1 -0
  361. package/dist/esm/field/field.template.js +26 -0
  362. package/dist/esm/field/field.template.js.map +1 -0
  363. package/dist/esm/field/index.js +6 -0
  364. package/dist/esm/field/index.js.map +1 -0
  365. package/dist/esm/form-associated/form-associated.js +458 -0
  366. package/dist/esm/form-associated/form-associated.js.map +1 -0
  367. package/dist/esm/image/image.bench.js +14 -0
  368. package/dist/esm/image/image.bench.js.map +1 -0
  369. package/dist/esm/image/image.js +1 -6
  370. package/dist/esm/image/image.js.map +1 -1
  371. package/dist/esm/image/index.js +2 -2
  372. package/dist/esm/image/index.js.map +1 -1
  373. package/dist/esm/index-rollup.js +32 -1
  374. package/dist/esm/index-rollup.js.map +1 -1
  375. package/dist/esm/index.js +39 -30
  376. package/dist/esm/index.js.map +1 -1
  377. package/dist/esm/label/index.js +2 -1
  378. package/dist/esm/label/index.js.map +1 -1
  379. package/dist/esm/label/label.bench.js +11 -0
  380. package/dist/esm/label/label.bench.js.map +1 -0
  381. package/dist/esm/label/label.js +1 -6
  382. package/dist/esm/label/label.js.map +1 -1
  383. package/dist/esm/label/label.styles.js +13 -6
  384. package/dist/esm/label/label.styles.js.map +1 -1
  385. package/dist/esm/link/define.js +4 -0
  386. package/dist/esm/link/define.js.map +1 -0
  387. package/dist/esm/link/index.js +5 -0
  388. package/dist/esm/link/index.js.map +1 -0
  389. package/dist/esm/link/link.bench.js +11 -0
  390. package/dist/esm/link/link.bench.js.map +1 -0
  391. package/dist/esm/link/link.definition.js +15 -0
  392. package/dist/esm/link/link.definition.js.map +1 -0
  393. package/dist/esm/link/link.js +36 -0
  394. package/dist/esm/link/link.js.map +1 -0
  395. package/dist/esm/link/link.options.js +21 -0
  396. package/dist/esm/link/link.options.js.map +1 -0
  397. package/dist/esm/link/link.styles.js +73 -0
  398. package/dist/esm/link/link.styles.js.map +1 -0
  399. package/dist/esm/link/link.template.js +22 -0
  400. package/dist/esm/link/link.template.js.map +1 -0
  401. package/dist/esm/menu/index.js +1 -1
  402. package/dist/esm/menu/index.js.map +1 -1
  403. package/dist/esm/menu/menu.bench.js +31 -0
  404. package/dist/esm/menu/menu.bench.js.map +1 -0
  405. package/dist/esm/menu/menu.js +26 -29
  406. package/dist/esm/menu/menu.js.map +1 -1
  407. package/dist/esm/menu-button/index.js +3 -3
  408. package/dist/esm/menu-button/index.js.map +1 -1
  409. package/dist/esm/menu-button/menu-button.bench.js +11 -0
  410. package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
  411. package/dist/esm/menu-button/menu-button.definition.js +0 -6
  412. package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
  413. package/dist/esm/menu-button/menu-button.options.js.map +1 -1
  414. package/dist/esm/menu-button/menu-button.template.js +6 -2
  415. package/dist/esm/menu-button/menu-button.template.js.map +1 -1
  416. package/dist/esm/menu-item/index.js +4 -3
  417. package/dist/esm/menu-item/index.js.map +1 -1
  418. package/dist/esm/menu-item/menu-item.bench.js +11 -0
  419. package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
  420. package/dist/esm/menu-item/menu-item.definition.js +0 -4
  421. package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
  422. package/dist/esm/menu-item/menu-item.js +265 -4
  423. package/dist/esm/menu-item/menu-item.js.map +1 -1
  424. package/dist/esm/menu-item/menu-item.options.js +27 -0
  425. package/dist/esm/menu-item/menu-item.options.js.map +1 -0
  426. package/dist/esm/menu-item/menu-item.styles.js +1 -1
  427. package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
  428. package/dist/esm/menu-item/menu-item.template.js +57 -2
  429. package/dist/esm/menu-item/menu-item.template.js.map +1 -1
  430. package/dist/esm/menu-list/index.js +1 -1
  431. package/dist/esm/menu-list/index.js.map +1 -1
  432. package/dist/esm/menu-list/menu-list.bench.js +21 -0
  433. package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
  434. package/dist/esm/menu-list/menu-list.definition.js +0 -4
  435. package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
  436. package/dist/esm/menu-list/menu-list.js +262 -11
  437. package/dist/esm/menu-list/menu-list.js.map +1 -1
  438. package/dist/esm/menu-list/menu-list.styles.js +1 -1
  439. package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
  440. package/dist/esm/menu-list/menu-list.template.js +13 -1
  441. package/dist/esm/menu-list/menu-list.template.js.map +1 -1
  442. package/dist/esm/patterns/aria-globals.js +72 -0
  443. package/dist/esm/patterns/aria-globals.js.map +1 -0
  444. package/dist/esm/patterns/index.js +3 -0
  445. package/dist/esm/patterns/index.js.map +1 -0
  446. package/dist/esm/patterns/start-end.js +29 -0
  447. package/dist/esm/patterns/start-end.js.map +1 -0
  448. package/dist/esm/progress-bar/index.js +2 -2
  449. package/dist/esm/progress-bar/index.js.map +1 -1
  450. package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
  451. package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
  452. package/dist/esm/progress-bar/progress-bar.js +66 -13
  453. package/dist/esm/progress-bar/progress-bar.js.map +1 -1
  454. package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
  455. package/dist/esm/progress-bar/progress-bar.styles.js +49 -128
  456. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  457. package/dist/esm/progress-bar/progress-bar.template.js +11 -5
  458. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  459. package/dist/esm/radio/index.js +1 -1
  460. package/dist/esm/radio/index.js.map +1 -1
  461. package/dist/esm/radio/radio.bench.js +11 -0
  462. package/dist/esm/radio/radio.bench.js.map +1 -0
  463. package/dist/esm/radio/radio.form-associated.js +14 -0
  464. package/dist/esm/radio/radio.form-associated.js.map +1 -0
  465. package/dist/esm/radio/radio.js +91 -3
  466. package/dist/esm/radio/radio.js.map +1 -1
  467. package/dist/esm/radio/radio.styles.js +1 -1
  468. package/dist/esm/radio/radio.styles.js.map +1 -1
  469. package/dist/esm/radio/radio.template.js +28 -2
  470. package/dist/esm/radio/radio.template.js.map +1 -1
  471. package/dist/esm/radio-group/index.js +2 -2
  472. package/dist/esm/radio-group/index.js.map +1 -1
  473. package/dist/esm/radio-group/radio-group.bench.js +21 -0
  474. package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
  475. package/dist/esm/radio-group/radio-group.js +347 -9
  476. package/dist/esm/radio-group/radio-group.js.map +1 -1
  477. package/dist/esm/radio-group/radio-group.options.js +7 -0
  478. package/dist/esm/radio-group/radio-group.options.js.map +1 -0
  479. package/dist/esm/radio-group/radio-group.styles.js +1 -1
  480. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  481. package/dist/esm/radio-group/radio-group.template.js +30 -1
  482. package/dist/esm/radio-group/radio-group.template.js.map +1 -1
  483. package/dist/esm/slider/index.js +2 -2
  484. package/dist/esm/slider/index.js.map +1 -1
  485. package/dist/esm/slider/slider-utilities.js +12 -0
  486. package/dist/esm/slider/slider-utilities.js.map +1 -0
  487. package/dist/esm/slider/slider.bench.js +10 -0
  488. package/dist/esm/slider/slider.bench.js.map +1 -0
  489. package/dist/esm/slider/slider.form-associated.js +14 -0
  490. package/dist/esm/slider/slider.form-associated.js.map +1 -0
  491. package/dist/esm/slider/slider.js +433 -22
  492. package/dist/esm/slider/slider.js.map +1 -1
  493. package/dist/esm/slider/slider.options.js +11 -1
  494. package/dist/esm/slider/slider.options.js.map +1 -1
  495. package/dist/esm/slider/slider.styles.js +1 -1
  496. package/dist/esm/slider/slider.styles.js.map +1 -1
  497. package/dist/esm/slider/slider.template.js +39 -2
  498. package/dist/esm/slider/slider.template.js.map +1 -1
  499. package/dist/esm/spinner/index.js +2 -2
  500. package/dist/esm/spinner/index.js.map +1 -1
  501. package/dist/esm/spinner/spinner.bench.js +10 -0
  502. package/dist/esm/spinner/spinner.bench.js.map +1 -0
  503. package/dist/esm/spinner/spinner.definition.js +0 -4
  504. package/dist/esm/spinner/spinner.definition.js.map +1 -1
  505. package/dist/esm/spinner/spinner.js +13 -9
  506. package/dist/esm/spinner/spinner.js.map +1 -1
  507. package/dist/esm/spinner/spinner.styles.js +3 -17
  508. package/dist/esm/spinner/spinner.styles.js.map +1 -1
  509. package/dist/esm/spinner/spinner.template.js +8 -21
  510. package/dist/esm/spinner/spinner.template.js.map +1 -1
  511. package/dist/esm/styles/partials/badge.partials.js +44 -43
  512. package/dist/esm/styles/partials/badge.partials.js.map +1 -1
  513. package/dist/esm/styles/partials/index.js +1 -0
  514. package/dist/esm/styles/partials/index.js.map +1 -1
  515. package/dist/esm/styles/partials/typography.partials.js +105 -0
  516. package/dist/esm/styles/partials/typography.partials.js.map +1 -0
  517. package/dist/esm/styles/states/index.js +112 -0
  518. package/dist/esm/styles/states/index.js.map +1 -0
  519. package/dist/esm/switch/index.js +2 -2
  520. package/dist/esm/switch/index.js.map +1 -1
  521. package/dist/esm/switch/switch.bench.js +11 -0
  522. package/dist/esm/switch/switch.bench.js.map +1 -0
  523. package/dist/esm/switch/switch.form-associated.js +14 -0
  524. package/dist/esm/switch/switch.form-associated.js.map +1 -0
  525. package/dist/esm/switch/switch.js +2 -12
  526. package/dist/esm/switch/switch.js.map +1 -1
  527. package/dist/esm/switch/switch.styles.js +38 -58
  528. package/dist/esm/switch/switch.styles.js.map +1 -1
  529. package/dist/esm/switch/switch.template.js +15 -1
  530. package/dist/esm/switch/switch.template.js.map +1 -1
  531. package/dist/esm/tab/index.js +3 -3
  532. package/dist/esm/tab/index.js.map +1 -1
  533. package/dist/esm/tab/tab.bench.js +11 -0
  534. package/dist/esm/tab/tab.bench.js.map +1 -0
  535. package/dist/esm/tab/tab.js +9 -3
  536. package/dist/esm/tab/tab.js.map +1 -1
  537. package/dist/esm/tab/tab.styles.js +1 -1
  538. package/dist/esm/tab/tab.styles.js.map +1 -1
  539. package/dist/esm/tab/tab.template.js +1 -1
  540. package/dist/esm/tab/tab.template.js.map +1 -1
  541. package/dist/esm/tab-panel/index.js +1 -1
  542. package/dist/esm/tab-panel/index.js.map +1 -1
  543. package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
  544. package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
  545. package/dist/esm/tab-panel/tab-panel.js +2 -2
  546. package/dist/esm/tab-panel/tab-panel.js.map +1 -1
  547. package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
  548. package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
  549. package/dist/esm/tab-panel/tab-panel.template.js +8 -1
  550. package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
  551. package/dist/esm/tabs/index.js +4 -4
  552. package/dist/esm/tabs/index.js.map +1 -1
  553. package/dist/esm/tabs/tabs.bench.js +32 -0
  554. package/dist/esm/tabs/tabs.bench.js.map +1 -0
  555. package/dist/esm/tabs/tabs.js +292 -20
  556. package/dist/esm/tabs/tabs.js.map +1 -1
  557. package/dist/esm/tabs/tabs.options.js +6 -2
  558. package/dist/esm/tabs/tabs.options.js.map +1 -1
  559. package/dist/esm/tabs/tabs.styles.js +1 -1
  560. package/dist/esm/tabs/tabs.styles.js.map +1 -1
  561. package/dist/esm/tabs/tabs.template.js +14 -1
  562. package/dist/esm/tabs/tabs.template.js.map +1 -1
  563. package/dist/esm/text/index.js +2 -2
  564. package/dist/esm/text/index.js.map +1 -1
  565. package/dist/esm/text/text.bench.js +13 -0
  566. package/dist/esm/text/text.bench.js.map +1 -0
  567. package/dist/esm/text/text.js +1 -6
  568. package/dist/esm/text/text.js.map +1 -1
  569. package/dist/esm/text/text.styles.js +49 -25
  570. package/dist/esm/text/text.styles.js.map +1 -1
  571. package/dist/esm/text-input/index.js +4 -5
  572. package/dist/esm/text-input/index.js.map +1 -1
  573. package/dist/esm/text-input/text-input.bench.js +10 -0
  574. package/dist/esm/text-input/text-input.bench.js.map +1 -0
  575. package/dist/esm/text-input/text-input.definition.js +5 -3
  576. package/dist/esm/text-input/text-input.definition.js.map +1 -1
  577. package/dist/esm/text-input/text-input.js +398 -11
  578. package/dist/esm/text-input/text-input.js.map +1 -1
  579. package/dist/esm/text-input/text-input.options.js +35 -2
  580. package/dist/esm/text-input/text-input.options.js.map +1 -1
  581. package/dist/esm/text-input/text-input.styles.js +22 -12
  582. package/dist/esm/text-input/text-input.styles.js.map +1 -1
  583. package/dist/esm/text-input/text-input.template.js +55 -2
  584. package/dist/esm/text-input/text-input.template.js.map +1 -1
  585. package/dist/esm/theme/design-tokens.js +2181 -386
  586. package/dist/esm/theme/design-tokens.js.map +1 -1
  587. package/dist/esm/theme/set-theme.js +26 -3
  588. package/dist/esm/theme/set-theme.js.map +1 -1
  589. package/dist/esm/toggle-button/index.js +4 -4
  590. package/dist/esm/toggle-button/index.js.map +1 -1
  591. package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
  592. package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
  593. package/dist/esm/toggle-button/toggle-button.definition.js +0 -5
  594. package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
  595. package/dist/esm/toggle-button/toggle-button.js +44 -91
  596. package/dist/esm/toggle-button/toggle-button.js.map +1 -1
  597. package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
  598. package/dist/esm/toggle-button/toggle-button.styles.js +32 -26
  599. package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
  600. package/dist/esm/toggle-button/toggle-button.template.js +1 -1
  601. package/dist/esm/toggle-button/toggle-button.template.js.map +1 -1
  602. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
  603. package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
  604. package/dist/esm/utils/benchmark-dependencies/tokens.js +2 -0
  605. package/dist/esm/utils/benchmark-dependencies/tokens.js.map +1 -0
  606. package/dist/esm/utils/benchmark-wrapper.js +18 -0
  607. package/dist/esm/utils/benchmark-wrapper.js.map +1 -0
  608. package/dist/esm/utils/direction.js +15 -0
  609. package/dist/esm/utils/direction.js.map +1 -0
  610. package/dist/esm/utils/display.js +15 -0
  611. package/dist/esm/utils/display.js.map +1 -0
  612. package/dist/esm/utils/element-internals.js +32 -0
  613. package/dist/esm/utils/element-internals.js.map +1 -0
  614. package/dist/esm/utils/get-initials.js.map +1 -1
  615. package/dist/esm/utils/index.js +7 -0
  616. package/dist/esm/utils/index.js.map +1 -0
  617. package/dist/esm/utils/template-helpers.js +19 -0
  618. package/dist/esm/utils/template-helpers.js.map +1 -0
  619. package/dist/esm/utils/typings.js +3 -0
  620. package/dist/esm/utils/typings.js.map +1 -0
  621. package/dist/esm/utils/whitespace-filter.js +13 -0
  622. package/dist/esm/utils/whitespace-filter.js.map +1 -0
  623. package/dist/web-components.d.ts +6312 -1611
  624. package/dist/web-components.js +5593 -6543
  625. package/dist/web-components.min.js +398 -251
  626. package/package.json +41 -13
  627. package/dist/fluent-web-components.api.json +0 -19686
  628. package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
  629. package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
  630. package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
  631. package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
  632. package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
  633. package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
  634. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
  635. package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
  636. package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
  637. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
  638. package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
  639. package/dist/storybook/677.939f187f.iframe.bundle.js +0 -462
  640. package/dist/storybook/677.939f187f.iframe.bundle.js.LICENSE.txt +0 -46
  641. package/dist/storybook/677.939f187f.iframe.bundle.js.map +0 -1
  642. package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
  643. package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
  644. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
  645. package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
  646. package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
  647. package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
  648. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
  649. package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
  650. package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
  651. package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
  652. package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
  653. package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
  654. package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
  655. package/dist/storybook/SegoeUI-VF.ttf +0 -0
  656. package/dist/storybook/favicon.ico +0 -0
  657. package/dist/storybook/favicon.png +0 -0
  658. package/dist/storybook/iframe.html +0 -364
  659. package/dist/storybook/index.html +0 -165
  660. package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
  661. package/dist/storybook/main.b782e9fb.iframe.bundle.js +0 -2
  662. package/dist/storybook/main.b782e9fb.iframe.bundle.js.LICENSE.txt +0 -1
  663. package/dist/storybook/project.json +0 -1
  664. package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
  665. package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
  666. package/dist/storybook/shell.css +0 -83
  667. package/dist/storybook/theme-switch.ts +0 -13
  668. package/docs/api-report.md +0 -2427
  669. package/playwright.config.ts +0 -25
@@ -1,2427 +0,0 @@
1
- ## API Report File for "@fluentui/web-components"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import type { AnchorOptions as AnchorButtonOptions } from '@microsoft/fast-foundation/anchor.js';
8
- import type { ButtonOptions } from '@microsoft/fast-foundation/button.js';
9
- import { CSSDesignToken } from '@microsoft/fast-foundation/design-token.js';
10
- import { DividerOrientation } from '@microsoft/fast-foundation/divider.js';
11
- import { DividerRole } from '@microsoft/fast-foundation/divider.js';
12
- import { ElementStyles } from '@microsoft/fast-element';
13
- import { ElementViewTemplate } from '@microsoft/fast-element';
14
- import { FASTAccordion } from '@microsoft/fast-foundation/accordion.js';
15
- import { FASTAccordionItem } from '@microsoft/fast-foundation/accordion-item.js';
16
- import { FASTAnchor } from '@microsoft/fast-foundation/anchor.js';
17
- import { FASTButton } from '@microsoft/fast-foundation/button.js';
18
- import { FASTCheckbox } from '@microsoft/fast-foundation/checkbox.js';
19
- import { FASTDivider } from '@microsoft/fast-foundation/divider.js';
20
- import { FASTElement } from '@microsoft/fast-element';
21
- import { FASTElementDefinition } from '@microsoft/fast-element';
22
- import { FASTMenu } from '@microsoft/fast-foundation/menu.js';
23
- import { FASTMenuItem } from '@microsoft/fast-foundation/menu-item.js';
24
- import { FASTProgress } from '@microsoft/fast-foundation/progress.js';
25
- import { FASTProgressRing } from '@microsoft/fast-foundation/progress-ring.js';
26
- import { FASTRadio } from '@microsoft/fast-foundation/radio.js';
27
- import { FASTRadioGroup } from '@microsoft/fast-foundation/radio-group.js';
28
- import { FASTSlider } from '@microsoft/fast-foundation/slider.js';
29
- import { FASTSwitch } from '@microsoft/fast-foundation/switch.js';
30
- import { FASTTab } from '@microsoft/fast-foundation/tab.js';
31
- import { FASTTabPanel } from '@microsoft/fast-foundation/tab-panel.js';
32
- import { FASTTabs } from '@microsoft/fast-foundation/tabs.js';
33
- import { FASTTextField } from '@microsoft/fast-foundation/text-field.js';
34
- import { MenuItemRole } from '@microsoft/fast-foundation/menu-item.js';
35
- import { RadioGroupOrientation } from '@microsoft/fast-foundation/radio-group.js';
36
- import { SliderOrientation } from '@microsoft/fast-foundation/slider.js';
37
- import { StartEnd } from '@microsoft/fast-foundation/patterns.js';
38
- import { StartEndOptions } from '@microsoft/fast-foundation/patterns.js';
39
- import type { StaticallyComposableHTML } from '@microsoft/fast-foundation/utilities.js';
40
- import { TabsOrientation } from '@microsoft/fast-foundation/tabs.js';
41
- import { TextFieldType as TextInputType } from '@microsoft/fast-foundation/text-field.js';
42
- import type { Theme } from '@fluentui/tokens';
43
- import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js';
44
-
45
- // @public
46
- export class Accordion extends FASTAccordion {
47
- }
48
-
49
- // @public
50
- export const accordionDefinition: FASTElementDefinition<typeof Accordion>;
51
-
52
- // Warning: (ae-internal-missing-underscore) The name "AccordionItem" should be prefixed with an underscore because the declaration is marked as @internal
53
- //
54
- // @internal (undocumented)
55
- export class AccordionItem extends FASTAccordionItem {
56
- // @public
57
- block: boolean;
58
- // @public
59
- expandIconPosition?: AccordionItemExpandIconPosition;
60
- // @public
61
- size?: AccordionItemSize;
62
- }
63
-
64
- // Warning: (ae-incompatible-release-tags) The symbol "definition" is marked as @public, but its signature references "AccordionItem" which is marked as @internal
65
- //
66
- // @public
67
- export const accordionItemDefinition: FASTElementDefinition<typeof AccordionItem>;
68
-
69
- // @public
70
- export const AccordionItemExpandIconPosition: {
71
- readonly start: "start";
72
- readonly end: "end";
73
- };
74
-
75
- // @public
76
- export type AccordionItemExpandIconPosition = ValuesOf<typeof AccordionItemExpandIconPosition>;
77
-
78
- // @public
79
- export const AccordionItemSize: {
80
- readonly small: "small";
81
- readonly medium: "medium";
82
- readonly large: "large";
83
- readonly extraLarge: "extra-large";
84
- };
85
-
86
- // @public
87
- export type AccordionItemSize = ValuesOf<typeof AccordionItemSize>;
88
-
89
- // @public (undocumented)
90
- export const accordionItemStyles: ElementStyles;
91
-
92
- // Warning: (ae-incompatible-release-tags) The symbol "template" is marked as @public, but its signature references "AccordionItem" which is marked as @internal
93
- //
94
- // @public
95
- export const accordionItemTemplate: ElementViewTemplate<AccordionItem>;
96
-
97
- // @public (undocumented)
98
- export const accordionStyles: ElementStyles;
99
-
100
- // @public (undocumented)
101
- export const accordionTemplate: ElementViewTemplate<Accordion>;
102
-
103
- // @public
104
- export class AnchorButton extends FASTAnchor {
105
- appearance?: AnchorButtonAppearance | undefined;
106
- // (undocumented)
107
- connectedCallback(): void;
108
- disabled?: boolean;
109
- // (undocumented)
110
- protected disabledChanged(prev: boolean, next: boolean): void;
111
- disabledFocusable?: boolean;
112
- // (undocumented)
113
- protected disabledFocusableChanged(prev: boolean, next: boolean): void;
114
- // (undocumented)
115
- disconnectedCallback(): void;
116
- iconOnly: boolean;
117
- shape?: AnchorButtonShape | undefined;
118
- size?: AnchorButtonSize;
119
- }
120
-
121
- // @public
122
- export const AnchorButtonAppearance: {
123
- readonly primary: "primary";
124
- readonly outline: "outline";
125
- readonly subtle: "subtle";
126
- readonly secondary: "secondary";
127
- readonly transparent: "transparent";
128
- };
129
-
130
- // @public
131
- export type AnchorButtonAppearance = ValuesOf<typeof AnchorButtonAppearance>;
132
-
133
- // @public
134
- export const AnchorButtonDefinition: FASTElementDefinition<typeof AnchorButton>;
135
-
136
- export { AnchorButtonOptions }
137
-
138
- // @public
139
- export const AnchorButtonShape: {
140
- readonly circular: "circular";
141
- readonly rounded: "rounded";
142
- readonly square: "square";
143
- };
144
-
145
- // @public
146
- export type AnchorButtonShape = ValuesOf<typeof AnchorButtonShape>;
147
-
148
- // @public
149
- export const AnchorButtonSize: {
150
- readonly small: "small";
151
- readonly medium: "medium";
152
- readonly large: "large";
153
- };
154
-
155
- // @public
156
- export type AnchorButtonSize = ValuesOf<typeof AnchorButtonSize>;
157
-
158
- // @public
159
- export const AnchorButtonTemplate: ElementViewTemplate<AnchorButton>;
160
-
161
- // @public
162
- export class Avatar extends FASTElement {
163
- active?: AvatarActive | undefined;
164
- appearance?: AvatarAppearance | undefined;
165
- color?: AvatarColor;
166
- colorId?: AvatarNamedColor | undefined;
167
- static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
168
- // @internal
169
- generateColor(): AvatarColor | void;
170
- // @internal
171
- generateInitials(): string | void;
172
- initials?: string | undefined;
173
- name?: string | undefined;
174
- shape?: AvatarShape | undefined;
175
- size?: AvatarSize | undefined;
176
- }
177
-
178
- // @public
179
- export const AvatarActive: {
180
- readonly active: "active";
181
- readonly inactive: "inactive";
182
- };
183
-
184
- // @public
185
- export type AvatarActive = ValuesOf<typeof AvatarActive>;
186
-
187
- // @public
188
- export const AvatarAppearance: {
189
- readonly ring: "ring";
190
- readonly shadow: "shadow";
191
- readonly ringShadow: "ring-shadow";
192
- };
193
-
194
- // @public
195
- export type AvatarAppearance = ValuesOf<typeof AvatarAppearance>;
196
-
197
- // @public
198
- export const AvatarColor: {
199
- readonly darkRed: "dark-red";
200
- readonly cranberry: "cranberry";
201
- readonly red: "red";
202
- readonly pumpkin: "pumpkin";
203
- readonly peach: "peach";
204
- readonly marigold: "marigold";
205
- readonly gold: "gold";
206
- readonly brass: "brass";
207
- readonly brown: "brown";
208
- readonly forest: "forest";
209
- readonly seafoam: "seafoam";
210
- readonly darkGreen: "dark-green";
211
- readonly lightTeal: "light-teal";
212
- readonly teal: "teal";
213
- readonly steel: "steel";
214
- readonly blue: "blue";
215
- readonly royalBlue: "royal-blue";
216
- readonly cornflower: "cornflower";
217
- readonly navy: "navy";
218
- readonly lavender: "lavender";
219
- readonly purple: "purple";
220
- readonly grape: "grape";
221
- readonly lilac: "lilac";
222
- readonly pink: "pink";
223
- readonly magenta: "magenta";
224
- readonly plum: "plum";
225
- readonly beige: "beige";
226
- readonly mink: "mink";
227
- readonly platinum: "platinum";
228
- readonly anchor: "anchor";
229
- readonly neutral: "neutral";
230
- readonly brand: "brand";
231
- readonly colorful: "colorful";
232
- };
233
-
234
- // @public
235
- export type AvatarColor = ValuesOf<typeof AvatarColor>;
236
-
237
- // @public
238
- export const AvatarDefinition: FASTElementDefinition<typeof Avatar>;
239
-
240
- // @public
241
- export const AvatarNamedColor: {
242
- readonly darkRed: "dark-red";
243
- readonly cranberry: "cranberry";
244
- readonly red: "red";
245
- readonly pumpkin: "pumpkin";
246
- readonly peach: "peach";
247
- readonly marigold: "marigold";
248
- readonly gold: "gold";
249
- readonly brass: "brass";
250
- readonly brown: "brown";
251
- readonly forest: "forest";
252
- readonly seafoam: "seafoam";
253
- readonly darkGreen: "dark-green";
254
- readonly lightTeal: "light-teal";
255
- readonly teal: "teal";
256
- readonly steel: "steel";
257
- readonly blue: "blue";
258
- readonly royalBlue: "royal-blue";
259
- readonly cornflower: "cornflower";
260
- readonly navy: "navy";
261
- readonly lavender: "lavender";
262
- readonly purple: "purple";
263
- readonly grape: "grape";
264
- readonly lilac: "lilac";
265
- readonly pink: "pink";
266
- readonly magenta: "magenta";
267
- readonly plum: "plum";
268
- readonly beige: "beige";
269
- readonly mink: "mink";
270
- readonly platinum: "platinum";
271
- readonly anchor: "anchor";
272
- };
273
-
274
- // @public
275
- export type AvatarNamedColor = ValuesOf<typeof AvatarNamedColor>;
276
-
277
- // @public
278
- export const AvatarShape: {
279
- readonly circular: "circular";
280
- readonly square: "square";
281
- };
282
-
283
- // @public
284
- export type AvatarShape = ValuesOf<typeof AvatarShape>;
285
-
286
- // @public
287
- export const AvatarSize: {
288
- readonly _16: 16;
289
- readonly _20: 20;
290
- readonly _24: 24;
291
- readonly _28: 28;
292
- readonly _32: 32;
293
- readonly _36: 36;
294
- readonly _40: 40;
295
- readonly _48: 48;
296
- readonly _56: 56;
297
- readonly _64: 64;
298
- readonly _72: 72;
299
- readonly _96: 96;
300
- readonly _120: 120;
301
- readonly _128: 128;
302
- };
303
-
304
- // @public
305
- export type AvatarSize = ValuesOf<typeof AvatarSize>;
306
-
307
- // @public
308
- export const AvatarStyles: ElementStyles;
309
-
310
- // @public (undocumented)
311
- export const AvatarTemplate: ElementViewTemplate<Avatar>;
312
-
313
- // Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "Badge" because one of its declarations is marked as @internal
314
- //
315
- // @public
316
- export class Badge extends FASTElement {
317
- appearance: BadgeAppearance;
318
- color: BadgeColor;
319
- shape?: BadgeShape;
320
- size?: BadgeSize;
321
- }
322
-
323
- // @internal
324
- export interface Badge extends StartEnd {
325
- }
326
-
327
- // @public
328
- export const BadgeAppearance: {
329
- readonly filled: "filled";
330
- readonly ghost: "ghost";
331
- readonly outline: "outline";
332
- readonly tint: "tint";
333
- };
334
-
335
- // @public
336
- export type BadgeAppearance = ValuesOf<typeof BadgeAppearance>;
337
-
338
- // @public
339
- export const BadgeColor: {
340
- readonly brand: "brand";
341
- readonly danger: "danger";
342
- readonly important: "important";
343
- readonly informative: "informative";
344
- readonly severe: "severe";
345
- readonly subtle: "subtle";
346
- readonly success: "success";
347
- readonly warning: "warning";
348
- };
349
-
350
- // @public
351
- export type BadgeColor = ValuesOf<typeof BadgeColor>;
352
-
353
- // @public
354
- export const BadgeDefinition: FASTElementDefinition<typeof Badge>;
355
-
356
- // Warning: (ae-internal-missing-underscore) The name "BadgeOptions" should be prefixed with an underscore because the declaration is marked as @internal
357
- //
358
- // @internal
359
- export type BadgeOptions = StartEndOptions<Badge> & {
360
- defaultContent?: StaticallyComposableHTML;
361
- };
362
-
363
- // @public
364
- export const BadgeShape: {
365
- readonly circular: "circular";
366
- readonly rounded: "rounded";
367
- readonly square: "square";
368
- };
369
-
370
- // @public
371
- export type BadgeShape = ValuesOf<typeof BadgeShape>;
372
-
373
- // @public
374
- export const BadgeSize: {
375
- readonly tiny: "tiny";
376
- readonly extraSmall: "extra-small";
377
- readonly small: "small";
378
- readonly medium: "medium";
379
- readonly large: "large";
380
- readonly extraLarge: "extra-large";
381
- };
382
-
383
- // @public
384
- export type BadgeSize = ValuesOf<typeof BadgeSize>;
385
-
386
- // @public
387
- export const BadgeStyles: ElementStyles;
388
-
389
- // @public (undocumented)
390
- export const BadgeTemplate: ElementViewTemplate<Badge>;
391
-
392
- // @public (undocumented)
393
- export const borderRadiusCircular: CSSDesignToken<string>;
394
-
395
- // @public (undocumented)
396
- export const borderRadiusLarge: CSSDesignToken<string>;
397
-
398
- // @public (undocumented)
399
- export const borderRadiusMedium: CSSDesignToken<string>;
400
-
401
- // @public (undocumented)
402
- export const borderRadiusNone: CSSDesignToken<string>;
403
-
404
- // @public (undocumented)
405
- export const borderRadiusSmall: CSSDesignToken<string>;
406
-
407
- // @public (undocumented)
408
- export const borderRadiusXLarge: CSSDesignToken<string>;
409
-
410
- // @public
411
- export class Button extends FASTButton {
412
- appearance?: ButtonAppearance | undefined;
413
- // (undocumented)
414
- connectedCallback(): void;
415
- disabledFocusable?: boolean;
416
- // (undocumented)
417
- protected disabledFocusableChanged(prev: boolean, next: boolean): void;
418
- // (undocumented)
419
- disconnectedCallback(): void;
420
- iconOnly: boolean;
421
- shape?: ButtonShape | undefined;
422
- size?: ButtonSize;
423
- }
424
-
425
- // @public
426
- export const ButtonAppearance: {
427
- readonly primary: "primary";
428
- readonly outline: "outline";
429
- readonly subtle: "subtle";
430
- readonly secondary: "secondary";
431
- readonly transparent: "transparent";
432
- };
433
-
434
- // @public
435
- export type ButtonAppearance = ValuesOf<typeof ButtonAppearance>;
436
-
437
- // @public
438
- export const ButtonDefinition: FASTElementDefinition<typeof Button>;
439
-
440
- export { ButtonOptions }
441
- export { ButtonOptions as CompoundButtonOptions }
442
- export { ButtonOptions as MenuButtonOptions }
443
- export { ButtonOptions as ToggleButtonOptions }
444
-
445
- // @public
446
- export const ButtonShape: {
447
- readonly circular: "circular";
448
- readonly rounded: "rounded";
449
- readonly square: "square";
450
- };
451
-
452
- // @public
453
- export type ButtonShape = ValuesOf<typeof ButtonShape>;
454
-
455
- // @public
456
- export const ButtonSize: {
457
- readonly small: "small";
458
- readonly medium: "medium";
459
- readonly large: "large";
460
- };
461
-
462
- // @public
463
- export type ButtonSize = ValuesOf<typeof ButtonSize>;
464
-
465
- // @public
466
- export const ButtonTemplate: ElementViewTemplate<Button>;
467
-
468
- // @public
469
- export class Checkbox extends FASTCheckbox {
470
- labelPosition?: CheckboxLabelPosition;
471
- shape?: CheckboxShape;
472
- size?: CheckboxSize;
473
- }
474
-
475
- // @public
476
- export const CheckboxDefinition: FASTElementDefinition<typeof Checkbox>;
477
-
478
- // @public
479
- export const CheckboxLabelPosition: {
480
- readonly before: "before";
481
- readonly after: "after";
482
- };
483
-
484
- // @public (undocumented)
485
- export type CheckboxLabelPosition = ValuesOf<typeof CheckboxLabelPosition>;
486
-
487
- // @public
488
- export const CheckboxShape: {
489
- readonly circular: "circular";
490
- readonly square: "square";
491
- };
492
-
493
- // @public (undocumented)
494
- export type CheckboxShape = ValuesOf<typeof CheckboxShape>;
495
-
496
- // @public
497
- export const CheckboxSize: {
498
- readonly medium: "medium";
499
- readonly large: "large";
500
- };
501
-
502
- // @public (undocumented)
503
- export type CheckboxSize = ValuesOf<typeof CheckboxSize>;
504
-
505
- // @public
506
- export const CheckboxStyles: ElementStyles;
507
-
508
- // @public
509
- export const CheckboxTemplate: ElementViewTemplate<Checkbox>;
510
-
511
- // @public (undocumented)
512
- export const colorBackgroundOverlay: CSSDesignToken<string>;
513
-
514
- // @public (undocumented)
515
- export const colorBrandBackground: CSSDesignToken<string>;
516
-
517
- // @public (undocumented)
518
- export const colorBrandBackground2: CSSDesignToken<string>;
519
-
520
- // @public (undocumented)
521
- export const colorBrandBackgroundHover: CSSDesignToken<string>;
522
-
523
- // @public (undocumented)
524
- export const colorBrandBackgroundInverted: CSSDesignToken<string>;
525
-
526
- // @public (undocumented)
527
- export const colorBrandBackgroundInvertedHover: CSSDesignToken<string>;
528
-
529
- // @public (undocumented)
530
- export const colorBrandBackgroundInvertedPressed: CSSDesignToken<string>;
531
-
532
- // @public (undocumented)
533
- export const colorBrandBackgroundInvertedSelected: CSSDesignToken<string>;
534
-
535
- // @public (undocumented)
536
- export const colorBrandBackgroundPressed: CSSDesignToken<string>;
537
-
538
- // @public (undocumented)
539
- export const colorBrandBackgroundSelected: CSSDesignToken<string>;
540
-
541
- // @public (undocumented)
542
- export const colorBrandBackgroundStatic: CSSDesignToken<string>;
543
-
544
- // @public (undocumented)
545
- export const colorBrandForeground1: CSSDesignToken<string>;
546
-
547
- // @public (undocumented)
548
- export const colorBrandForeground2: CSSDesignToken<string>;
549
-
550
- // @public (undocumented)
551
- export const colorBrandForegroundInverted: CSSDesignToken<string>;
552
-
553
- // @public (undocumented)
554
- export const colorBrandForegroundInvertedHover: CSSDesignToken<string>;
555
-
556
- // @public (undocumented)
557
- export const colorBrandForegroundInvertedPressed: CSSDesignToken<string>;
558
-
559
- // @public (undocumented)
560
- export const colorBrandForegroundLink: CSSDesignToken<string>;
561
-
562
- // @public (undocumented)
563
- export const colorBrandForegroundLinkHover: CSSDesignToken<string>;
564
-
565
- // @public (undocumented)
566
- export const colorBrandForegroundLinkPressed: CSSDesignToken<string>;
567
-
568
- // @public (undocumented)
569
- export const colorBrandForegroundLinkSelected: CSSDesignToken<string>;
570
-
571
- // @public (undocumented)
572
- export const colorBrandForegroundOnLight: CSSDesignToken<string>;
573
-
574
- // @public (undocumented)
575
- export const colorBrandForegroundOnLightHover: CSSDesignToken<string>;
576
-
577
- // @public (undocumented)
578
- export const colorBrandForegroundOnLightPressed: CSSDesignToken<string>;
579
-
580
- // @public (undocumented)
581
- export const colorBrandForegroundOnLightSelected: CSSDesignToken<string>;
582
-
583
- // @public (undocumented)
584
- export const colorBrandShadowAmbient: CSSDesignToken<string>;
585
-
586
- // @public (undocumented)
587
- export const colorBrandShadowKey: CSSDesignToken<string>;
588
-
589
- // @public (undocumented)
590
- export const colorBrandStroke1: CSSDesignToken<string>;
591
-
592
- // @public (undocumented)
593
- export const colorBrandStroke2: CSSDesignToken<string>;
594
-
595
- // @public (undocumented)
596
- export const colorCompoundBrandBackground: CSSDesignToken<string>;
597
-
598
- // @public (undocumented)
599
- export const colorCompoundBrandBackgroundHover: CSSDesignToken<string>;
600
-
601
- // @public (undocumented)
602
- export const colorCompoundBrandBackgroundPressed: CSSDesignToken<string>;
603
-
604
- // @public (undocumented)
605
- export const colorCompoundBrandForeground1: CSSDesignToken<string>;
606
-
607
- // @public (undocumented)
608
- export const colorCompoundBrandForeground1Hover: CSSDesignToken<string>;
609
-
610
- // @public (undocumented)
611
- export const colorCompoundBrandForeground1Pressed: CSSDesignToken<string>;
612
-
613
- // @public (undocumented)
614
- export const colorCompoundBrandStroke: CSSDesignToken<string>;
615
-
616
- // @public (undocumented)
617
- export const colorCompoundBrandStrokeHover: CSSDesignToken<string>;
618
-
619
- // @public (undocumented)
620
- export const colorCompoundBrandStrokePressed: CSSDesignToken<string>;
621
-
622
- // @public (undocumented)
623
- export const colorNeutralBackground1: CSSDesignToken<string>;
624
-
625
- // @public (undocumented)
626
- export const colorNeutralBackground1Hover: CSSDesignToken<string>;
627
-
628
- // @public (undocumented)
629
- export const colorNeutralBackground1Pressed: CSSDesignToken<string>;
630
-
631
- // @public (undocumented)
632
- export const colorNeutralBackground1Selected: CSSDesignToken<string>;
633
-
634
- // @public (undocumented)
635
- export const colorNeutralBackground2: CSSDesignToken<string>;
636
-
637
- // @public (undocumented)
638
- export const colorNeutralBackground2Hover: CSSDesignToken<string>;
639
-
640
- // @public (undocumented)
641
- export const colorNeutralBackground2Pressed: CSSDesignToken<string>;
642
-
643
- // @public (undocumented)
644
- export const colorNeutralBackground2Selected: CSSDesignToken<string>;
645
-
646
- // @public (undocumented)
647
- export const colorNeutralBackground3: CSSDesignToken<string>;
648
-
649
- // @public (undocumented)
650
- export const colorNeutralBackground3Hover: CSSDesignToken<string>;
651
-
652
- // @public (undocumented)
653
- export const colorNeutralBackground3Pressed: CSSDesignToken<string>;
654
-
655
- // @public (undocumented)
656
- export const colorNeutralBackground3Selected: CSSDesignToken<string>;
657
-
658
- // @public (undocumented)
659
- export const colorNeutralBackground4: CSSDesignToken<string>;
660
-
661
- // @public (undocumented)
662
- export const colorNeutralBackground4Hover: CSSDesignToken<string>;
663
-
664
- // @public (undocumented)
665
- export const colorNeutralBackground4Pressed: CSSDesignToken<string>;
666
-
667
- // @public (undocumented)
668
- export const colorNeutralBackground4Selected: CSSDesignToken<string>;
669
-
670
- // @public (undocumented)
671
- export const colorNeutralBackground5: CSSDesignToken<string>;
672
-
673
- // @public (undocumented)
674
- export const colorNeutralBackground5Hover: CSSDesignToken<string>;
675
-
676
- // @public (undocumented)
677
- export const colorNeutralBackground5Pressed: CSSDesignToken<string>;
678
-
679
- // @public (undocumented)
680
- export const colorNeutralBackground5Selected: CSSDesignToken<string>;
681
-
682
- // @public (undocumented)
683
- export const colorNeutralBackground6: CSSDesignToken<string>;
684
-
685
- // @public (undocumented)
686
- export const colorNeutralBackgroundDisabled: CSSDesignToken<string>;
687
-
688
- // @public (undocumented)
689
- export const colorNeutralBackgroundInverted: CSSDesignToken<string>;
690
-
691
- // @public (undocumented)
692
- export const colorNeutralBackgroundInvertedDisabled: CSSDesignToken<string>;
693
-
694
- // @public (undocumented)
695
- export const colorNeutralBackgroundStatic: CSSDesignToken<string>;
696
-
697
- // @public (undocumented)
698
- export const colorNeutralForeground1: CSSDesignToken<string>;
699
-
700
- // @public (undocumented)
701
- export const colorNeutralForeground1Hover: CSSDesignToken<string>;
702
-
703
- // @public (undocumented)
704
- export const colorNeutralForeground1Pressed: CSSDesignToken<string>;
705
-
706
- // @public (undocumented)
707
- export const colorNeutralForeground1Selected: CSSDesignToken<string>;
708
-
709
- // @public (undocumented)
710
- export const colorNeutralForeground1Static: CSSDesignToken<string>;
711
-
712
- // @public (undocumented)
713
- export const colorNeutralForeground2: CSSDesignToken<string>;
714
-
715
- // @public (undocumented)
716
- export const colorNeutralForeground2BrandHover: CSSDesignToken<string>;
717
-
718
- // @public (undocumented)
719
- export const colorNeutralForeground2BrandPressed: CSSDesignToken<string>;
720
-
721
- // @public (undocumented)
722
- export const colorNeutralForeground2BrandSelected: CSSDesignToken<string>;
723
-
724
- // @public (undocumented)
725
- export const colorNeutralForeground2Hover: CSSDesignToken<string>;
726
-
727
- // @public (undocumented)
728
- export const colorNeutralForeground2Link: CSSDesignToken<string>;
729
-
730
- // @public (undocumented)
731
- export const colorNeutralForeground2LinkHover: CSSDesignToken<string>;
732
-
733
- // @public (undocumented)
734
- export const colorNeutralForeground2LinkPressed: CSSDesignToken<string>;
735
-
736
- // @public (undocumented)
737
- export const colorNeutralForeground2LinkSelected: CSSDesignToken<string>;
738
-
739
- // @public (undocumented)
740
- export const colorNeutralForeground2Pressed: CSSDesignToken<string>;
741
-
742
- // @public (undocumented)
743
- export const colorNeutralForeground2Selected: CSSDesignToken<string>;
744
-
745
- // @public (undocumented)
746
- export const colorNeutralForeground3: CSSDesignToken<string>;
747
-
748
- // @public (undocumented)
749
- export const colorNeutralForeground3BrandHover: CSSDesignToken<string>;
750
-
751
- // @public (undocumented)
752
- export const colorNeutralForeground3BrandPressed: CSSDesignToken<string>;
753
-
754
- // @public (undocumented)
755
- export const colorNeutralForeground3BrandSelected: CSSDesignToken<string>;
756
-
757
- // @public (undocumented)
758
- export const colorNeutralForeground3Hover: CSSDesignToken<string>;
759
-
760
- // @public (undocumented)
761
- export const colorNeutralForeground3Pressed: CSSDesignToken<string>;
762
-
763
- // @public (undocumented)
764
- export const colorNeutralForeground3Selected: CSSDesignToken<string>;
765
-
766
- // @public (undocumented)
767
- export const colorNeutralForeground4: CSSDesignToken<string>;
768
-
769
- // @public (undocumented)
770
- export const colorNeutralForegroundDisabled: CSSDesignToken<string>;
771
-
772
- // @public (undocumented)
773
- export const colorNeutralForegroundInverted: CSSDesignToken<string>;
774
-
775
- // @public (undocumented)
776
- export const colorNeutralForegroundInverted2: CSSDesignToken<string>;
777
-
778
- // @public (undocumented)
779
- export const colorNeutralForegroundInvertedDisabled: CSSDesignToken<string>;
780
-
781
- // @public (undocumented)
782
- export const colorNeutralForegroundInvertedHover: CSSDesignToken<string>;
783
-
784
- // @public (undocumented)
785
- export const colorNeutralForegroundInvertedLink: CSSDesignToken<string>;
786
-
787
- // @public (undocumented)
788
- export const colorNeutralForegroundInvertedLinkHover: CSSDesignToken<string>;
789
-
790
- // @public (undocumented)
791
- export const colorNeutralForegroundInvertedLinkPressed: CSSDesignToken<string>;
792
-
793
- // @public (undocumented)
794
- export const colorNeutralForegroundInvertedLinkSelected: CSSDesignToken<string>;
795
-
796
- // @public (undocumented)
797
- export const colorNeutralForegroundInvertedPressed: CSSDesignToken<string>;
798
-
799
- // @public (undocumented)
800
- export const colorNeutralForegroundInvertedSelected: CSSDesignToken<string>;
801
-
802
- // @public (undocumented)
803
- export const colorNeutralForegroundOnBrand: CSSDesignToken<string>;
804
-
805
- // @public (undocumented)
806
- export const colorNeutralForegroundStaticInverted: CSSDesignToken<string>;
807
-
808
- // @public (undocumented)
809
- export const colorNeutralShadowAmbient: CSSDesignToken<string>;
810
-
811
- // @public (undocumented)
812
- export const colorNeutralShadowAmbientDarker: CSSDesignToken<string>;
813
-
814
- // @public (undocumented)
815
- export const colorNeutralShadowAmbientLighter: CSSDesignToken<string>;
816
-
817
- // @public (undocumented)
818
- export const colorNeutralShadowKey: CSSDesignToken<string>;
819
-
820
- // @public (undocumented)
821
- export const colorNeutralShadowKeyDarker: CSSDesignToken<string>;
822
-
823
- // @public (undocumented)
824
- export const colorNeutralShadowKeyLighter: CSSDesignToken<string>;
825
-
826
- // @public (undocumented)
827
- export const colorNeutralStencil1: CSSDesignToken<string>;
828
-
829
- // @public (undocumented)
830
- export const colorNeutralStencil1Alpha: CSSDesignToken<string>;
831
-
832
- // @public (undocumented)
833
- export const colorNeutralStencil2: CSSDesignToken<string>;
834
-
835
- // @public (undocumented)
836
- export const colorNeutralStencil2Alpha: CSSDesignToken<string>;
837
-
838
- // @public (undocumented)
839
- export const colorNeutralStroke1: CSSDesignToken<string>;
840
-
841
- // @public (undocumented)
842
- export const colorNeutralStroke1Hover: CSSDesignToken<string>;
843
-
844
- // @public (undocumented)
845
- export const colorNeutralStroke1Pressed: CSSDesignToken<string>;
846
-
847
- // @public (undocumented)
848
- export const colorNeutralStroke1Selected: CSSDesignToken<string>;
849
-
850
- // @public (undocumented)
851
- export const colorNeutralStroke2: CSSDesignToken<string>;
852
-
853
- // @public (undocumented)
854
- export const colorNeutralStroke3: CSSDesignToken<string>;
855
-
856
- // @public (undocumented)
857
- export const colorNeutralStrokeAccessible: CSSDesignToken<string>;
858
-
859
- // @public (undocumented)
860
- export const colorNeutralStrokeAccessibleHover: CSSDesignToken<string>;
861
-
862
- // @public (undocumented)
863
- export const colorNeutralStrokeAccessiblePressed: CSSDesignToken<string>;
864
-
865
- // @public (undocumented)
866
- export const colorNeutralStrokeAccessibleSelected: CSSDesignToken<string>;
867
-
868
- // @public (undocumented)
869
- export const colorNeutralStrokeDisabled: CSSDesignToken<string>;
870
-
871
- // @public (undocumented)
872
- export const colorNeutralStrokeInvertedDisabled: CSSDesignToken<string>;
873
-
874
- // @public (undocumented)
875
- export const colorNeutralStrokeOnBrand: CSSDesignToken<string>;
876
-
877
- // @public (undocumented)
878
- export const colorNeutralStrokeOnBrand2: CSSDesignToken<string>;
879
-
880
- // @public (undocumented)
881
- export const colorNeutralStrokeOnBrand2Hover: CSSDesignToken<string>;
882
-
883
- // @public (undocumented)
884
- export const colorNeutralStrokeOnBrand2Pressed: CSSDesignToken<string>;
885
-
886
- // @public (undocumented)
887
- export const colorNeutralStrokeOnBrand2Selected: CSSDesignToken<string>;
888
-
889
- // @public (undocumented)
890
- export const colorPaletteAnchorBackground2: CSSDesignToken<string>;
891
-
892
- // @public (undocumented)
893
- export const colorPaletteAnchorBorderActive: CSSDesignToken<string>;
894
-
895
- // @public (undocumented)
896
- export const colorPaletteAnchorForeground2: CSSDesignToken<string>;
897
-
898
- // @public (undocumented)
899
- export const colorPaletteBeigeBackground2: CSSDesignToken<string>;
900
-
901
- // @public (undocumented)
902
- export const colorPaletteBeigeBorderActive: CSSDesignToken<string>;
903
-
904
- // @public (undocumented)
905
- export const colorPaletteBeigeForeground2: CSSDesignToken<string>;
906
-
907
- // @public (undocumented)
908
- export const colorPaletteBerryBackground1: CSSDesignToken<string>;
909
-
910
- // @public (undocumented)
911
- export const colorPaletteBerryBackground2: CSSDesignToken<string>;
912
-
913
- // @public (undocumented)
914
- export const colorPaletteBerryBackground3: CSSDesignToken<string>;
915
-
916
- // @public (undocumented)
917
- export const colorPaletteBerryBorder1: CSSDesignToken<string>;
918
-
919
- // @public (undocumented)
920
- export const colorPaletteBerryBorder2: CSSDesignToken<string>;
921
-
922
- // @public (undocumented)
923
- export const colorPaletteBerryBorderActive: CSSDesignToken<string>;
924
-
925
- // @public (undocumented)
926
- export const colorPaletteBerryForeground1: CSSDesignToken<string>;
927
-
928
- // @public (undocumented)
929
- export const colorPaletteBerryForeground2: CSSDesignToken<string>;
930
-
931
- // @public (undocumented)
932
- export const colorPaletteBerryForeground3: CSSDesignToken<string>;
933
-
934
- // @public (undocumented)
935
- export const colorPaletteBlueBackground2: CSSDesignToken<string>;
936
-
937
- // @public (undocumented)
938
- export const colorPaletteBlueBorderActive: CSSDesignToken<string>;
939
-
940
- // @public (undocumented)
941
- export const colorPaletteBlueForeground2: CSSDesignToken<string>;
942
-
943
- // @public (undocumented)
944
- export const colorPaletteBrassBackground2: CSSDesignToken<string>;
945
-
946
- // @public (undocumented)
947
- export const colorPaletteBrassBorderActive: CSSDesignToken<string>;
948
-
949
- // @public (undocumented)
950
- export const colorPaletteBrassForeground2: CSSDesignToken<string>;
951
-
952
- // @public (undocumented)
953
- export const colorPaletteBrownBackground2: CSSDesignToken<string>;
954
-
955
- // @public (undocumented)
956
- export const colorPaletteBrownBorderActive: CSSDesignToken<string>;
957
-
958
- // @public (undocumented)
959
- export const colorPaletteBrownForeground2: CSSDesignToken<string>;
960
-
961
- // @public (undocumented)
962
- export const colorPaletteCornflowerBackground2: CSSDesignToken<string>;
963
-
964
- // @public (undocumented)
965
- export const colorPaletteCornflowerBorderActive: CSSDesignToken<string>;
966
-
967
- // @public (undocumented)
968
- export const colorPaletteCornflowerForeground2: CSSDesignToken<string>;
969
-
970
- // @public (undocumented)
971
- export const colorPaletteCranberryBackground2: CSSDesignToken<string>;
972
-
973
- // @public (undocumented)
974
- export const colorPaletteCranberryBorderActive: CSSDesignToken<string>;
975
-
976
- // @public (undocumented)
977
- export const colorPaletteCranberryForeground2: CSSDesignToken<string>;
978
-
979
- // @public (undocumented)
980
- export const colorPaletteDarkGreenBackground2: CSSDesignToken<string>;
981
-
982
- // @public (undocumented)
983
- export const colorPaletteDarkGreenBorderActive: CSSDesignToken<string>;
984
-
985
- // @public (undocumented)
986
- export const colorPaletteDarkGreenForeground2: CSSDesignToken<string>;
987
-
988
- // @public (undocumented)
989
- export const colorPaletteDarkOrangeBackground1: CSSDesignToken<string>;
990
-
991
- // @public (undocumented)
992
- export const colorPaletteDarkOrangeBackground2: CSSDesignToken<string>;
993
-
994
- // @public (undocumented)
995
- export const colorPaletteDarkOrangeBackground3: CSSDesignToken<string>;
996
-
997
- // @public (undocumented)
998
- export const colorPaletteDarkOrangeBorder1: CSSDesignToken<string>;
999
-
1000
- // @public (undocumented)
1001
- export const colorPaletteDarkOrangeBorder2: CSSDesignToken<string>;
1002
-
1003
- // @public (undocumented)
1004
- export const colorPaletteDarkOrangeBorderActive: CSSDesignToken<string>;
1005
-
1006
- // @public (undocumented)
1007
- export const colorPaletteDarkOrangeForeground1: CSSDesignToken<string>;
1008
-
1009
- // @public (undocumented)
1010
- export const colorPaletteDarkOrangeForeground2: CSSDesignToken<string>;
1011
-
1012
- // @public (undocumented)
1013
- export const colorPaletteDarkOrangeForeground3: CSSDesignToken<string>;
1014
-
1015
- // @public (undocumented)
1016
- export const colorPaletteDarkRedBackground2: CSSDesignToken<string>;
1017
-
1018
- // @public (undocumented)
1019
- export const colorPaletteDarkRedBorderActive: CSSDesignToken<string>;
1020
-
1021
- // @public (undocumented)
1022
- export const colorPaletteDarkRedForeground2: CSSDesignToken<string>;
1023
-
1024
- // @public (undocumented)
1025
- export const colorPaletteForestBackground2: CSSDesignToken<string>;
1026
-
1027
- // @public (undocumented)
1028
- export const colorPaletteForestBorderActive: CSSDesignToken<string>;
1029
-
1030
- // @public (undocumented)
1031
- export const colorPaletteForestForeground2: CSSDesignToken<string>;
1032
-
1033
- // @public (undocumented)
1034
- export const colorPaletteGoldBackground2: CSSDesignToken<string>;
1035
-
1036
- // @public (undocumented)
1037
- export const colorPaletteGoldBorderActive: CSSDesignToken<string>;
1038
-
1039
- // @public (undocumented)
1040
- export const colorPaletteGoldForeground2: CSSDesignToken<string>;
1041
-
1042
- // @public (undocumented)
1043
- export const colorPaletteGrapeBackground2: CSSDesignToken<string>;
1044
-
1045
- // @public (undocumented)
1046
- export const colorPaletteGrapeBorderActive: CSSDesignToken<string>;
1047
-
1048
- // @public (undocumented)
1049
- export const colorPaletteGrapeForeground2: CSSDesignToken<string>;
1050
-
1051
- // @public (undocumented)
1052
- export const colorPaletteGreenBackground1: CSSDesignToken<string>;
1053
-
1054
- // @public (undocumented)
1055
- export const colorPaletteGreenBackground2: CSSDesignToken<string>;
1056
-
1057
- // @public (undocumented)
1058
- export const colorPaletteGreenBackground3: CSSDesignToken<string>;
1059
-
1060
- // @public (undocumented)
1061
- export const colorPaletteGreenBorder1: CSSDesignToken<string>;
1062
-
1063
- // @public (undocumented)
1064
- export const colorPaletteGreenBorder2: CSSDesignToken<string>;
1065
-
1066
- // @public (undocumented)
1067
- export const colorPaletteGreenBorderActive: CSSDesignToken<string>;
1068
-
1069
- // @public (undocumented)
1070
- export const colorPaletteGreenForeground1: CSSDesignToken<string>;
1071
-
1072
- // @public (undocumented)
1073
- export const colorPaletteGreenForeground2: CSSDesignToken<string>;
1074
-
1075
- // @public (undocumented)
1076
- export const colorPaletteGreenForeground3: CSSDesignToken<string>;
1077
-
1078
- // @public (undocumented)
1079
- export const colorPaletteGreenForegroundInverted: CSSDesignToken<string>;
1080
-
1081
- // @public (undocumented)
1082
- export const colorPaletteLavenderBackground2: CSSDesignToken<string>;
1083
-
1084
- // @public (undocumented)
1085
- export const colorPaletteLavenderBorderActive: CSSDesignToken<string>;
1086
-
1087
- // @public (undocumented)
1088
- export const colorPaletteLavenderForeground2: CSSDesignToken<string>;
1089
-
1090
- // @public (undocumented)
1091
- export const colorPaletteLightGreenBackground1: CSSDesignToken<string>;
1092
-
1093
- // @public (undocumented)
1094
- export const colorPaletteLightGreenBackground2: CSSDesignToken<string>;
1095
-
1096
- // @public (undocumented)
1097
- export const colorPaletteLightGreenBackground3: CSSDesignToken<string>;
1098
-
1099
- // @public (undocumented)
1100
- export const colorPaletteLightGreenBorder1: CSSDesignToken<string>;
1101
-
1102
- // @public (undocumented)
1103
- export const colorPaletteLightGreenBorder2: CSSDesignToken<string>;
1104
-
1105
- // @public (undocumented)
1106
- export const colorPaletteLightGreenBorderActive: CSSDesignToken<string>;
1107
-
1108
- // @public (undocumented)
1109
- export const colorPaletteLightGreenForeground1: CSSDesignToken<string>;
1110
-
1111
- // @public (undocumented)
1112
- export const colorPaletteLightGreenForeground2: CSSDesignToken<string>;
1113
-
1114
- // @public (undocumented)
1115
- export const colorPaletteLightGreenForeground3: CSSDesignToken<string>;
1116
-
1117
- // @public (undocumented)
1118
- export const colorPaletteLightTealBackground2: CSSDesignToken<string>;
1119
-
1120
- // @public (undocumented)
1121
- export const colorPaletteLightTealBorderActive: CSSDesignToken<string>;
1122
-
1123
- // @public (undocumented)
1124
- export const colorPaletteLightTealForeground2: CSSDesignToken<string>;
1125
-
1126
- // @public (undocumented)
1127
- export const colorPaletteLilacBackground2: CSSDesignToken<string>;
1128
-
1129
- // @public (undocumented)
1130
- export const colorPaletteLilacBorderActive: CSSDesignToken<string>;
1131
-
1132
- // @public (undocumented)
1133
- export const colorPaletteLilacForeground2: CSSDesignToken<string>;
1134
-
1135
- // @public (undocumented)
1136
- export const colorPaletteMagentaBackground2: CSSDesignToken<string>;
1137
-
1138
- // @public (undocumented)
1139
- export const colorPaletteMagentaBorderActive: CSSDesignToken<string>;
1140
-
1141
- // @public (undocumented)
1142
- export const colorPaletteMagentaForeground2: CSSDesignToken<string>;
1143
-
1144
- // @public (undocumented)
1145
- export const colorPaletteMarigoldBackground1: CSSDesignToken<string>;
1146
-
1147
- // @public (undocumented)
1148
- export const colorPaletteMarigoldBackground2: CSSDesignToken<string>;
1149
-
1150
- // @public (undocumented)
1151
- export const colorPaletteMarigoldBackground3: CSSDesignToken<string>;
1152
-
1153
- // @public (undocumented)
1154
- export const colorPaletteMarigoldBorder1: CSSDesignToken<string>;
1155
-
1156
- // @public (undocumented)
1157
- export const colorPaletteMarigoldBorder2: CSSDesignToken<string>;
1158
-
1159
- // @public (undocumented)
1160
- export const colorPaletteMarigoldBorderActive: CSSDesignToken<string>;
1161
-
1162
- // @public (undocumented)
1163
- export const colorPaletteMarigoldForeground1: CSSDesignToken<string>;
1164
-
1165
- // @public (undocumented)
1166
- export const colorPaletteMarigoldForeground2: CSSDesignToken<string>;
1167
-
1168
- // @public (undocumented)
1169
- export const colorPaletteMarigoldForeground3: CSSDesignToken<string>;
1170
-
1171
- // @public (undocumented)
1172
- export const colorPaletteMinkBackground2: CSSDesignToken<string>;
1173
-
1174
- // @public (undocumented)
1175
- export const colorPaletteMinkBorderActive: CSSDesignToken<string>;
1176
-
1177
- // @public (undocumented)
1178
- export const colorPaletteMinkForeground2: CSSDesignToken<string>;
1179
-
1180
- // @public (undocumented)
1181
- export const colorPaletteNavyBackground2: CSSDesignToken<string>;
1182
-
1183
- // @public (undocumented)
1184
- export const colorPaletteNavyBorderActive: CSSDesignToken<string>;
1185
-
1186
- // @public (undocumented)
1187
- export const colorPaletteNavyForeground2: CSSDesignToken<string>;
1188
-
1189
- // @public (undocumented)
1190
- export const colorPalettePeachBackground2: CSSDesignToken<string>;
1191
-
1192
- // @public (undocumented)
1193
- export const colorPalettePeachBorderActive: CSSDesignToken<string>;
1194
-
1195
- // @public (undocumented)
1196
- export const colorPalettePeachForeground2: CSSDesignToken<string>;
1197
-
1198
- // @public (undocumented)
1199
- export const colorPalettePinkBackground2: CSSDesignToken<string>;
1200
-
1201
- // @public (undocumented)
1202
- export const colorPalettePinkBorderActive: CSSDesignToken<string>;
1203
-
1204
- // @public (undocumented)
1205
- export const colorPalettePinkForeground2: CSSDesignToken<string>;
1206
-
1207
- // @public (undocumented)
1208
- export const colorPalettePlatinumBackground2: CSSDesignToken<string>;
1209
-
1210
- // @public (undocumented)
1211
- export const colorPalettePlatinumBorderActive: CSSDesignToken<string>;
1212
-
1213
- // @public (undocumented)
1214
- export const colorPalettePlatinumForeground2: CSSDesignToken<string>;
1215
-
1216
- // @public (undocumented)
1217
- export const colorPalettePlumBackground2: CSSDesignToken<string>;
1218
-
1219
- // @public (undocumented)
1220
- export const colorPalettePlumBorderActive: CSSDesignToken<string>;
1221
-
1222
- // @public (undocumented)
1223
- export const colorPalettePlumForeground2: CSSDesignToken<string>;
1224
-
1225
- // @public (undocumented)
1226
- export const colorPalettePumpkinBackground2: CSSDesignToken<string>;
1227
-
1228
- // @public (undocumented)
1229
- export const colorPalettePumpkinBorderActive: CSSDesignToken<string>;
1230
-
1231
- // @public (undocumented)
1232
- export const colorPalettePumpkinForeground2: CSSDesignToken<string>;
1233
-
1234
- // @public (undocumented)
1235
- export const colorPalettePurpleBackground2: CSSDesignToken<string>;
1236
-
1237
- // @public (undocumented)
1238
- export const colorPalettePurpleBorderActive: CSSDesignToken<string>;
1239
-
1240
- // @public (undocumented)
1241
- export const colorPalettePurpleForeground2: CSSDesignToken<string>;
1242
-
1243
- // @public (undocumented)
1244
- export const colorPaletteRedBackground1: CSSDesignToken<string>;
1245
-
1246
- // @public (undocumented)
1247
- export const colorPaletteRedBackground2: CSSDesignToken<string>;
1248
-
1249
- // @public (undocumented)
1250
- export const colorPaletteRedBackground3: CSSDesignToken<string>;
1251
-
1252
- // @public (undocumented)
1253
- export const colorPaletteRedBorder1: CSSDesignToken<string>;
1254
-
1255
- // @public (undocumented)
1256
- export const colorPaletteRedBorder2: CSSDesignToken<string>;
1257
-
1258
- // @public (undocumented)
1259
- export const colorPaletteRedBorderActive: CSSDesignToken<string>;
1260
-
1261
- // @public (undocumented)
1262
- export const colorPaletteRedForeground1: CSSDesignToken<string>;
1263
-
1264
- // @public (undocumented)
1265
- export const colorPaletteRedForeground2: CSSDesignToken<string>;
1266
-
1267
- // @public (undocumented)
1268
- export const colorPaletteRedForeground3: CSSDesignToken<string>;
1269
-
1270
- // @public (undocumented)
1271
- export const colorPaletteRedForegroundInverted: CSSDesignToken<string>;
1272
-
1273
- // @public (undocumented)
1274
- export const colorPaletteRoyalBlueBackground2: CSSDesignToken<string>;
1275
-
1276
- // @public (undocumented)
1277
- export const colorPaletteRoyalBlueBorderActive: CSSDesignToken<string>;
1278
-
1279
- // @public (undocumented)
1280
- export const colorPaletteRoyalBlueForeground2: CSSDesignToken<string>;
1281
-
1282
- // @public (undocumented)
1283
- export const colorPaletteSeafoamBackground2: CSSDesignToken<string>;
1284
-
1285
- // @public (undocumented)
1286
- export const colorPaletteSeafoamBorderActive: CSSDesignToken<string>;
1287
-
1288
- // @public (undocumented)
1289
- export const colorPaletteSeafoamForeground2: CSSDesignToken<string>;
1290
-
1291
- // @public (undocumented)
1292
- export const colorPaletteSteelBackground2: CSSDesignToken<string>;
1293
-
1294
- // @public (undocumented)
1295
- export const colorPaletteSteelBorderActive: CSSDesignToken<string>;
1296
-
1297
- // @public (undocumented)
1298
- export const colorPaletteSteelForeground2: CSSDesignToken<string>;
1299
-
1300
- // @public (undocumented)
1301
- export const colorPaletteTealBackground2: CSSDesignToken<string>;
1302
-
1303
- // @public (undocumented)
1304
- export const colorPaletteTealBorderActive: CSSDesignToken<string>;
1305
-
1306
- // @public (undocumented)
1307
- export const colorPaletteTealForeground2: CSSDesignToken<string>;
1308
-
1309
- // @public (undocumented)
1310
- export const colorPaletteYellowBackground1: CSSDesignToken<string>;
1311
-
1312
- // @public (undocumented)
1313
- export const colorPaletteYellowBackground2: CSSDesignToken<string>;
1314
-
1315
- // @public (undocumented)
1316
- export const colorPaletteYellowBackground3: CSSDesignToken<string>;
1317
-
1318
- // @public (undocumented)
1319
- export const colorPaletteYellowBorder1: CSSDesignToken<string>;
1320
-
1321
- // @public (undocumented)
1322
- export const colorPaletteYellowBorder2: CSSDesignToken<string>;
1323
-
1324
- // @public (undocumented)
1325
- export const colorPaletteYellowBorderActive: CSSDesignToken<string>;
1326
-
1327
- // @public (undocumented)
1328
- export const colorPaletteYellowForeground1: CSSDesignToken<string>;
1329
-
1330
- // @public (undocumented)
1331
- export const colorPaletteYellowForeground2: CSSDesignToken<string>;
1332
-
1333
- // @public (undocumented)
1334
- export const colorPaletteYellowForeground3: CSSDesignToken<string>;
1335
-
1336
- // @public (undocumented)
1337
- export const colorPaletteYellowForegroundInverted: CSSDesignToken<string>;
1338
-
1339
- // @public (undocumented)
1340
- export const colorScrollbarOverlay: CSSDesignToken<string>;
1341
-
1342
- // @public (undocumented)
1343
- export const colorStrokeFocus1: CSSDesignToken<string>;
1344
-
1345
- // @public (undocumented)
1346
- export const colorStrokeFocus2: CSSDesignToken<string>;
1347
-
1348
- // @public (undocumented)
1349
- export const colorSubtleBackground: CSSDesignToken<string>;
1350
-
1351
- // @public (undocumented)
1352
- export const colorSubtleBackgroundHover: CSSDesignToken<string>;
1353
-
1354
- // @public (undocumented)
1355
- export const colorSubtleBackgroundInverted: CSSDesignToken<string>;
1356
-
1357
- // @public (undocumented)
1358
- export const colorSubtleBackgroundInvertedHover: CSSDesignToken<string>;
1359
-
1360
- // @public (undocumented)
1361
- export const colorSubtleBackgroundInvertedPressed: CSSDesignToken<string>;
1362
-
1363
- // @public (undocumented)
1364
- export const colorSubtleBackgroundInvertedSelected: CSSDesignToken<string>;
1365
-
1366
- // @public (undocumented)
1367
- export const colorSubtleBackgroundLightAlphaHover: CSSDesignToken<string>;
1368
-
1369
- // @public (undocumented)
1370
- export const colorSubtleBackgroundLightAlphaPressed: CSSDesignToken<string>;
1371
-
1372
- // @public (undocumented)
1373
- export const colorSubtleBackgroundLightAlphaSelected: CSSDesignToken<string>;
1374
-
1375
- // @public (undocumented)
1376
- export const colorSubtleBackgroundPressed: CSSDesignToken<string>;
1377
-
1378
- // @public (undocumented)
1379
- export const colorSubtleBackgroundSelected: CSSDesignToken<string>;
1380
-
1381
- // @public (undocumented)
1382
- export const colorTransparentBackground: CSSDesignToken<string>;
1383
-
1384
- // @public (undocumented)
1385
- export const colorTransparentBackgroundHover: CSSDesignToken<string>;
1386
-
1387
- // @public (undocumented)
1388
- export const colorTransparentBackgroundPressed: CSSDesignToken<string>;
1389
-
1390
- // @public (undocumented)
1391
- export const colorTransparentBackgroundSelected: CSSDesignToken<string>;
1392
-
1393
- // @public (undocumented)
1394
- export const colorTransparentStroke: CSSDesignToken<string>;
1395
-
1396
- // @public (undocumented)
1397
- export const colorTransparentStrokeDisabled: CSSDesignToken<string>;
1398
-
1399
- // @public (undocumented)
1400
- export const colorTransparentStrokeInteractive: CSSDesignToken<string>;
1401
-
1402
- // @public
1403
- export class CompoundButton extends Button {
1404
- }
1405
-
1406
- // @public
1407
- export const CompoundButtonAppearance: {
1408
- readonly primary: "primary";
1409
- readonly outline: "outline";
1410
- readonly subtle: "subtle";
1411
- readonly secondary: "secondary";
1412
- readonly transparent: "transparent";
1413
- };
1414
-
1415
- // @public
1416
- export type CompoundButtonAppearance = ValuesOf<typeof CompoundButtonAppearance>;
1417
-
1418
- // @public
1419
- export const CompoundButtonDefinition: FASTElementDefinition<typeof CompoundButton>;
1420
-
1421
- // @public
1422
- export const CompoundButtonShape: {
1423
- readonly circular: "circular";
1424
- readonly rounded: "rounded";
1425
- readonly square: "square";
1426
- };
1427
-
1428
- // @public
1429
- export type CompoundButtonShape = ValuesOf<typeof CompoundButtonShape>;
1430
-
1431
- // @public
1432
- export const CompoundButtonSize: {
1433
- readonly small: "small";
1434
- readonly medium: "medium";
1435
- readonly large: "large";
1436
- };
1437
-
1438
- // @public
1439
- export type CompoundButtonSize = ValuesOf<typeof CompoundButtonSize>;
1440
-
1441
- // @public (undocumented)
1442
- export const CompoundButtonStyles: ElementStyles;
1443
-
1444
- // @public
1445
- export const CompoundButtonTemplate: ElementViewTemplate<CompoundButton>;
1446
-
1447
- // Warning: (ae-internal-mixed-release-tag) Mixed release tags are not allowed for "CounterBadge" because one of its declarations is marked as @internal
1448
- //
1449
- // @public
1450
- export class CounterBadge extends FASTElement {
1451
- appearance?: CounterBadgeAppearance;
1452
- color?: CounterBadgeColor;
1453
- count: number;
1454
- // (undocumented)
1455
- protected countChanged(): void;
1456
- dot: boolean;
1457
- overflowCount: number;
1458
- // (undocumented)
1459
- protected overflowCountChanged(): void;
1460
- // @internal
1461
- setCount(): string | void;
1462
- shape?: CounterBadgeShape;
1463
- showZero: boolean;
1464
- size?: CounterBadgeSize;
1465
- }
1466
-
1467
- // @internal
1468
- export interface CounterBadge extends StartEnd {
1469
- }
1470
-
1471
- // @public
1472
- export const CounterBadgeAppearance: {
1473
- readonly filled: "filled";
1474
- readonly ghost: "ghost";
1475
- };
1476
-
1477
- // @public
1478
- export type CounterBadgeAppearance = ValuesOf<typeof CounterBadgeAppearance>;
1479
-
1480
- // @public
1481
- export const CounterBadgeColor: {
1482
- readonly brand: "brand";
1483
- readonly danger: "danger";
1484
- readonly important: "important";
1485
- readonly informative: "informative";
1486
- readonly severe: "severe";
1487
- readonly subtle: "subtle";
1488
- readonly success: "success";
1489
- readonly warning: "warning";
1490
- };
1491
-
1492
- // @public
1493
- export type CounterBadgeColor = ValuesOf<typeof CounterBadgeColor>;
1494
-
1495
- // @public
1496
- export const CounterBadgeDefinition: FASTElementDefinition<typeof CounterBadge>;
1497
-
1498
- // Warning: (ae-incompatible-release-tags) The symbol "CounterBadgeOptions" is marked as @public, but its signature references "BadgeOptions" which is marked as @internal
1499
- //
1500
- // @public
1501
- export type CounterBadgeOptions = BadgeOptions;
1502
-
1503
- // @public
1504
- export const CounterBadgeShape: {
1505
- readonly circular: "circular";
1506
- readonly rounded: "rounded";
1507
- };
1508
-
1509
- // @public
1510
- export type CounterBadgeShape = ValuesOf<typeof CounterBadgeShape>;
1511
-
1512
- // @public
1513
- export const CounterBadgeSize: {
1514
- readonly tiny: "tiny";
1515
- readonly extraSmall: "extra-small";
1516
- readonly small: "small";
1517
- readonly medium: "medium";
1518
- readonly large: "large";
1519
- readonly extraLarge: "extra-large";
1520
- };
1521
-
1522
- // @public
1523
- export type CounterBadgeSize = ValuesOf<typeof CounterBadgeSize>;
1524
-
1525
- // @public
1526
- export const CounterBadgeStyles: ElementStyles;
1527
-
1528
- // @public
1529
- export const CounterBadgeTemplate: ElementViewTemplate<CounterBadge>;
1530
-
1531
- // @public (undocumented)
1532
- export const curveAccelerateMax: CSSDesignToken<string>;
1533
-
1534
- // @public (undocumented)
1535
- export const curveAccelerateMid: CSSDesignToken<string>;
1536
-
1537
- // @public (undocumented)
1538
- export const curveAccelerateMin: CSSDesignToken<string>;
1539
-
1540
- // @public (undocumented)
1541
- export const curveDecelerateMax: CSSDesignToken<string>;
1542
-
1543
- // @public (undocumented)
1544
- export const curveDecelerateMid: CSSDesignToken<string>;
1545
-
1546
- // @public (undocumented)
1547
- export const curveDecelerateMin: CSSDesignToken<string>;
1548
-
1549
- // @public (undocumented)
1550
- export const curveEasyEase: CSSDesignToken<string>;
1551
-
1552
- // @public (undocumented)
1553
- export const curveEasyEaseMax: CSSDesignToken<string>;
1554
-
1555
- // @public (undocumented)
1556
- export const curveLinear: CSSDesignToken<string>;
1557
-
1558
- // @public
1559
- export class Divider extends FASTDivider {
1560
- alignContent?: DividerAlignContent;
1561
- appearance?: DividerAppearance;
1562
- inset?: boolean;
1563
- }
1564
-
1565
- // @public
1566
- export const DividerAlignContent: {
1567
- readonly center: "center";
1568
- readonly start: "start";
1569
- readonly end: "end";
1570
- };
1571
-
1572
- // @public
1573
- export type DividerAlignContent = ValuesOf<typeof DividerAlignContent>;
1574
-
1575
- // @public
1576
- export const DividerAppearance: {
1577
- readonly strong: "strong";
1578
- readonly brand: "brand";
1579
- readonly subtle: "subtle";
1580
- readonly default: "default";
1581
- };
1582
-
1583
- // @public
1584
- export type DividerAppearance = ValuesOf<typeof DividerAppearance>;
1585
-
1586
- // @public
1587
- export const DividerDefinition: FASTElementDefinition<typeof Divider>;
1588
-
1589
- export { DividerOrientation }
1590
-
1591
- export { DividerRole }
1592
-
1593
- // @public
1594
- export const DividerStyles: ElementStyles;
1595
-
1596
- // @public
1597
- export const DividerTemplate: ElementViewTemplate<Divider>;
1598
-
1599
- // @public (undocumented)
1600
- export const durationFast: CSSDesignToken<string>;
1601
-
1602
- // @public (undocumented)
1603
- export const durationFaster: CSSDesignToken<string>;
1604
-
1605
- // @public (undocumented)
1606
- export const durationNormal: CSSDesignToken<string>;
1607
-
1608
- // @public (undocumented)
1609
- export const durationSlow: CSSDesignToken<string>;
1610
-
1611
- // @public (undocumented)
1612
- export const durationSlower: CSSDesignToken<string>;
1613
-
1614
- // @public (undocumented)
1615
- export const durationUltraFast: CSSDesignToken<string>;
1616
-
1617
- // @public (undocumented)
1618
- export const durationUltraSlow: CSSDesignToken<string>;
1619
-
1620
- // @public (undocumented)
1621
- export const FluentDesignSystem: Readonly<{
1622
- prefix: "fluent";
1623
- shadowRootMode: "open";
1624
- registry: CustomElementRegistry;
1625
- }>;
1626
-
1627
- // @public (undocumented)
1628
- export const fontFamilyBase: CSSDesignToken<string>;
1629
-
1630
- // @public (undocumented)
1631
- export const fontFamilyMonospace: CSSDesignToken<string>;
1632
-
1633
- // @public (undocumented)
1634
- export const fontFamilyNumeric: CSSDesignToken<string>;
1635
-
1636
- // @public (undocumented)
1637
- export const fontSizeBase100: CSSDesignToken<string>;
1638
-
1639
- // @public (undocumented)
1640
- export const fontSizeBase200: CSSDesignToken<string>;
1641
-
1642
- // @public (undocumented)
1643
- export const fontSizeBase300: CSSDesignToken<string>;
1644
-
1645
- // @public (undocumented)
1646
- export const fontSizeBase400: CSSDesignToken<string>;
1647
-
1648
- // @public (undocumented)
1649
- export const fontSizeBase500: CSSDesignToken<string>;
1650
-
1651
- // @public (undocumented)
1652
- export const fontSizeBase600: CSSDesignToken<string>;
1653
-
1654
- // @public (undocumented)
1655
- export const fontSizeHero1000: CSSDesignToken<string>;
1656
-
1657
- // @public (undocumented)
1658
- export const fontSizeHero700: CSSDesignToken<string>;
1659
-
1660
- // @public (undocumented)
1661
- export const fontSizeHero800: CSSDesignToken<string>;
1662
-
1663
- // @public (undocumented)
1664
- export const fontSizeHero900: CSSDesignToken<string>;
1665
-
1666
- // @public (undocumented)
1667
- export const fontWeightBold: CSSDesignToken<string>;
1668
-
1669
- // @public (undocumented)
1670
- export const fontWeightMedium: CSSDesignToken<string>;
1671
-
1672
- // @public (undocumented)
1673
- export const fontWeightRegular: CSSDesignToken<string>;
1674
-
1675
- // @public (undocumented)
1676
- export const fontWeightSemibold: CSSDesignToken<string>;
1677
-
1678
- // @public
1679
- class Image_2 extends FASTElement {
1680
- block?: boolean;
1681
- bordered?: boolean;
1682
- fit?: ImageFit;
1683
- shadow?: boolean;
1684
- shape?: ImageShape;
1685
- }
1686
- export { Image_2 as Image }
1687
-
1688
- // @public
1689
- export const ImageDefinition: FASTElementDefinition<typeof Image_2>;
1690
-
1691
- // @public
1692
- export const ImageFit: {
1693
- readonly none: "none";
1694
- readonly center: "center";
1695
- readonly contain: "contain";
1696
- readonly cover: "cover";
1697
- readonly default: "default";
1698
- };
1699
-
1700
- // @public
1701
- export type ImageFit = ValuesOf<typeof ImageFit>;
1702
-
1703
- // @public
1704
- export const ImageShape: {
1705
- readonly circular: "circular";
1706
- readonly rounded: "rounded";
1707
- readonly square: "square";
1708
- };
1709
-
1710
- // @public (undocumented)
1711
- export type ImageShape = ValuesOf<typeof ImageShape>;
1712
-
1713
- // @public
1714
- export const ImageStyles: ElementStyles;
1715
-
1716
- // @public
1717
- export const ImageTemplate: ElementViewTemplate<Image_2>;
1718
-
1719
- // @public
1720
- export class Label extends FASTElement {
1721
- disabled: boolean;
1722
- required: boolean;
1723
- // Warning: (ae-forgotten-export) The symbol "LabelSize" needs to be exported by the entry point index.d.ts
1724
- size?: LabelSize;
1725
- // Warning: (ae-forgotten-export) The symbol "LabelWeight" needs to be exported by the entry point index.d.ts
1726
- weight?: LabelWeight;
1727
- }
1728
-
1729
- // @public
1730
- export const LabelDefinition: FASTElementDefinition<typeof Label>;
1731
-
1732
- // @public
1733
- export const LabelStyles: ElementStyles;
1734
-
1735
- // @public (undocumented)
1736
- export const LabelTemplate: ElementViewTemplate<Label>;
1737
-
1738
- // @public (undocumented)
1739
- export const lineHeightBase100: CSSDesignToken<string>;
1740
-
1741
- // @public (undocumented)
1742
- export const lineHeightBase200: CSSDesignToken<string>;
1743
-
1744
- // @public (undocumented)
1745
- export const lineHeightBase300: CSSDesignToken<string>;
1746
-
1747
- // @public (undocumented)
1748
- export const lineHeightBase400: CSSDesignToken<string>;
1749
-
1750
- // @public (undocumented)
1751
- export const lineHeightBase500: CSSDesignToken<string>;
1752
-
1753
- // @public (undocumented)
1754
- export const lineHeightBase600: CSSDesignToken<string>;
1755
-
1756
- // @public (undocumented)
1757
- export const lineHeightHero1000: CSSDesignToken<string>;
1758
-
1759
- // @public (undocumented)
1760
- export const lineHeightHero700: CSSDesignToken<string>;
1761
-
1762
- // @public (undocumented)
1763
- export const lineHeightHero800: CSSDesignToken<string>;
1764
-
1765
- // @public (undocumented)
1766
- export const lineHeightHero900: CSSDesignToken<string>;
1767
-
1768
- // @public
1769
- export class Menu extends FASTElement {
1770
- cleanup?: () => void;
1771
- closeMenu: () => void;
1772
- closeOnScroll?: boolean;
1773
- closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
1774
- connectedCallback(): void;
1775
- disconnectedCallback(): void;
1776
- focusMenuList(): void;
1777
- focusTrigger(): void;
1778
- handleMenuKeydown(e: KeyboardEvent): boolean | void;
1779
- handleTriggerKeydown: (e: KeyboardEvent) => boolean | void;
1780
- open: boolean;
1781
- openChanged(oldValue: boolean, newValue: boolean): void;
1782
- openMenu: (e?: Event) => void;
1783
- openOnContext?: boolean;
1784
- openOnContextChanged(oldValue: boolean, newValue: boolean): void;
1785
- openOnHover?: boolean;
1786
- openOnHoverChanged(oldValue: boolean, newValue: boolean): void;
1787
- persistOnItemClick?: boolean;
1788
- persistOnItemClickChanged(oldValue: boolean, newValue: boolean): void;
1789
- // @internal
1790
- positioningContainer?: HTMLElement;
1791
- setComponent(): void;
1792
- protected setPositioning(): void;
1793
- protected setPositioningTask: () => void;
1794
- slottedMenuList: MenuList[];
1795
- slottedTriggers: HTMLElement[];
1796
- toggleMenu: () => void;
1797
- }
1798
-
1799
- // @public
1800
- export class MenuButton extends Button {
1801
- }
1802
-
1803
- // @public
1804
- export const MenuButtonAppearance: {
1805
- readonly primary: "primary";
1806
- readonly outline: "outline";
1807
- readonly subtle: "subtle";
1808
- readonly secondary: "secondary";
1809
- readonly transparent: "transparent";
1810
- };
1811
-
1812
- // @public
1813
- export type MenuButtonAppearance = ValuesOf<typeof MenuButtonAppearance>;
1814
-
1815
- // @public
1816
- export const MenuButtonDefinition: FASTElementDefinition<typeof MenuButton>;
1817
-
1818
- // @public
1819
- export const MenuButtonShape: {
1820
- readonly circular: "circular";
1821
- readonly rounded: "rounded";
1822
- readonly square: "square";
1823
- };
1824
-
1825
- // @public
1826
- export type MenuButtonShape = ValuesOf<typeof MenuButtonShape>;
1827
-
1828
- // @public
1829
- export const MenuButtonSize: {
1830
- readonly small: "small";
1831
- readonly medium: "medium";
1832
- readonly large: "large";
1833
- };
1834
-
1835
- // @public
1836
- export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
1837
-
1838
- // @public
1839
- export const MenuButtonTemplate: ElementViewTemplate<MenuButton>;
1840
-
1841
- // @public
1842
- export const MenuDefinition: FASTElementDefinition<typeof Menu>;
1843
-
1844
- // @public
1845
- export class MenuItem extends FASTMenuItem {
1846
- }
1847
-
1848
- // @public (undocumented)
1849
- export type MenuItemColumnCount = 0 | 1 | 2;
1850
-
1851
- // @public
1852
- export const MenuItemDefinition: FASTElementDefinition<typeof MenuItem>;
1853
-
1854
- export { MenuItemRole }
1855
-
1856
- // @public
1857
- export const MenuItemStyles: ElementStyles;
1858
-
1859
- // @public (undocumented)
1860
- export const MenuItemTemplate: ElementViewTemplate<MenuItem>;
1861
-
1862
- // @public
1863
- export class MenuList extends FASTMenu {
1864
- // (undocumented)
1865
- protected setItems(): void;
1866
- }
1867
-
1868
- // @public
1869
- export const MenuListDefinition: FASTElementDefinition<typeof MenuList>;
1870
-
1871
- // @public
1872
- export const MenuListStyles: ElementStyles;
1873
-
1874
- // @public (undocumented)
1875
- export const MenuListTemplate: ElementViewTemplate<MenuList>;
1876
-
1877
- // @public
1878
- export const MenuStyles: ElementStyles;
1879
-
1880
- // @public (undocumented)
1881
- export const MenuTemplate: ElementViewTemplate<Menu>;
1882
-
1883
- // @public
1884
- class ProgressBar_2 extends FASTProgress {
1885
- shape?: ProgressBarShape;
1886
- thickness?: ProgressBarThickness;
1887
- validationState: ProgressBarValidationState | null;
1888
- }
1889
- export { ProgressBar_2 as ProgressBar }
1890
-
1891
- // @public
1892
- export const ProgressBarDefinition: FASTElementDefinition<typeof ProgressBar_2>;
1893
-
1894
- // @public
1895
- export const ProgressBarShape: {
1896
- readonly rounded: "rounded";
1897
- readonly square: "square";
1898
- };
1899
-
1900
- // @public
1901
- export type ProgressBarShape = ValuesOf<typeof ProgressBarShape>;
1902
-
1903
- // @public
1904
- export const ProgressBarStyles: ElementStyles;
1905
-
1906
- // @public (undocumented)
1907
- export const ProgressBarTemplate: ElementViewTemplate<ProgressBar_2>;
1908
-
1909
- // @public
1910
- export const ProgressBarThickness: {
1911
- readonly medium: "medium";
1912
- readonly large: "large";
1913
- };
1914
-
1915
- // @public
1916
- export type ProgressBarThickness = ValuesOf<typeof ProgressBarThickness>;
1917
-
1918
- // @public
1919
- export const ProgressBarValidationState: {
1920
- readonly success: "success";
1921
- readonly warning: "warning";
1922
- readonly error: "error";
1923
- };
1924
-
1925
- // @public
1926
- export type ProgressBarValidationState = ValuesOf<typeof ProgressBarValidationState>;
1927
-
1928
- // @public
1929
- export class Radio extends FASTRadio {
1930
- }
1931
-
1932
- // @public
1933
- export const RadioDefinition: FASTElementDefinition<typeof Radio>;
1934
-
1935
- // @public
1936
- export class RadioGroup extends FASTRadioGroup {
1937
- stacked: boolean;
1938
- }
1939
-
1940
- // @public
1941
- export const RadioGroupDefinition: FASTElementDefinition<typeof RadioGroup>;
1942
-
1943
- export { RadioGroupOrientation }
1944
-
1945
- // @public
1946
- export const RadioGroupStyles: ElementStyles;
1947
-
1948
- // @public (undocumented)
1949
- export const RadioGroupTemplate: ElementViewTemplate<RadioGroup>;
1950
-
1951
- // @public
1952
- export const RadioStyles: ElementStyles;
1953
-
1954
- // @public (undocumented)
1955
- export const RadioTemplate: ElementViewTemplate<Radio>;
1956
-
1957
- // @public
1958
- export const setTheme: (theme: Theme) => void;
1959
-
1960
- // @public (undocumented)
1961
- export const setThemeFor: (element: FASTElement, theme: Theme) => void;
1962
-
1963
- // @public (undocumented)
1964
- export const shadow16: CSSDesignToken<string>;
1965
-
1966
- // @public (undocumented)
1967
- export const shadow16Brand: CSSDesignToken<string>;
1968
-
1969
- // @public (undocumented)
1970
- export const shadow2: CSSDesignToken<string>;
1971
-
1972
- // @public (undocumented)
1973
- export const shadow28: CSSDesignToken<string>;
1974
-
1975
- // @public (undocumented)
1976
- export const shadow28Brand: CSSDesignToken<string>;
1977
-
1978
- // @public (undocumented)
1979
- export const shadow2Brand: CSSDesignToken<string>;
1980
-
1981
- // @public (undocumented)
1982
- export const shadow4: CSSDesignToken<string>;
1983
-
1984
- // @public (undocumented)
1985
- export const shadow4Brand: CSSDesignToken<string>;
1986
-
1987
- // @public (undocumented)
1988
- export const shadow64: CSSDesignToken<string>;
1989
-
1990
- // @public (undocumented)
1991
- export const shadow64Brand: CSSDesignToken<string>;
1992
-
1993
- // @public (undocumented)
1994
- export const shadow8: CSSDesignToken<string>;
1995
-
1996
- // @public (undocumented)
1997
- export const shadow8Brand: CSSDesignToken<string>;
1998
-
1999
- // @public
2000
- export class Slider extends FASTSlider {
2001
- // (undocumented)
2002
- connectedCallback(): void;
2003
- // (undocumented)
2004
- disconnectedCallback(): void;
2005
- // (undocumented)
2006
- handleChange(source: any, propertyName: string): void;
2007
- size?: SliderSize;
2008
- }
2009
-
2010
- // @public
2011
- export const SliderDefinition: FASTElementDefinition<typeof Slider>;
2012
-
2013
- export { SliderOrientation }
2014
-
2015
- // @public
2016
- export const SliderSize: {
2017
- readonly small: "small";
2018
- readonly medium: "medium";
2019
- };
2020
-
2021
- // @public
2022
- export type SliderSize = ValuesOf<typeof SliderSize>;
2023
-
2024
- // @public
2025
- export const SliderStyles: ElementStyles;
2026
-
2027
- // @public (undocumented)
2028
- export const SliderTemplate: ElementViewTemplate<FASTSlider>;
2029
-
2030
- // @public (undocumented)
2031
- export const spacingHorizontalL: CSSDesignToken<string>;
2032
-
2033
- // @public (undocumented)
2034
- export const spacingHorizontalM: CSSDesignToken<string>;
2035
-
2036
- // @public (undocumented)
2037
- export const spacingHorizontalMNudge: CSSDesignToken<string>;
2038
-
2039
- // @public (undocumented)
2040
- export const spacingHorizontalNone: CSSDesignToken<string>;
2041
-
2042
- // @public (undocumented)
2043
- export const spacingHorizontalS: CSSDesignToken<string>;
2044
-
2045
- // @public (undocumented)
2046
- export const spacingHorizontalSNudge: CSSDesignToken<string>;
2047
-
2048
- // @public (undocumented)
2049
- export const spacingHorizontalXL: CSSDesignToken<string>;
2050
-
2051
- // @public (undocumented)
2052
- export const spacingHorizontalXS: CSSDesignToken<string>;
2053
-
2054
- // @public (undocumented)
2055
- export const spacingHorizontalXXL: CSSDesignToken<string>;
2056
-
2057
- // @public (undocumented)
2058
- export const spacingHorizontalXXS: CSSDesignToken<string>;
2059
-
2060
- // @public (undocumented)
2061
- export const spacingHorizontalXXXL: CSSDesignToken<string>;
2062
-
2063
- // @public (undocumented)
2064
- export const spacingVerticalL: CSSDesignToken<string>;
2065
-
2066
- // @public (undocumented)
2067
- export const spacingVerticalM: CSSDesignToken<string>;
2068
-
2069
- // @public (undocumented)
2070
- export const spacingVerticalMNudge: CSSDesignToken<string>;
2071
-
2072
- // @public (undocumented)
2073
- export const spacingVerticalNone: CSSDesignToken<string>;
2074
-
2075
- // @public (undocumented)
2076
- export const spacingVerticalS: CSSDesignToken<string>;
2077
-
2078
- // @public (undocumented)
2079
- export const spacingVerticalSNudge: CSSDesignToken<string>;
2080
-
2081
- // @public (undocumented)
2082
- export const spacingVerticalXL: CSSDesignToken<string>;
2083
-
2084
- // @public (undocumented)
2085
- export const spacingVerticalXS: CSSDesignToken<string>;
2086
-
2087
- // @public (undocumented)
2088
- export const spacingVerticalXXL: CSSDesignToken<string>;
2089
-
2090
- // @public (undocumented)
2091
- export const spacingVerticalXXS: CSSDesignToken<string>;
2092
-
2093
- // @public (undocumented)
2094
- export const spacingVerticalXXXL: CSSDesignToken<string>;
2095
-
2096
- // @public
2097
- export class Spinner extends FASTProgressRing {
2098
- appearance?: SpinnerAppearance;
2099
- size?: SpinnerSize;
2100
- }
2101
-
2102
- // @public
2103
- export const SpinnerAppearance: {
2104
- readonly primary: "primary";
2105
- readonly inverted: "inverted";
2106
- };
2107
-
2108
- // @public
2109
- export type SpinnerAppearance = ValuesOf<typeof SpinnerAppearance>;
2110
-
2111
- // @public
2112
- export const SpinnerDefinition: FASTElementDefinition<typeof Spinner>;
2113
-
2114
- // @public
2115
- export const SpinnerSize: {
2116
- readonly tiny: "tiny";
2117
- readonly extraSmall: "extra-small";
2118
- readonly small: "small";
2119
- readonly medium: "medium";
2120
- readonly large: "large";
2121
- readonly extraLarge: "extra-large";
2122
- readonly huge: "huge";
2123
- };
2124
-
2125
- // @public
2126
- export type SpinnerSize = ValuesOf<typeof SpinnerSize>;
2127
-
2128
- // @public (undocumented)
2129
- export const SpinnerStyles: ElementStyles;
2130
-
2131
- // @public (undocumented)
2132
- export const SpinnerTemplate: ElementViewTemplate<Spinner>;
2133
-
2134
- // @public (undocumented)
2135
- export const strokeWidthThick: CSSDesignToken<string>;
2136
-
2137
- // @public (undocumented)
2138
- export const strokeWidthThicker: CSSDesignToken<string>;
2139
-
2140
- // @public (undocumented)
2141
- export const strokeWidthThickest: CSSDesignToken<string>;
2142
-
2143
- // @public (undocumented)
2144
- export const strokeWidthThin: CSSDesignToken<string>;
2145
-
2146
- // @public (undocumented)
2147
- const styles: ElementStyles;
2148
- export { styles as ButtonStyles }
2149
- export { styles as MenuButtonStyles }
2150
-
2151
- // @public (undocumented)
2152
- export class Switch extends FASTSwitch {
2153
- labelPosition: SwitchLabelPosition | undefined;
2154
- }
2155
-
2156
- // @public
2157
- export const SwitchDefinition: FASTElementDefinition<typeof Switch>;
2158
-
2159
- // @public
2160
- export const SwitchLabelPosition: {
2161
- readonly above: "above";
2162
- readonly after: "after";
2163
- readonly before: "before";
2164
- };
2165
-
2166
- // @public
2167
- export type SwitchLabelPosition = ValuesOf<typeof SwitchLabelPosition>;
2168
-
2169
- // @public (undocumented)
2170
- export const SwitchStyles: ElementStyles;
2171
-
2172
- // @public (undocumented)
2173
- export const SwitchTemplate: ElementViewTemplate<Switch>;
2174
-
2175
- // @public
2176
- export class Tab extends FASTTab {
2177
- // (undocumented)
2178
- connectedCallback(): void;
2179
- }
2180
-
2181
- // @public (undocumented)
2182
- export const TabDefinition: FASTElementDefinition<typeof Tab>;
2183
-
2184
- // @public (undocumented)
2185
- export class TabPanel extends FASTTabPanel {
2186
- }
2187
-
2188
- // @public (undocumented)
2189
- export const TabPanelDefinition: FASTElementDefinition<typeof TabPanel>;
2190
-
2191
- // @public (undocumented)
2192
- export const TabPanelStyles: ElementStyles;
2193
-
2194
- // @public (undocumented)
2195
- export const TabPanelTemplate: ElementViewTemplate<FASTTabPanel, any>;
2196
-
2197
- // @public
2198
- export class Tabs extends FASTTabs {
2199
- // (undocumented)
2200
- activeidChanged(oldValue: string, newValue: string): void;
2201
- appearance?: TabsAppearance;
2202
- disabled?: boolean;
2203
- size?: TabsSize;
2204
- // (undocumented)
2205
- tabsChanged(): void;
2206
- }
2207
-
2208
- // @public (undocumented)
2209
- export const TabsAppearance: {
2210
- readonly subtle: "subtle";
2211
- readonly transparent: "transparent";
2212
- };
2213
-
2214
- // @public (undocumented)
2215
- export type TabsAppearance = ValuesOf<typeof TabsAppearance>;
2216
-
2217
- // @public (undocumented)
2218
- export const TabsDefinition: FASTElementDefinition<typeof Tabs>;
2219
-
2220
- export { TabsOrientation }
2221
-
2222
- // @public (undocumented)
2223
- export const TabsSize: {
2224
- readonly small: "small";
2225
- readonly medium: "medium";
2226
- readonly large: "large";
2227
- };
2228
-
2229
- // @public (undocumented)
2230
- export type TabsSize = ValuesOf<typeof TabsSize>;
2231
-
2232
- // @public (undocumented)
2233
- export const TabsStyles: ElementStyles;
2234
-
2235
- // @public (undocumented)
2236
- export const TabsTemplate: ElementViewTemplate<FASTTabs, any>;
2237
-
2238
- // @public (undocumented)
2239
- export const TabStyles: ElementStyles;
2240
-
2241
- // @public (undocumented)
2242
- export const TabTemplate: ElementViewTemplate<FASTTab, any>;
2243
-
2244
- // @public
2245
- class Text_2 extends FASTElement {
2246
- align?: TextAlign;
2247
- block: boolean;
2248
- font?: TextFont;
2249
- italic: boolean;
2250
- nowrap: boolean;
2251
- size?: TextSize;
2252
- strikethrough: boolean;
2253
- truncate: boolean;
2254
- underline: boolean;
2255
- weight?: TextWeight;
2256
- }
2257
- export { Text_2 as Text }
2258
-
2259
- // @public
2260
- export const TextAlign: {
2261
- readonly start: "start";
2262
- readonly end: "end";
2263
- readonly center: "center";
2264
- readonly justify: "justify";
2265
- };
2266
-
2267
- // @public
2268
- export type TextAlign = ValuesOf<typeof TextAlign>;
2269
-
2270
- // @public
2271
- export const TextDefinition: FASTElementDefinition<typeof Text_2>;
2272
-
2273
- // @public
2274
- export const TextFont: {
2275
- readonly base: "base";
2276
- readonly numeric: "numeric";
2277
- readonly monospace: "monospace";
2278
- };
2279
-
2280
- // @public
2281
- export type TextFont = ValuesOf<typeof TextFont>;
2282
-
2283
- // @public
2284
- export class TextInput extends FASTTextField {
2285
- appearance?: TextInputAppearance;
2286
- controlSize?: TextInputControlSize;
2287
- }
2288
-
2289
- // @public
2290
- export const TextInputAppearance: {
2291
- readonly outline: "outline";
2292
- readonly underline: "underline";
2293
- readonly filledLighter: "filled-lighter";
2294
- readonly filledDarker: "filled-darker";
2295
- };
2296
-
2297
- // @public
2298
- export type TextInputAppearance = ValuesOf<typeof TextInputAppearance>;
2299
-
2300
- // @public
2301
- export const TextInputControlSize: {
2302
- readonly small: "small";
2303
- readonly medium: "medium";
2304
- readonly large: "large";
2305
- };
2306
-
2307
- // @public
2308
- export type TextInputControlSize = ValuesOf<typeof TextInputControlSize>;
2309
-
2310
- // @public
2311
- export const TextInputDefinition: FASTElementDefinition<typeof TextInput>;
2312
-
2313
- // @public
2314
- export const TextInputStyles: ElementStyles;
2315
-
2316
- // Warning: (ae-internal-missing-underscore) The name "TextInputTemplate" should be prefixed with an underscore because the declaration is marked as @internal
2317
- //
2318
- // @internal (undocumented)
2319
- export const TextInputTemplate: ElementViewTemplate<TextInput>;
2320
-
2321
- export { TextInputType }
2322
-
2323
- // @public
2324
- export const TextSize: {
2325
- readonly _100: "100";
2326
- readonly _200: "200";
2327
- readonly _300: "300";
2328
- readonly _400: "400";
2329
- readonly _500: "500";
2330
- readonly _600: "600";
2331
- readonly _700: "700";
2332
- readonly _800: "800";
2333
- readonly _900: "900";
2334
- readonly _1000: "1000";
2335
- };
2336
-
2337
- // @public
2338
- export type TextSize = ValuesOf<typeof TextSize>;
2339
-
2340
- // @public
2341
- export const TextStyles: ElementStyles;
2342
-
2343
- // Warning: (ae-internal-missing-underscore) The name "TextTemplate" should be prefixed with an underscore because the declaration is marked as @internal
2344
- //
2345
- // @internal (undocumented)
2346
- export const TextTemplate: ElementViewTemplate<Text_2>;
2347
-
2348
- // @public
2349
- export const TextWeight: {
2350
- readonly medium: "medium";
2351
- readonly regular: "regular";
2352
- readonly semibold: "semibold";
2353
- readonly bold: "bold";
2354
- };
2355
-
2356
- // @public
2357
- export type TextWeight = ValuesOf<typeof TextWeight>;
2358
-
2359
- // @public
2360
- export class ToggleButton extends Button {
2361
- constructor();
2362
- checked: boolean;
2363
- checkedAttribute: boolean;
2364
- // (undocumented)
2365
- protected checkedAttributeChanged(): void;
2366
- // (undocumented)
2367
- protected checkedChanged(prev: boolean | undefined, next: boolean): void;
2368
- // (undocumented)
2369
- connectedCallback(): void;
2370
- currentChecked: boolean;
2371
- // (undocumented)
2372
- currentCheckedChanged(prev: boolean | undefined, next: boolean): void;
2373
- // (undocumented)
2374
- defaultChecked: boolean;
2375
- // (undocumented)
2376
- protected defaultCheckedChanged(): void;
2377
- protected dirtyChecked: boolean;
2378
- // (undocumented)
2379
- disconnectedCallback(): void;
2380
- // @internal (undocumented)
2381
- protected handleToggleButtonClick: (e: MouseEvent) => void;
2382
- }
2383
-
2384
- // @public
2385
- export const ToggleButtonAppearance: {
2386
- readonly primary: "primary";
2387
- readonly outline: "outline";
2388
- readonly subtle: "subtle";
2389
- readonly secondary: "secondary";
2390
- readonly transparent: "transparent";
2391
- };
2392
-
2393
- // @public
2394
- export type ToggleButtonAppearance = ValuesOf<typeof ToggleButtonAppearance>;
2395
-
2396
- // @public
2397
- export const ToggleButtonDefinition: FASTElementDefinition<typeof ToggleButton>;
2398
-
2399
- // @public
2400
- export const ToggleButtonShape: {
2401
- readonly circular: "circular";
2402
- readonly rounded: "rounded";
2403
- readonly square: "square";
2404
- };
2405
-
2406
- // @public
2407
- export type ToggleButtonShape = ValuesOf<typeof ToggleButtonShape>;
2408
-
2409
- // @public
2410
- export const ToggleButtonSize: {
2411
- readonly small: "small";
2412
- readonly medium: "medium";
2413
- readonly large: "large";
2414
- };
2415
-
2416
- // @public
2417
- export type ToggleButtonSize = ValuesOf<typeof ToggleButtonSize>;
2418
-
2419
- // @public (undocumented)
2420
- export const ToggleButtonStyles: ElementStyles;
2421
-
2422
- // @public
2423
- export const ToggleButtonTemplate: ElementViewTemplate<ToggleButton>;
2424
-
2425
- // (No @packageDocumentation comment for this package)
2426
-
2427
- ```