@fluentui/web-components 3.0.0-beta.7 → 3.0.0-beta.71

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