@fluentui/web-components 3.0.0-beta.99 → 3.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (546) hide show
  1. package/CHANGELOG.md +335 -2
  2. package/custom-elements.json +1886 -609
  3. package/dist/esm/accordion/accordion.js +3 -5
  4. package/dist/esm/accordion/accordion.js.map +1 -1
  5. package/dist/{dts → esm}/accordion-item/accordion-item.d.ts +1 -0
  6. package/dist/esm/accordion-item/accordion-item.js.map +1 -1
  7. package/dist/{dts → esm}/avatar/avatar.base.d.ts +20 -0
  8. package/dist/esm/avatar/avatar.base.js +37 -1
  9. package/dist/esm/avatar/avatar.base.js.map +1 -1
  10. package/dist/esm/avatar/avatar.js +1 -1
  11. package/dist/esm/avatar/avatar.js.map +1 -1
  12. package/dist/esm/avatar/avatar.template.js +2 -2
  13. package/dist/esm/avatar/avatar.template.js.map +1 -1
  14. package/dist/{dts → esm}/button/button.base.d.ts +3 -10
  15. package/dist/esm/button/button.base.js +25 -11
  16. package/dist/esm/button/button.base.js.map +1 -1
  17. package/dist/esm/button/button.template.js +0 -1
  18. package/dist/esm/button/button.template.js.map +1 -1
  19. package/dist/{dts → esm}/checkbox/checkbox.base.d.ts +10 -1
  20. package/dist/esm/checkbox/checkbox.base.js +24 -2
  21. package/dist/esm/checkbox/checkbox.base.js.map +1 -1
  22. package/dist/esm/checkbox/checkbox.template.js +0 -1
  23. package/dist/esm/checkbox/checkbox.template.js.map +1 -1
  24. package/dist/esm/compound-button/compound-button.styles.js +7 -1
  25. package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
  26. package/dist/{dts → esm}/dialog/dialog.d.ts +3 -0
  27. package/dist/esm/dialog/dialog.js +22 -1
  28. package/dist/esm/dialog/dialog.js.map +1 -1
  29. package/dist/esm/dialog/dialog.options.d.ts +21 -0
  30. package/dist/esm/dialog/dialog.options.js +14 -0
  31. package/dist/esm/dialog/dialog.options.js.map +1 -1
  32. package/dist/esm/dialog/dialog.styles.js +7 -1
  33. package/dist/esm/dialog/dialog.styles.js.map +1 -1
  34. package/dist/esm/dialog/dialog.template.js +0 -4
  35. package/dist/esm/dialog/dialog.template.js.map +1 -1
  36. package/dist/{dts → esm}/dialog/index.d.ts +1 -1
  37. package/dist/esm/dialog/index.js +1 -1
  38. package/dist/esm/dialog/index.js.map +1 -1
  39. package/dist/{dts → esm}/dialog-body/dialog-body.d.ts +5 -3
  40. package/dist/esm/dialog-body/dialog-body.js +16 -12
  41. package/dist/esm/dialog-body/dialog-body.js.map +1 -1
  42. package/dist/esm/dialog-body/dialog-body.styles.js +24 -8
  43. package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
  44. package/dist/esm/dialog-body/dialog-body.template.js +10 -35
  45. package/dist/esm/dialog-body/dialog-body.template.js.map +1 -1
  46. package/dist/{dts → esm}/divider/divider.options.d.ts +1 -4
  47. package/dist/{dts → esm}/drawer/drawer.d.ts +14 -0
  48. package/dist/esm/drawer/drawer.js +50 -0
  49. package/dist/esm/drawer/drawer.js.map +1 -1
  50. package/dist/esm/drawer/drawer.template.js +1 -4
  51. package/dist/esm/drawer/drawer.template.js.map +1 -1
  52. package/dist/{dts → esm}/drawer-body/drawer-body.d.ts +7 -0
  53. package/dist/esm/drawer-body/drawer-body.js +16 -0
  54. package/dist/esm/drawer-body/drawer-body.js.map +1 -1
  55. package/dist/esm/drawer-body/drawer-body.template.js +1 -1
  56. package/dist/esm/drawer-body/drawer-body.template.js.map +1 -1
  57. package/dist/{dts → esm}/dropdown/dropdown.base.d.ts +30 -16
  58. package/dist/esm/dropdown/dropdown.base.js +114 -62
  59. package/dist/esm/dropdown/dropdown.base.js.map +1 -1
  60. package/dist/esm/dropdown/dropdown.definition.js +0 -3
  61. package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
  62. package/dist/esm/dropdown/dropdown.styles.js +28 -25
  63. package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
  64. package/dist/esm/dropdown/dropdown.template.js +4 -2
  65. package/dist/esm/dropdown/dropdown.template.js.map +1 -1
  66. package/dist/{dts → esm}/field/field.base.d.ts +3 -0
  67. package/dist/esm/field/field.base.js +21 -10
  68. package/dist/esm/field/field.base.js.map +1 -1
  69. package/dist/esm/field/field.styles.js +13 -15
  70. package/dist/esm/field/field.styles.js.map +1 -1
  71. package/dist/esm/field/field.template.js +2 -10
  72. package/dist/esm/field/field.template.js.map +1 -1
  73. package/dist/{dts → esm}/index.d.ts +2 -2
  74. package/dist/esm/index.js +2 -2
  75. package/dist/esm/index.js.map +1 -1
  76. package/dist/esm/label/label.template.js +1 -1
  77. package/dist/esm/label/label.template.js.map +1 -1
  78. package/dist/{dts → esm}/listbox/listbox.d.ts +8 -2
  79. package/dist/esm/listbox/listbox.js +17 -5
  80. package/dist/esm/listbox/listbox.js.map +1 -1
  81. package/dist/esm/listbox/listbox.styles.js +38 -2
  82. package/dist/esm/listbox/listbox.styles.js.map +1 -1
  83. package/dist/{dts → esm}/listbox/listbox.template.d.ts +1 -2
  84. package/dist/esm/listbox/listbox.template.js +2 -9
  85. package/dist/esm/listbox/listbox.template.js.map +1 -1
  86. package/dist/esm/menu/menu.js +7 -3
  87. package/dist/esm/menu/menu.js.map +1 -1
  88. package/dist/{dts → esm}/menu-item/menu-item.options.d.ts +10 -0
  89. package/dist/esm/menu-item/menu-item.options.js +14 -0
  90. package/dist/esm/menu-item/menu-item.options.js.map +1 -1
  91. package/dist/esm/menu-item/menu-item.styles.js +1 -1
  92. package/dist/esm/menu-list/menu-list.js +3 -7
  93. package/dist/esm/menu-list/menu-list.js.map +1 -1
  94. package/dist/esm/option/option.js +1 -0
  95. package/dist/esm/option/option.js.map +1 -1
  96. package/dist/esm/option/option.styles.js +8 -2
  97. package/dist/esm/option/option.styles.js.map +1 -1
  98. package/dist/{dts → esm}/progress-bar/progress-bar.base.d.ts +4 -5
  99. package/dist/esm/progress-bar/progress-bar.base.js +26 -15
  100. package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
  101. package/dist/{dts → esm}/progress-bar/progress-bar.d.ts +1 -1
  102. package/dist/esm/progress-bar/progress-bar.styles.js +11 -0
  103. package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
  104. package/dist/esm/progress-bar/progress-bar.template.js +2 -8
  105. package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
  106. package/dist/{dts → esm}/radio/radio.d.ts +0 -1
  107. package/dist/esm/radio/radio.js +0 -7
  108. package/dist/esm/radio/radio.js.map +1 -1
  109. package/dist/{dts → esm}/radio-group/radio-group.d.ts +15 -0
  110. package/dist/esm/radio-group/radio-group.js +46 -6
  111. package/dist/esm/radio-group/radio-group.js.map +1 -1
  112. package/dist/{dts → esm}/radio-group/radio-group.options.d.ts +1 -4
  113. package/dist/esm/radio-group/radio-group.styles.js +5 -1
  114. package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
  115. package/dist/{dts → esm}/rating-display/rating-display.base.d.ts +20 -32
  116. package/dist/esm/rating-display/rating-display.base.js +63 -48
  117. package/dist/esm/rating-display/rating-display.base.js.map +1 -1
  118. package/dist/{dts → esm}/rating-display/rating-display.d.ts +1 -13
  119. package/dist/esm/rating-display/rating-display.js +0 -16
  120. package/dist/esm/rating-display/rating-display.js.map +1 -1
  121. package/dist/esm/rating-display/rating-display.styles.js +65 -38
  122. package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
  123. package/dist/esm/rating-display/rating-display.template.d.ts +17 -0
  124. package/dist/esm/rating-display/rating-display.template.js +11 -15
  125. package/dist/esm/rating-display/rating-display.template.js.map +1 -1
  126. package/dist/esm/slider/slider.js +2 -2
  127. package/dist/esm/slider/slider.js.map +1 -1
  128. package/dist/esm/slider/slider.template.js +0 -1
  129. package/dist/esm/slider/slider.template.js.map +1 -1
  130. package/dist/{dts → esm}/styles/states/index.d.ts +5 -0
  131. package/dist/esm/styles/states/index.js +5 -0
  132. package/dist/esm/styles/states/index.js.map +1 -1
  133. package/dist/esm/switch/switch.styles.js +4 -0
  134. package/dist/esm/switch/switch.styles.js.map +1 -1
  135. package/dist/esm/switch/switch.template.js +0 -1
  136. package/dist/esm/switch/switch.template.js.map +1 -1
  137. package/dist/{dts → esm}/tab/index.d.ts +1 -0
  138. package/dist/esm/tab/index.js +1 -0
  139. package/dist/esm/tab/index.js.map +1 -1
  140. package/dist/esm/tab/tab.options.d.ts +10 -0
  141. package/dist/esm/tab/tab.options.js +15 -0
  142. package/dist/esm/tab/tab.options.js.map +1 -0
  143. package/dist/esm/tab/tab.styles.js +12 -7
  144. package/dist/esm/tab/tab.styles.js.map +1 -1
  145. package/dist/{dts → esm}/tablist/tablist.base.d.ts +13 -2
  146. package/dist/esm/tablist/tablist.base.js +23 -0
  147. package/dist/esm/tablist/tablist.base.js.map +1 -1
  148. package/dist/{dts → esm}/tablist/tablist.options.d.ts +1 -4
  149. package/dist/esm/tablist/tablist.styles.js +2 -2
  150. package/dist/esm/tablist/tablist.template.js +1 -1
  151. package/dist/esm/tablist/tablist.template.js.map +1 -1
  152. package/dist/esm/text/text.styles.js +0 -1
  153. package/dist/esm/text/text.styles.js.map +1 -1
  154. package/dist/{dts → esm}/textarea/textarea.base.d.ts +1 -0
  155. package/dist/esm/textarea/textarea.base.js +14 -6
  156. package/dist/esm/textarea/textarea.base.js.map +1 -1
  157. package/dist/esm/textarea/textarea.template.js +2 -14
  158. package/dist/esm/textarea/textarea.template.js.map +1 -1
  159. package/dist/{dts → esm}/tree/tree.base.d.ts +7 -1
  160. package/dist/esm/tree/tree.base.js +9 -0
  161. package/dist/esm/tree/tree.base.js.map +1 -1
  162. package/dist/{dts → esm}/tree/tree.d.ts +4 -4
  163. package/dist/esm/tree/tree.js +2 -2
  164. package/dist/esm/tree/tree.js.map +1 -1
  165. package/dist/esm/tree/tree.styles.js +2 -1
  166. package/dist/esm/tree/tree.styles.js.map +1 -1
  167. package/dist/esm/tree/tree.template.js +2 -7
  168. package/dist/esm/tree/tree.template.js.map +1 -1
  169. package/dist/{dts → esm}/tree-item/tree-item.base.d.ts +8 -1
  170. package/dist/esm/tree-item/tree-item.base.js +18 -0
  171. package/dist/esm/tree-item/tree-item.base.js.map +1 -1
  172. package/dist/{dts → esm}/tree-item/tree-item.d.ts +3 -3
  173. package/dist/esm/tree-item/tree-item.js +1 -1
  174. package/dist/esm/tree-item/tree-item.js.map +1 -1
  175. package/dist/esm/tree-item/tree-item.styles.js +5 -0
  176. package/dist/esm/tree-item/tree-item.styles.js.map +1 -1
  177. package/dist/esm/tree-item/tree-item.template.js +5 -13
  178. package/dist/esm/tree-item/tree-item.template.js.map +1 -1
  179. package/dist/{dts → esm}/tsdoc-metadata.json +1 -1
  180. package/dist/esm/utils/element-internals.js +0 -3
  181. package/dist/esm/utils/element-internals.js.map +1 -1
  182. package/dist/{dts → esm}/utils/language.d.ts +1 -1
  183. package/dist/esm/utils/request-idle-callback.d.ts +41 -0
  184. package/dist/esm/utils/request-idle-callback.js +72 -0
  185. package/dist/esm/utils/request-idle-callback.js.map +1 -0
  186. package/dist/web-components.d.ts +197 -105
  187. package/dist/web-components.js +802 -535
  188. package/dist/web-components.min.js +230 -219
  189. package/package.json +27 -55
  190. package/dist/dts/dialog/dialog.options.d.ts +0 -11
  191. package/dist/dts/rating-display/rating-display.template.d.ts +0 -14
  192. /package/dist/{dts → esm}/accordion/accordion.bench.d.ts +0 -0
  193. /package/dist/{dts → esm}/accordion/accordion.d.ts +0 -0
  194. /package/dist/{dts → esm}/accordion/accordion.definition.d.ts +0 -0
  195. /package/dist/{dts → esm}/accordion/accordion.options.d.ts +0 -0
  196. /package/dist/{dts → esm}/accordion/accordion.styles.d.ts +0 -0
  197. /package/dist/{dts → esm}/accordion/accordion.template.d.ts +0 -0
  198. /package/dist/{dts → esm}/accordion/define.d.ts +0 -0
  199. /package/dist/{dts → esm}/accordion/index.d.ts +0 -0
  200. /package/dist/{dts → esm}/accordion-item/accordion-item.base.d.ts +0 -0
  201. /package/dist/{dts → esm}/accordion-item/accordion-item.bench.d.ts +0 -0
  202. /package/dist/{dts → esm}/accordion-item/accordion-item.definition.d.ts +0 -0
  203. /package/dist/{dts → esm}/accordion-item/accordion-item.options.d.ts +0 -0
  204. /package/dist/{dts → esm}/accordion-item/accordion-item.styles.d.ts +0 -0
  205. /package/dist/{dts → esm}/accordion-item/accordion-item.template.d.ts +0 -0
  206. /package/dist/{dts → esm}/accordion-item/define.d.ts +0 -0
  207. /package/dist/{dts → esm}/accordion-item/index.d.ts +0 -0
  208. /package/dist/{dts → esm}/anchor-button/anchor-button.base.d.ts +0 -0
  209. /package/dist/{dts → esm}/anchor-button/anchor-button.bench.d.ts +0 -0
  210. /package/dist/{dts → esm}/anchor-button/anchor-button.d.ts +0 -0
  211. /package/dist/{dts → esm}/anchor-button/anchor-button.definition.d.ts +0 -0
  212. /package/dist/{dts → esm}/anchor-button/anchor-button.options.d.ts +0 -0
  213. /package/dist/{dts → esm}/anchor-button/anchor-button.styles.d.ts +0 -0
  214. /package/dist/{dts → esm}/anchor-button/anchor-button.template.d.ts +0 -0
  215. /package/dist/{dts → esm}/anchor-button/define.d.ts +0 -0
  216. /package/dist/{dts → esm}/anchor-button/index.d.ts +0 -0
  217. /package/dist/{dts → esm}/avatar/avatar.bench.d.ts +0 -0
  218. /package/dist/{dts → esm}/avatar/avatar.d.ts +0 -0
  219. /package/dist/{dts → esm}/avatar/avatar.definition.d.ts +0 -0
  220. /package/dist/{dts → esm}/avatar/avatar.options.d.ts +0 -0
  221. /package/dist/{dts → esm}/avatar/avatar.styles.d.ts +0 -0
  222. /package/dist/{dts → esm}/avatar/avatar.template.d.ts +0 -0
  223. /package/dist/{dts → esm}/avatar/define.d.ts +0 -0
  224. /package/dist/{dts → esm}/avatar/index.d.ts +0 -0
  225. /package/dist/{dts → esm}/badge/badge.bench.d.ts +0 -0
  226. /package/dist/{dts → esm}/badge/badge.d.ts +0 -0
  227. /package/dist/{dts → esm}/badge/badge.definition.d.ts +0 -0
  228. /package/dist/{dts → esm}/badge/badge.options.d.ts +0 -0
  229. /package/dist/{dts → esm}/badge/badge.styles.d.ts +0 -0
  230. /package/dist/{dts → esm}/badge/badge.template.d.ts +0 -0
  231. /package/dist/{dts → esm}/badge/define.d.ts +0 -0
  232. /package/dist/{dts → esm}/badge/index.d.ts +0 -0
  233. /package/dist/{dts → esm}/button/button.bench.d.ts +0 -0
  234. /package/dist/{dts → esm}/button/button.d.ts +0 -0
  235. /package/dist/{dts → esm}/button/button.definition.d.ts +0 -0
  236. /package/dist/{dts → esm}/button/button.options.d.ts +0 -0
  237. /package/dist/{dts → esm}/button/button.styles.d.ts +0 -0
  238. /package/dist/{dts → esm}/button/button.template.d.ts +0 -0
  239. /package/dist/{dts → esm}/button/define.d.ts +0 -0
  240. /package/dist/{dts → esm}/button/index.d.ts +0 -0
  241. /package/dist/{dts → esm}/checkbox/checkbox.bench.d.ts +0 -0
  242. /package/dist/{dts → esm}/checkbox/checkbox.d.ts +0 -0
  243. /package/dist/{dts → esm}/checkbox/checkbox.definition.d.ts +0 -0
  244. /package/dist/{dts → esm}/checkbox/checkbox.options.d.ts +0 -0
  245. /package/dist/{dts → esm}/checkbox/checkbox.styles.d.ts +0 -0
  246. /package/dist/{dts → esm}/checkbox/checkbox.template.d.ts +0 -0
  247. /package/dist/{dts → esm}/checkbox/define.d.ts +0 -0
  248. /package/dist/{dts → esm}/checkbox/index.d.ts +0 -0
  249. /package/dist/{dts → esm}/compound-button/compound-button.bench.d.ts +0 -0
  250. /package/dist/{dts → esm}/compound-button/compound-button.d.ts +0 -0
  251. /package/dist/{dts → esm}/compound-button/compound-button.definition.d.ts +0 -0
  252. /package/dist/{dts → esm}/compound-button/compound-button.options.d.ts +0 -0
  253. /package/dist/{dts → esm}/compound-button/compound-button.styles.d.ts +0 -0
  254. /package/dist/{dts → esm}/compound-button/compound-button.template.d.ts +0 -0
  255. /package/dist/{dts → esm}/compound-button/define.d.ts +0 -0
  256. /package/dist/{dts → esm}/compound-button/index.d.ts +0 -0
  257. /package/dist/{dts → esm}/counter-badge/counter-badge.bench.d.ts +0 -0
  258. /package/dist/{dts → esm}/counter-badge/counter-badge.d.ts +0 -0
  259. /package/dist/{dts → esm}/counter-badge/counter-badge.definition.d.ts +0 -0
  260. /package/dist/{dts → esm}/counter-badge/counter-badge.options.d.ts +0 -0
  261. /package/dist/{dts → esm}/counter-badge/counter-badge.styles.d.ts +0 -0
  262. /package/dist/{dts → esm}/counter-badge/counter-badge.template.d.ts +0 -0
  263. /package/dist/{dts → esm}/counter-badge/define.d.ts +0 -0
  264. /package/dist/{dts → esm}/counter-badge/index.d.ts +0 -0
  265. /package/dist/{dts → esm}/dialog/define.d.ts +0 -0
  266. /package/dist/{dts → esm}/dialog/dialog.bench.d.ts +0 -0
  267. /package/dist/{dts → esm}/dialog/dialog.definition.d.ts +0 -0
  268. /package/dist/{dts → esm}/dialog/dialog.styles.d.ts +0 -0
  269. /package/dist/{dts → esm}/dialog/dialog.template.d.ts +0 -0
  270. /package/dist/{dts → esm}/dialog-body/define.d.ts +0 -0
  271. /package/dist/{dts → esm}/dialog-body/dialog-body.bench.d.ts +0 -0
  272. /package/dist/{dts → esm}/dialog-body/dialog-body.definition.d.ts +0 -0
  273. /package/dist/{dts → esm}/dialog-body/dialog-body.styles.d.ts +0 -0
  274. /package/dist/{dts → esm}/dialog-body/dialog-body.template.d.ts +0 -0
  275. /package/dist/{dts → esm}/dialog-body/index.d.ts +0 -0
  276. /package/dist/{dts → esm}/divider/define.d.ts +0 -0
  277. /package/dist/{dts → esm}/divider/divider.base.d.ts +0 -0
  278. /package/dist/{dts → esm}/divider/divider.bench.d.ts +0 -0
  279. /package/dist/{dts → esm}/divider/divider.d.ts +0 -0
  280. /package/dist/{dts → esm}/divider/divider.definition.d.ts +0 -0
  281. /package/dist/{dts → esm}/divider/divider.styles.d.ts +0 -0
  282. /package/dist/{dts → esm}/divider/divider.template.d.ts +0 -0
  283. /package/dist/{dts → esm}/divider/index.d.ts +0 -0
  284. /package/dist/{dts → esm}/drawer/define.d.ts +0 -0
  285. /package/dist/{dts → esm}/drawer/drawer.definition.d.ts +0 -0
  286. /package/dist/{dts → esm}/drawer/drawer.options.d.ts +0 -0
  287. /package/dist/{dts → esm}/drawer/drawer.styles.d.ts +0 -0
  288. /package/dist/{dts → esm}/drawer/drawer.template.d.ts +0 -0
  289. /package/dist/{dts → esm}/drawer/index.d.ts +0 -0
  290. /package/dist/{dts → esm}/drawer-body/define.d.ts +0 -0
  291. /package/dist/{dts → esm}/drawer-body/drawer-body.definition.d.ts +0 -0
  292. /package/dist/{dts → esm}/drawer-body/drawer-body.styles.d.ts +0 -0
  293. /package/dist/{dts → esm}/drawer-body/drawer-body.template.d.ts +0 -0
  294. /package/dist/{dts → esm}/drawer-body/index.d.ts +0 -0
  295. /package/dist/{dts → esm}/dropdown/define.d.ts +0 -0
  296. /package/dist/{dts → esm}/dropdown/dropdown.d.ts +0 -0
  297. /package/dist/{dts → esm}/dropdown/dropdown.definition.d.ts +0 -0
  298. /package/dist/{dts → esm}/dropdown/dropdown.options.d.ts +0 -0
  299. /package/dist/{dts → esm}/dropdown/dropdown.styles.d.ts +0 -0
  300. /package/dist/{dts → esm}/dropdown/dropdown.template.d.ts +0 -0
  301. /package/dist/{dts → esm}/dropdown/index.d.ts +0 -0
  302. /package/dist/{dts → esm}/field/define.d.ts +0 -0
  303. /package/dist/{dts → esm}/field/field.bench.d.ts +0 -0
  304. /package/dist/{dts → esm}/field/field.d.ts +0 -0
  305. /package/dist/{dts → esm}/field/field.definition.d.ts +0 -0
  306. /package/dist/{dts → esm}/field/field.options.d.ts +0 -0
  307. /package/dist/{dts → esm}/field/field.styles.d.ts +0 -0
  308. /package/dist/{dts → esm}/field/field.template.d.ts +0 -0
  309. /package/dist/{dts → esm}/field/index.d.ts +0 -0
  310. /package/dist/{dts → esm}/fluent-design-system.d.ts +0 -0
  311. /package/dist/{dts → esm}/image/define.d.ts +0 -0
  312. /package/dist/{dts → esm}/image/image.bench.d.ts +0 -0
  313. /package/dist/{dts → esm}/image/image.d.ts +0 -0
  314. /package/dist/{dts → esm}/image/image.definition.d.ts +0 -0
  315. /package/dist/{dts → esm}/image/image.options.d.ts +0 -0
  316. /package/dist/{dts → esm}/image/image.styles.d.ts +0 -0
  317. /package/dist/{dts → esm}/image/image.template.d.ts +0 -0
  318. /package/dist/{dts → esm}/image/index.d.ts +0 -0
  319. /package/dist/{dts → esm}/index-rollup.d.ts +0 -0
  320. /package/dist/{dts → esm}/label/define.d.ts +0 -0
  321. /package/dist/{dts → esm}/label/index.d.ts +0 -0
  322. /package/dist/{dts → esm}/label/label.bench.d.ts +0 -0
  323. /package/dist/{dts → esm}/label/label.d.ts +0 -0
  324. /package/dist/{dts → esm}/label/label.definition.d.ts +0 -0
  325. /package/dist/{dts → esm}/label/label.options.d.ts +0 -0
  326. /package/dist/{dts → esm}/label/label.styles.d.ts +0 -0
  327. /package/dist/{dts → esm}/label/label.template.d.ts +0 -0
  328. /package/dist/{dts → esm}/link/define.d.ts +0 -0
  329. /package/dist/{dts → esm}/link/index.d.ts +0 -0
  330. /package/dist/{dts → esm}/link/link.bench.d.ts +0 -0
  331. /package/dist/{dts → esm}/link/link.d.ts +0 -0
  332. /package/dist/{dts → esm}/link/link.definition.d.ts +0 -0
  333. /package/dist/{dts → esm}/link/link.options.d.ts +0 -0
  334. /package/dist/{dts → esm}/link/link.styles.d.ts +0 -0
  335. /package/dist/{dts → esm}/link/link.template.d.ts +0 -0
  336. /package/dist/{dts → esm}/listbox/define.d.ts +0 -0
  337. /package/dist/{dts → esm}/listbox/index.d.ts +0 -0
  338. /package/dist/{dts → esm}/listbox/listbox.definition.d.ts +0 -0
  339. /package/dist/{dts → esm}/listbox/listbox.options.d.ts +0 -0
  340. /package/dist/{dts → esm}/listbox/listbox.styles.d.ts +0 -0
  341. /package/dist/{dts → esm}/menu/define.d.ts +0 -0
  342. /package/dist/{dts → esm}/menu/index.d.ts +0 -0
  343. /package/dist/{dts → esm}/menu/menu.bench.d.ts +0 -0
  344. /package/dist/{dts → esm}/menu/menu.d.ts +0 -0
  345. /package/dist/{dts → esm}/menu/menu.definition.d.ts +0 -0
  346. /package/dist/{dts → esm}/menu/menu.styles.d.ts +0 -0
  347. /package/dist/{dts → esm}/menu/menu.template.d.ts +0 -0
  348. /package/dist/{dts → esm}/menu-button/define.d.ts +0 -0
  349. /package/dist/{dts → esm}/menu-button/index.d.ts +0 -0
  350. /package/dist/{dts → esm}/menu-button/menu-button.bench.d.ts +0 -0
  351. /package/dist/{dts → esm}/menu-button/menu-button.d.ts +0 -0
  352. /package/dist/{dts → esm}/menu-button/menu-button.definition.d.ts +0 -0
  353. /package/dist/{dts → esm}/menu-button/menu-button.options.d.ts +0 -0
  354. /package/dist/{dts → esm}/menu-button/menu-button.template.d.ts +0 -0
  355. /package/dist/{dts → esm}/menu-item/define.d.ts +0 -0
  356. /package/dist/{dts → esm}/menu-item/index.d.ts +0 -0
  357. /package/dist/{dts → esm}/menu-item/menu-item.bench.d.ts +0 -0
  358. /package/dist/{dts → esm}/menu-item/menu-item.d.ts +0 -0
  359. /package/dist/{dts → esm}/menu-item/menu-item.definition.d.ts +0 -0
  360. /package/dist/{dts → esm}/menu-item/menu-item.styles.d.ts +0 -0
  361. /package/dist/{dts → esm}/menu-item/menu-item.template.d.ts +0 -0
  362. /package/dist/{dts → esm}/menu-list/define.d.ts +0 -0
  363. /package/dist/{dts → esm}/menu-list/index.d.ts +0 -0
  364. /package/dist/{dts → esm}/menu-list/menu-list.bench.d.ts +0 -0
  365. /package/dist/{dts → esm}/menu-list/menu-list.d.ts +0 -0
  366. /package/dist/{dts → esm}/menu-list/menu-list.definition.d.ts +0 -0
  367. /package/dist/{dts → esm}/menu-list/menu-list.styles.d.ts +0 -0
  368. /package/dist/{dts → esm}/menu-list/menu-list.template.d.ts +0 -0
  369. /package/dist/{dts → esm}/message-bar/define.d.ts +0 -0
  370. /package/dist/{dts → esm}/message-bar/index.d.ts +0 -0
  371. /package/dist/{dts → esm}/message-bar/message-bar.bench.d.ts +0 -0
  372. /package/dist/{dts → esm}/message-bar/message-bar.d.ts +0 -0
  373. /package/dist/{dts → esm}/message-bar/message-bar.definition.d.ts +0 -0
  374. /package/dist/{dts → esm}/message-bar/message-bar.options.d.ts +0 -0
  375. /package/dist/{dts → esm}/message-bar/message-bar.styles.d.ts +0 -0
  376. /package/dist/{dts → esm}/message-bar/message-bar.template.d.ts +0 -0
  377. /package/dist/{dts → esm}/option/define.d.ts +0 -0
  378. /package/dist/{dts → esm}/option/index.d.ts +0 -0
  379. /package/dist/{dts → esm}/option/option.d.ts +0 -0
  380. /package/dist/{dts → esm}/option/option.definition.d.ts +0 -0
  381. /package/dist/{dts → esm}/option/option.options.d.ts +0 -0
  382. /package/dist/{dts → esm}/option/option.styles.d.ts +0 -0
  383. /package/dist/{dts → esm}/option/option.template.d.ts +0 -0
  384. /package/dist/{dts → esm}/patterns/aria-globals.d.ts +0 -0
  385. /package/dist/{dts → esm}/patterns/index.d.ts +0 -0
  386. /package/dist/{dts → esm}/patterns/start-end.d.ts +0 -0
  387. /package/dist/{dts → esm}/progress-bar/define.d.ts +0 -0
  388. /package/dist/{dts → esm}/progress-bar/index.d.ts +0 -0
  389. /package/dist/{dts → esm}/progress-bar/progress-bar.bench.d.ts +0 -0
  390. /package/dist/{dts → esm}/progress-bar/progress-bar.definition.d.ts +0 -0
  391. /package/dist/{dts → esm}/progress-bar/progress-bar.options.d.ts +0 -0
  392. /package/dist/{dts → esm}/progress-bar/progress-bar.styles.d.ts +0 -0
  393. /package/dist/{dts → esm}/progress-bar/progress-bar.template.d.ts +0 -0
  394. /package/dist/{dts → esm}/radio/define.d.ts +0 -0
  395. /package/dist/{dts → esm}/radio/index.d.ts +0 -0
  396. /package/dist/{dts → esm}/radio/radio.bench.d.ts +0 -0
  397. /package/dist/{dts → esm}/radio/radio.definition.d.ts +0 -0
  398. /package/dist/{dts → esm}/radio/radio.options.d.ts +0 -0
  399. /package/dist/{dts → esm}/radio/radio.styles.d.ts +0 -0
  400. /package/dist/{dts → esm}/radio/radio.template.d.ts +0 -0
  401. /package/dist/{dts → esm}/radio-group/define.d.ts +0 -0
  402. /package/dist/{dts → esm}/radio-group/index.d.ts +0 -0
  403. /package/dist/{dts → esm}/radio-group/radio-group.bench.d.ts +0 -0
  404. /package/dist/{dts → esm}/radio-group/radio-group.definition.d.ts +0 -0
  405. /package/dist/{dts → esm}/radio-group/radio-group.styles.d.ts +0 -0
  406. /package/dist/{dts → esm}/radio-group/radio-group.template.d.ts +0 -0
  407. /package/dist/{dts → esm}/rating-display/define.d.ts +0 -0
  408. /package/dist/{dts → esm}/rating-display/index.d.ts +0 -0
  409. /package/dist/{dts → esm}/rating-display/rating-display.definition.d.ts +0 -0
  410. /package/dist/{dts → esm}/rating-display/rating-display.options.d.ts +0 -0
  411. /package/dist/{dts → esm}/rating-display/rating-display.styles.d.ts +0 -0
  412. /package/dist/{dts → esm}/slider/define.d.ts +0 -0
  413. /package/dist/{dts → esm}/slider/index.d.ts +0 -0
  414. /package/dist/{dts → esm}/slider/slider-utilities.d.ts +0 -0
  415. /package/dist/{dts → esm}/slider/slider.bench.d.ts +0 -0
  416. /package/dist/{dts → esm}/slider/slider.d.ts +0 -0
  417. /package/dist/{dts → esm}/slider/slider.definition.d.ts +0 -0
  418. /package/dist/{dts → esm}/slider/slider.options.d.ts +0 -0
  419. /package/dist/{dts → esm}/slider/slider.styles.d.ts +0 -0
  420. /package/dist/{dts → esm}/slider/slider.template.d.ts +0 -0
  421. /package/dist/{dts → esm}/spinner/define.d.ts +0 -0
  422. /package/dist/{dts → esm}/spinner/index.d.ts +0 -0
  423. /package/dist/{dts → esm}/spinner/spinner.base.d.ts +0 -0
  424. /package/dist/{dts → esm}/spinner/spinner.bench.d.ts +0 -0
  425. /package/dist/{dts → esm}/spinner/spinner.d.ts +0 -0
  426. /package/dist/{dts → esm}/spinner/spinner.definition.d.ts +0 -0
  427. /package/dist/{dts → esm}/spinner/spinner.options.d.ts +0 -0
  428. /package/dist/{dts → esm}/spinner/spinner.styles.d.ts +0 -0
  429. /package/dist/{dts → esm}/spinner/spinner.template.d.ts +0 -0
  430. /package/dist/{dts → esm}/styles/index.d.ts +0 -0
  431. /package/dist/{dts → esm}/styles/partials/badge.partials.d.ts +0 -0
  432. /package/dist/{dts → esm}/styles/partials/index.d.ts +0 -0
  433. /package/dist/{dts → esm}/styles/partials/typography.partials.d.ts +0 -0
  434. /package/dist/{dts → esm}/switch/define.d.ts +0 -0
  435. /package/dist/{dts → esm}/switch/index.d.ts +0 -0
  436. /package/dist/{dts → esm}/switch/switch.bench.d.ts +0 -0
  437. /package/dist/{dts → esm}/switch/switch.d.ts +0 -0
  438. /package/dist/{dts → esm}/switch/switch.definition.d.ts +0 -0
  439. /package/dist/{dts → esm}/switch/switch.options.d.ts +0 -0
  440. /package/dist/{dts → esm}/switch/switch.styles.d.ts +0 -0
  441. /package/dist/{dts → esm}/switch/switch.template.d.ts +0 -0
  442. /package/dist/{dts → esm}/tab/define.d.ts +0 -0
  443. /package/dist/{dts → esm}/tab/tab.bench.d.ts +0 -0
  444. /package/dist/{dts → esm}/tab/tab.d.ts +0 -0
  445. /package/dist/{dts → esm}/tab/tab.definition.d.ts +0 -0
  446. /package/dist/{dts → esm}/tab/tab.styles.d.ts +0 -0
  447. /package/dist/{dts → esm}/tab/tab.template.d.ts +0 -0
  448. /package/dist/{dts → esm}/tab-panel/define.d.ts +0 -0
  449. /package/dist/{dts → esm}/tab-panel/index.d.ts +0 -0
  450. /package/dist/{dts → esm}/tab-panel/tab-panel.bench.d.ts +0 -0
  451. /package/dist/{dts → esm}/tab-panel/tab-panel.d.ts +0 -0
  452. /package/dist/{dts → esm}/tab-panel/tab-panel.definition.d.ts +0 -0
  453. /package/dist/{dts → esm}/tab-panel/tab-panel.styles.d.ts +0 -0
  454. /package/dist/{dts → esm}/tab-panel/tab-panel.template.d.ts +0 -0
  455. /package/dist/{dts → esm}/tablist/define.d.ts +0 -0
  456. /package/dist/{dts → esm}/tablist/index.d.ts +0 -0
  457. /package/dist/{dts → esm}/tablist/tablist.bench.d.ts +0 -0
  458. /package/dist/{dts → esm}/tablist/tablist.d.ts +0 -0
  459. /package/dist/{dts → esm}/tablist/tablist.definition.d.ts +0 -0
  460. /package/dist/{dts → esm}/tablist/tablist.styles.d.ts +0 -0
  461. /package/dist/{dts → esm}/tablist/tablist.template.d.ts +0 -0
  462. /package/dist/{dts → esm}/tabs/define.d.ts +0 -0
  463. /package/dist/{dts → esm}/tabs/index.d.ts +0 -0
  464. /package/dist/{dts → esm}/tabs/tabs.base.d.ts +0 -0
  465. /package/dist/{dts → esm}/tabs/tabs.bench.d.ts +0 -0
  466. /package/dist/{dts → esm}/tabs/tabs.d.ts +0 -0
  467. /package/dist/{dts → esm}/tabs/tabs.definition.d.ts +0 -0
  468. /package/dist/{dts → esm}/tabs/tabs.options.d.ts +0 -0
  469. /package/dist/{dts → esm}/tabs/tabs.styles.d.ts +0 -0
  470. /package/dist/{dts → esm}/tabs/tabs.template.d.ts +0 -0
  471. /package/dist/{dts → esm}/text/define.d.ts +0 -0
  472. /package/dist/{dts → esm}/text/index.d.ts +0 -0
  473. /package/dist/{dts → esm}/text/text.bench.d.ts +0 -0
  474. /package/dist/{dts → esm}/text/text.d.ts +0 -0
  475. /package/dist/{dts → esm}/text/text.definition.d.ts +0 -0
  476. /package/dist/{dts → esm}/text/text.options.d.ts +0 -0
  477. /package/dist/{dts → esm}/text/text.styles.d.ts +0 -0
  478. /package/dist/{dts → esm}/text/text.template.d.ts +0 -0
  479. /package/dist/{dts → esm}/text-input/define.d.ts +0 -0
  480. /package/dist/{dts → esm}/text-input/index.d.ts +0 -0
  481. /package/dist/{dts → esm}/text-input/text-input.base.d.ts +0 -0
  482. /package/dist/{dts → esm}/text-input/text-input.bench.d.ts +0 -0
  483. /package/dist/{dts → esm}/text-input/text-input.d.ts +0 -0
  484. /package/dist/{dts → esm}/text-input/text-input.definition.d.ts +0 -0
  485. /package/dist/{dts → esm}/text-input/text-input.options.d.ts +0 -0
  486. /package/dist/{dts → esm}/text-input/text-input.styles.d.ts +0 -0
  487. /package/dist/{dts → esm}/text-input/text-input.template.d.ts +0 -0
  488. /package/dist/{dts → esm}/textarea/define.d.ts +0 -0
  489. /package/dist/{dts → esm}/textarea/index.d.ts +0 -0
  490. /package/dist/{dts → esm}/textarea/textarea.bench.d.ts +0 -0
  491. /package/dist/{dts → esm}/textarea/textarea.d.ts +0 -0
  492. /package/dist/{dts → esm}/textarea/textarea.definition.d.ts +0 -0
  493. /package/dist/{dts → esm}/textarea/textarea.options.d.ts +0 -0
  494. /package/dist/{dts → esm}/textarea/textarea.styles.d.ts +0 -0
  495. /package/dist/{dts → esm}/textarea/textarea.template.d.ts +0 -0
  496. /package/dist/{dts → esm}/theme/design-tokens.d.ts +0 -0
  497. /package/dist/{dts → esm}/theme/index.d.ts +0 -0
  498. /package/dist/{dts → esm}/theme/set-theme.d.ts +0 -0
  499. /package/dist/{dts → esm}/theme/set-theme.global.bench.d.ts +0 -0
  500. /package/dist/{dts → esm}/theme/set-theme.local.bench.d.ts +0 -0
  501. /package/dist/{dts → esm}/theme/set-theme.shadow.bench.d.ts +0 -0
  502. /package/dist/{dts → esm}/toggle-button/define.d.ts +0 -0
  503. /package/dist/{dts → esm}/toggle-button/index.d.ts +0 -0
  504. /package/dist/{dts → esm}/toggle-button/toggle-button.bench.d.ts +0 -0
  505. /package/dist/{dts → esm}/toggle-button/toggle-button.d.ts +0 -0
  506. /package/dist/{dts → esm}/toggle-button/toggle-button.definition.d.ts +0 -0
  507. /package/dist/{dts → esm}/toggle-button/toggle-button.options.d.ts +0 -0
  508. /package/dist/{dts → esm}/toggle-button/toggle-button.styles.d.ts +0 -0
  509. /package/dist/{dts → esm}/toggle-button/toggle-button.template.d.ts +0 -0
  510. /package/dist/{dts → esm}/tooltip/define.d.ts +0 -0
  511. /package/dist/{dts → esm}/tooltip/index.d.ts +0 -0
  512. /package/dist/{dts → esm}/tooltip/tooltip.d.ts +0 -0
  513. /package/dist/{dts → esm}/tooltip/tooltip.definition.d.ts +0 -0
  514. /package/dist/{dts → esm}/tooltip/tooltip.options.d.ts +0 -0
  515. /package/dist/{dts → esm}/tooltip/tooltip.styles.d.ts +0 -0
  516. /package/dist/{dts → esm}/tooltip/tooltip.template.d.ts +0 -0
  517. /package/dist/{dts → esm}/tree/define.d.ts +0 -0
  518. /package/dist/{dts → esm}/tree/index.d.ts +0 -0
  519. /package/dist/{dts → esm}/tree/tree.bench.d.ts +0 -0
  520. /package/dist/{dts → esm}/tree/tree.definition.d.ts +0 -0
  521. /package/dist/{dts → esm}/tree/tree.styles.d.ts +0 -0
  522. /package/dist/{dts → esm}/tree/tree.template.d.ts +0 -0
  523. /package/dist/{dts → esm}/tree-item/define.d.ts +0 -0
  524. /package/dist/{dts → esm}/tree-item/index.d.ts +0 -0
  525. /package/dist/{dts → esm}/tree-item/tree-item.bench.d.ts +0 -0
  526. /package/dist/{dts → esm}/tree-item/tree-item.definition.d.ts +0 -0
  527. /package/dist/{dts → esm}/tree-item/tree-item.options.d.ts +0 -0
  528. /package/dist/{dts → esm}/tree-item/tree-item.styles.d.ts +0 -0
  529. /package/dist/{dts → esm}/tree-item/tree-item.template.d.ts +0 -0
  530. /package/dist/{dts → esm}/utils/apply-mixins.d.ts +0 -0
  531. /package/dist/{dts → esm}/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -0
  532. /package/dist/{dts → esm}/utils/benchmark-dependencies/tokens.d.ts +0 -0
  533. /package/dist/{dts → esm}/utils/benchmark-wrapper.d.ts +0 -0
  534. /package/dist/{dts → esm}/utils/converters.d.ts +0 -0
  535. /package/dist/{dts → esm}/utils/direction.d.ts +0 -0
  536. /package/dist/{dts → esm}/utils/display.d.ts +0 -0
  537. /package/dist/{dts → esm}/utils/element-internals.d.ts +0 -0
  538. /package/dist/{dts → esm}/utils/focusable-element.d.ts +0 -0
  539. /package/dist/{dts → esm}/utils/get-initials.d.ts +0 -0
  540. /package/dist/{dts → esm}/utils/index.d.ts +0 -0
  541. /package/dist/{dts → esm}/utils/root-active-element.d.ts +0 -0
  542. /package/dist/{dts → esm}/utils/support.d.ts +0 -0
  543. /package/dist/{dts → esm}/utils/template-helpers.d.ts +0 -0
  544. /package/dist/{dts → esm}/utils/typings.d.ts +0 -0
  545. /package/dist/{dts → esm}/utils/unique-id.d.ts +0 -0
  546. /package/dist/{dts → esm}/utils/whitespace-filter.d.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { typographyBody1Styles, typographyCaption1Styles } from '../styles/partials/typography.partials.js';
3
3
  import { activeState, descriptionState, multipleState, selectedState } from '../styles/states/index.js';
4
- import { borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus2, colorTransparentStroke, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
4
+ import { borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus2, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
5
5
  import { display } from '../utils/display.js';
6
6
  /**
7
7
  * Styles for the {@link (DropdownOption:class)} component.
@@ -17,7 +17,6 @@ export const styles = css `
17
17
  align-items: center;
18
18
  background-color: ${colorNeutralBackground1};
19
19
  border-radius: ${borderRadiusMedium};
20
- border: ${strokeWidthThick} solid ${colorTransparentStroke};
21
20
  box-sizing: border-box;
22
21
  color: ${colorNeutralForeground2};
23
22
  column-gap: ${spacingHorizontalXS};
@@ -26,6 +25,7 @@ export const styles = css `
26
25
  grid-template-columns: auto auto 1fr;
27
26
  min-height: 32px;
28
27
  padding: ${spacingHorizontalSNudge};
28
+ text-align: start;
29
29
  }
30
30
 
31
31
  .content {
@@ -123,5 +123,11 @@ export const styles = css `
123
123
  grid-area: description;
124
124
  ${typographyCaption1Styles}
125
125
  }
126
+
127
+ @media (forced-colors: active) {
128
+ :host(:disabled) {
129
+ color: GrayText;
130
+ }
131
+ }
126
132
  `;
127
133
  //# sourceMappingURL=option.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/option/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;MAIpB,qBAAqB;;wBAEH,uBAAuB;qBAC1B,kBAAkB;cACzB,gBAAgB,UAAU,sBAAsB;;aAEjD,uBAAuB;kBAClB,mBAAmB;;;;;eAKtB,uBAAuB;;;;;;;;;;;;;wBAad,4BAA4B;aACvC,4BAA4B;;;;wBAIjB,8BAA8B;aACzC,8BAA8B;;;;wBAInB,uBAAuB;aAClC,8BAA8B;;;;;;;;;;;;;;;;;UAiBjC,aAAa;;;;UAIb,aAAa;eACR,aAAa;;;;UAIlB,aAAa;wBACC,uBAAuB;qBAC1B,iBAAiB;cACxB,eAAe,UAAU,4BAA4B;;;;;;;;;UASzD,aAAa,GAAG,aAAa;wBACf,4BAA4B;oBAChC,wBAAwB;YAChC,8BAA8B;;;mBAGvB,aAAa;oBACZ,0BAA0B;;;mBAG3B,aAAa,GAAG,aAAa;wBACxB,8BAA8B;;;UAG5C,WAAW;cACP,gBAAgB,UAAU,iBAAiB;;;;;oBAKrC,uBAAuB;;;;UAIjC,gBAAgB;kBACR,uBAAuB;;;;;;;aAO5B,uBAAuB;;MAE9B,wBAAwB;;CAE7B,CAAC"}
1
+ {"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/option/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EAEjB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;MAIpB,qBAAqB;;wBAEH,uBAAuB;qBAC1B,kBAAkB;;aAE1B,uBAAuB;kBAClB,mBAAmB;;;;;eAKtB,uBAAuB;;;;;;;;;;;;;;wBAcd,4BAA4B;aACvC,4BAA4B;;;;wBAIjB,8BAA8B;aACzC,8BAA8B;;;;wBAInB,uBAAuB;aAClC,8BAA8B;;;;;;;;;;;;;;;;;UAiBjC,aAAa;;;;UAIb,aAAa;eACR,aAAa;;;;UAIlB,aAAa;wBACC,uBAAuB;qBAC1B,iBAAiB;cACxB,eAAe,UAAU,4BAA4B;;;;;;;;;UASzD,aAAa,GAAG,aAAa;wBACf,4BAA4B;oBAChC,wBAAwB;YAChC,8BAA8B;;;mBAGvB,aAAa;oBACZ,0BAA0B;;;mBAG3B,aAAa,GAAG,aAAa;wBACxB,8BAA8B;;;UAG5C,WAAW;cACP,gBAAgB,UAAU,iBAAiB;;;;;oBAKrC,uBAAuB;;;;UAIjC,gBAAgB;kBACR,uBAAuB;;;;;;;aAO5B,uBAAuB;;MAE9B,wBAAwB;;;;;;;;CAQ7B,CAAC"}
@@ -7,6 +7,8 @@ import { ProgressBarValidationState } from './progress-bar.options.js';
7
7
  * @public
8
8
  */
9
9
  export declare class BaseProgressBar extends FASTElement {
10
+ /** @internal */
11
+ indicator: HTMLElement;
10
12
  /**
11
13
  * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
12
14
  *
@@ -64,10 +66,7 @@ export declare class BaseProgressBar extends FASTElement {
64
66
  * @internal
65
67
  */
66
68
  protected maxChanged(prev: number | undefined, next: number | undefined): void;
67
- /**
68
- * Indicates progress in %
69
- * @internal
70
- */
71
- get percentComplete(): number;
72
69
  constructor();
70
+ connectedCallback(): void;
71
+ private setIndicatorWidth;
73
72
  }
@@ -1,5 +1,5 @@
1
1
  import { __decorate } from "tslib";
2
- import { attr, FASTElement, nullableNumberConverter, volatile } from '@microsoft/fast-element';
2
+ import { attr, FASTElement, nullableNumberConverter, observable } from '@microsoft/fast-element';
3
3
  import { swapStates } from '../utils/element-internals.js';
4
4
  import { ProgressBarValidationState } from './progress-bar.options.js';
5
5
  /**
@@ -24,6 +24,7 @@ export class BaseProgressBar extends FASTElement {
24
24
  */
25
25
  valueChanged(prev, next) {
26
26
  this.elementInternals.ariaValueNow = typeof next === 'number' ? `${next}` : null;
27
+ this.setIndicatorWidth();
27
28
  }
28
29
  /**
29
30
  * Updates the percent complete when the `min` property changes.
@@ -33,6 +34,7 @@ export class BaseProgressBar extends FASTElement {
33
34
  */
34
35
  minChanged(prev, next) {
35
36
  this.elementInternals.ariaValueMin = typeof next === 'number' ? `${next}` : null;
37
+ this.setIndicatorWidth();
36
38
  }
37
39
  /**
38
40
  * Updates the percent complete when the `max` property changes.
@@ -43,17 +45,7 @@ export class BaseProgressBar extends FASTElement {
43
45
  */
44
46
  maxChanged(prev, next) {
45
47
  this.elementInternals.ariaValueMax = typeof next === 'number' ? `${next}` : null;
46
- }
47
- /**
48
- * Indicates progress in %
49
- * @internal
50
- */
51
- get percentComplete() {
52
- const min = this.min ?? 0;
53
- const max = this.max ?? 100;
54
- const value = this.value ?? 0;
55
- const range = max - min;
56
- return range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
48
+ this.setIndicatorWidth();
57
49
  }
58
50
  constructor() {
59
51
  super();
@@ -71,7 +63,29 @@ export class BaseProgressBar extends FASTElement {
71
63
  this.validationState = null;
72
64
  this.elementInternals.role = 'progressbar';
73
65
  }
66
+ connectedCallback() {
67
+ super.connectedCallback();
68
+ this.setIndicatorWidth();
69
+ }
70
+ setIndicatorWidth() {
71
+ if (!this.$fastController.isConnected || CSS.supports('width: attr(value type(<number>))')) {
72
+ return;
73
+ }
74
+ if (typeof this.value !== 'number') {
75
+ this.indicator.style.removeProperty('width');
76
+ return;
77
+ }
78
+ const min = this.min ?? 0;
79
+ const max = this.max ?? 100;
80
+ const value = this.value ?? 0;
81
+ const range = max - min;
82
+ const width = range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
83
+ this.indicator.style.setProperty('width', `${width}%`);
84
+ }
74
85
  }
86
+ __decorate([
87
+ observable
88
+ ], BaseProgressBar.prototype, "indicator", void 0);
75
89
  __decorate([
76
90
  attr({ attribute: 'validation-state' })
77
91
  ], BaseProgressBar.prototype, "validationState", void 0);
@@ -84,7 +98,4 @@ __decorate([
84
98
  __decorate([
85
99
  attr({ converter: nullableNumberConverter })
86
100
  ], BaseProgressBar.prototype, "max", void 0);
87
- __decorate([
88
- volatile
89
- ], BaseProgressBar.prototype, "percentComplete", null);
90
101
  //# sourceMappingURL=progress-bar.base.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.base.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAgB9C;;;;OAIG;IACI,sBAAsB,CAC3B,IAA4C,EAC5C,IAA4C;QAE5C,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,0BAA0B,CAAC,CAAC;IAC5E,CAAC;IAUD;;;;OAIG;IACO,YAAY,CAAC,IAAwB,EAAE,IAAwB;QACvE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAUD;;;;;OAKG;IACO,UAAU,CAAC,IAAwB,EAAE,IAAwB;QACrE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAUD;;;;;;OAMG;IACO,UAAU,CAAC,IAAwB,EAAE,IAAwB;QACrE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAED;;;OAGG;IAEH,IAAW,eAAe;QACxB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;QAExB,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;IACtE,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAhGV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAEnE;;;;WAIG;QAEI,oBAAe,GAAsC,IAAI,CAAC;QAqF/D,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,aAAa,CAAC;IAC7C,CAAC;CACF;AAvFQ;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACyB;AAoB1D;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;8CACvB;AAiBf;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;4CACzB;AAkBb;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;4CACzB;AAkBpB;IADC,QAAQ;sDAQR"}
1
+ {"version":3,"file":"progress-bar.base.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.base.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { BaseProgressBar } from './progress-bar.base.js';
2
- import { ProgressBarShape, ProgressBarThickness } from './progress-bar.options.js';
2
+ import type { ProgressBarShape, ProgressBarThickness } from './progress-bar.options.js';
3
3
  /**
4
4
  * A Progress HTML Element.
5
5
  * Based on BaseProgressBar and includes style and layout specific attributes
@@ -14,6 +14,13 @@ export const styles = css `
14
14
  background-color: ${colorNeutralBackground6};
15
15
  border-radius: ${borderRadiusMedium};
16
16
  contain: content;
17
+
18
+ @supports (width: attr(value type(<number>))) {
19
+ --max: attr(max type(<number>), 100);
20
+ --min: attr(min type(<number>), 0);
21
+ --value: attr(value type(<number>), 0);
22
+ --indicator-width: clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);
23
+ }
17
24
  }
18
25
 
19
26
  :host([thickness='large']) {
@@ -32,6 +39,10 @@ export const styles = css `
32
39
 
33
40
  :host([value]) .indicator {
34
41
  transition: all 0.2s ease-in-out;
42
+
43
+ @supports (width: attr(value type(<number>))) {
44
+ width: var(--indicator-width);
45
+ }
35
46
  }
36
47
 
37
48
  :host(:not([value])) .indicator {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACjC,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;wBAMI,uBAAuB;qBAC1B,kBAAkB;;;;;;;;;qBASlB,gBAAgB;;;;wBAIb,4BAA4B;;;;;;;;;;;;;;QAc5C,uBAAuB;QACvB,0BAA0B;QAC1B,uBAAuB;;;;;;;;;wBASP,0BAA0B;;;;wBAI1B,iCAAiC;;;;wBAIjC,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;CAwBnD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;GAQjC,CAAC,CACH,CAAC"}
1
+ {"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,uBAAuB,EACvB,iCAAiC,EACjC,4BAA4B,EAC5B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;wBAMI,uBAAuB;qBAC1B,kBAAkB;;;;;;;;;;;;;;;;qBAgBlB,gBAAgB;;;;wBAIb,4BAA4B;;;;;;;;;;;;;;;;;;QAkB5C,uBAAuB;QACvB,0BAA0B;QAC1B,uBAAuB;;;;;;;;;wBASP,0BAA0B;;;;wBAI1B,iCAAiC;;;;wBAIjC,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;CAwBnD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;GAQjC,CAAC,CACH,CAAC"}
@@ -1,12 +1,6 @@
1
- import { html } from '@microsoft/fast-element';
1
+ import { html, ref } from '@microsoft/fast-element';
2
2
  export function progressTemplate() {
3
- return html `
4
- <div
5
- class="indicator"
6
- part="indicator"
7
- style="${x => (typeof x.value === 'number' ? `width: ${x.percentComplete}%` : void 0)}"
8
- ></div>
9
- `;
3
+ return html ` <div class="indicator" part="indicator" ${ref('indicator')}></div> `;
10
4
  }
11
5
  export const template = progressTemplate();
12
6
  //# sourceMappingURL=progress-bar.template.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAA;;;;eAIE,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;;GAExF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAIpD,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAA,4CAA4C,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC;AACpF,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAqC,gBAAgB,EAAE,CAAC"}
@@ -12,7 +12,6 @@ import { BaseCheckbox } from '../checkbox/checkbox.base.js';
12
12
  * @public
13
13
  */
14
14
  export declare class Radio extends BaseCheckbox {
15
- connectedCallback(): void;
16
15
  constructor();
17
16
  /**
18
17
  * Toggles the disabled state when the user changes the `disabled` property.
@@ -12,10 +12,6 @@ import { BaseCheckbox } from '../checkbox/checkbox.base.js';
12
12
  * @public
13
13
  */
14
14
  export class Radio extends BaseCheckbox {
15
- connectedCallback() {
16
- super.connectedCallback();
17
- this.tabIndex = this.disabled ? -1 : 0;
18
- }
19
15
  constructor() {
20
16
  super();
21
17
  this.elementInternals.role = 'radio';
@@ -30,9 +26,6 @@ export class Radio extends BaseCheckbox {
30
26
  */
31
27
  disabledChanged(prev, next) {
32
28
  super.disabledChanged(prev, next);
33
- if (next) {
34
- this.tabIndex = -1;
35
- }
36
29
  this.$emit('disabled', next, { bubbles: true });
37
30
  }
38
31
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,KAAM,SAAQ,YAAY;IACrC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,OAAO,CAAC;IACvC,CAAC;IAED;;;;;;;OAOG;IACO,eAAe,CAAC,IAAyB,EAAE,IAAyB;QAC5E,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC;IAED;;;;;;;OAOG;IACO,eAAe;QACvB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,YAAY;QACjB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,WAAW;QAChB,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,QAAiB,IAAI;QACxC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;CACF"}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,KAAM,SAAQ,YAAY;IACrC;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,OAAO,CAAC;IACvC,CAAC;IAED;;;;;;;OAOG;IACO,eAAe,CAAC,IAAyB,EAAE,IAAyB;QAC5E,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAClD,CAAC;IAED;;;;;;;OAOG;IACO,eAAe;QACvB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,YAAY;QACjB,OAAO;IACT,CAAC;IAED;;;;;;;OAOG;IACI,WAAW;QAChB,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;;;OAQG;IACI,aAAa,CAAC,QAAiB,IAAI;QACxC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;CACF"}
@@ -256,6 +256,21 @@ export declare class RadioGroup extends FASTElement {
256
256
  * @param anchor - Optional anchor to use for the validation message.
257
257
  *
258
258
  * @internal
259
+ * @remarks
260
+ * RadioGroup validation is reported through the individual Radio elements rather than the RadioGroup itself.
261
+ * This is necessary because:
262
+ * 1. Each Radio is form-associated (extends BaseCheckbox which has `formAssociated = true`)
263
+ * 2. Browser validation UIs and screen readers announce validation against individual form controls
264
+ * 3. For groups like RadioGroup, the browser needs to report the error on a specific member of the group
265
+ * 4. We anchor the error to the first Radio so it receives focus and announcement
266
+ *
267
+ * When the group is invalid (required but no selection):
268
+ * - Only the first Radio gets the invalid state with the validation message
269
+ * - Other Radios are kept valid since selecting any of them would satisfy the requirement
270
+ *
271
+ * When the group becomes valid (user selects any Radio):
272
+ * - All Radios are cleared back to valid state
273
+ * - This allows form submission to proceed
259
274
  */
260
275
  setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
261
276
  /**
@@ -40,7 +40,7 @@ export class RadioGroup extends FASTElement {
40
40
  if (this.$fastController.isConnected) {
41
41
  this.checkedIndex = -1;
42
42
  this.radios?.forEach(radio => {
43
- radio.disabled = radio.disabledAttribute || this.disabled;
43
+ radio.disabled = !!radio.disabledAttribute || !!this.disabled;
44
44
  });
45
45
  this.restrictFocus();
46
46
  }
@@ -101,12 +101,20 @@ export class RadioGroup extends FASTElement {
101
101
  radio.checked = index === checkedIndex;
102
102
  }
103
103
  radio.name = this.name ?? radio.name;
104
- radio.disabled = this.disabled || radio.disabledAttribute;
104
+ radio.disabled = !!this.disabled || !!radio.disabledAttribute;
105
105
  });
106
106
  if (!this.dirtyState && this.initialValue) {
107
107
  this.value = this.initialValue;
108
108
  }
109
- if (!this.value) {
109
+ if (!this.value ||
110
+ // This logic covers the case when the RadioGroup doesn't have a `value`
111
+ // attribute, but does have a checked child Radio. Without this condition,
112
+ // the checked Radio's value will be assigned to `this.value`, and
113
+ // `checkedIndex` will be the checked Radio's index, but `this.checkedIndex`
114
+ // will remain `undefined`, which would cause the RadioGroup to add
115
+ // `tabindex=-1` to the checked Radio, and effectively makes the whole
116
+ // RadioGroup unfocusable.
117
+ (this.value && typeof this.checkedIndex !== 'number' && checkedIndex >= 0)) {
110
118
  // TODO: Switch to standard `Array.findLastIndex` when TypeScript 5 is available
111
119
  this.checkedIndex = checkedIndex;
112
120
  }
@@ -422,14 +430,46 @@ export class RadioGroup extends FASTElement {
422
430
  * @param anchor - Optional anchor to use for the validation message.
423
431
  *
424
432
  * @internal
433
+ * @remarks
434
+ * RadioGroup validation is reported through the individual Radio elements rather than the RadioGroup itself.
435
+ * This is necessary because:
436
+ * 1. Each Radio is form-associated (extends BaseCheckbox which has `formAssociated = true`)
437
+ * 2. Browser validation UIs and screen readers announce validation against individual form controls
438
+ * 3. For groups like RadioGroup, the browser needs to report the error on a specific member of the group
439
+ * 4. We anchor the error to the first Radio so it receives focus and announcement
440
+ *
441
+ * When the group is invalid (required but no selection):
442
+ * - Only the first Radio gets the invalid state with the validation message
443
+ * - Other Radios are kept valid since selecting any of them would satisfy the requirement
444
+ *
445
+ * When the group becomes valid (user selects any Radio):
446
+ * - All Radios are cleared back to valid state
447
+ * - This allows form submission to proceed
425
448
  */
426
449
  setValidity(flags, message, anchor) {
427
450
  if (this.$fastController.isConnected) {
428
- if (this.disabled || !this.required) {
429
- this.elementInternals.setValidity({});
451
+ // Always check if still required and has no value
452
+ const isInvalid = this.required && !this.value && !this.disabled;
453
+ if (!isInvalid) {
454
+ // Clear validity on all radios when group is valid
455
+ this.enabledRadios?.forEach(radio => {
456
+ radio.elementInternals.setValidity({});
457
+ });
430
458
  return;
431
459
  }
432
- this.elementInternals.setValidity({ valueMissing: this.required && !this.value, ...flags }, message ?? this.validationMessage, anchor ?? this.enabledRadios[0]);
460
+ // Group is invalid - set error only on first enabled radio for announcement
461
+ const validationFlags = { valueMissing: true, ...flags };
462
+ const validationMessage = message ?? this.validationMessage;
463
+ this.enabledRadios?.forEach((radio, index) => {
464
+ if (index === 0) {
465
+ // Only the first radio shows the validation error for screen reader announcement
466
+ radio.elementInternals.setValidity(validationFlags, validationMessage, radio);
467
+ }
468
+ else {
469
+ // Other radios are valid (they're just not selected yet)
470
+ radio.elementInternals.setValidity({});
471
+ }
472
+ });
433
473
  }
434
474
  }
435
475
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"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"}
@@ -4,10 +4,7 @@ import type { ValuesOf } from '../utils/index.js';
4
4
  * @public
5
5
  */
6
6
  export declare const RadioGroupOrientation: {
7
- readonly horizontal: "horizontal"; /**
8
- * Radio Group orientation
9
- * @public
10
- */
7
+ readonly horizontal: "horizontal";
11
8
  readonly vertical: "vertical";
12
9
  };
13
10
  /**
@@ -1,6 +1,6 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { checkedState, disabledState } from '../styles/states/index.js';
3
- import { colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, spacingVerticalL, } from '../theme/design-tokens.js';
3
+ import { colorNeutralForeground1, colorNeutralForeground2, colorNeutralForeground3, colorNeutralForegroundDisabled, spacingHorizontalS, spacingVerticalL, spacingVerticalS, } from '../theme/design-tokens.js';
4
4
  import { display } from '../utils/index.js';
5
5
  /** RadioGroup styles
6
6
  * @public
@@ -42,5 +42,9 @@ export const styles = css `
42
42
  ::slotted(${checkedState}) {
43
43
  color: ${colorNeutralForeground1};
44
44
  }
45
+
46
+ :host([slot='input']) {
47
+ margin: ${spacingVerticalS} ${spacingHorizontalS};
48
+ }
45
49
  `;
46
50
  //# sourceMappingURL=radio-group.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;CAEnC,CAAC"}
1
+ {"version":3,"file":"radio-group.styles.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;WAKR,gBAAgB;;;;;;;;;;;;;aAad,uBAAuB;;;;aAIvB,uBAAuB;;;;aAIvB,uBAAuB;;;cAGtB,aAAa;aACd,8BAA8B;;;cAG7B,YAAY;aACb,uBAAuB;;;;cAItB,gBAAgB,IAAI,kBAAkB;;CAEnD,CAAC"}
@@ -1,4 +1,6 @@
1
1
  import { FASTElement } from '@microsoft/fast-element';
2
+ type PropertyNameForCalculation = 'max' | 'value';
3
+ export declare function svgToDataURI(svg: string): string;
2
4
  /**
3
5
  * The base class used for constructing a fluent-rating-display custom element
4
6
  *
@@ -7,12 +9,21 @@ import { FASTElement } from '@microsoft/fast-element';
7
9
  * @public
8
10
  */
9
11
  export declare class BaseRatingDisplay extends FASTElement {
12
+ private numberFormatter;
10
13
  /**
11
14
  * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
12
15
  *
13
16
  * @internal
14
17
  */
15
18
  elementInternals: ElementInternals;
19
+ /** @internal */
20
+ iconSlot: HTMLSlotElement;
21
+ protected defaultCustomIconViewBox: string;
22
+ /**
23
+ * The element that displays the rating icons.
24
+ * @internal
25
+ */
26
+ display: HTMLElement;
16
27
  /**
17
28
  * The number of ratings.
18
29
  *
@@ -25,9 +36,9 @@ export declare class BaseRatingDisplay extends FASTElement {
25
36
  * The `viewBox` attribute of the icon <svg> element.
26
37
  *
27
38
  * @public
28
- * @default `0 0 20 20`
29
39
  * @remarks
30
40
  * HTML Attribute: `icon-view-box`
41
+ * @deprecated Add `viewBox` attribute on the custom SVG directly.
31
42
  */
32
43
  iconViewBox?: string;
33
44
  /**
@@ -40,6 +51,7 @@ export declare class BaseRatingDisplay extends FASTElement {
40
51
  * HTML Attribute: `max`
41
52
  */
42
53
  max?: number;
54
+ protected maxChanged(): void;
43
55
  /**
44
56
  * The value of the rating.
45
57
  *
@@ -48,42 +60,18 @@ export declare class BaseRatingDisplay extends FASTElement {
48
60
  * HTML Attribute: `value`
49
61
  */
50
62
  value?: number;
51
- /**
52
- * @internal
53
- */
54
- slottedIcon: HTMLElement[];
55
- /**
56
- * @internal
57
- */
58
- slottedIconChanged(): void;
59
- /**
60
- * @internal
61
- */
62
- private customIcon?;
63
- private intlNumberFormatter;
63
+ protected valueChanged(): void;
64
64
  constructor();
65
+ connectedCallback(): void;
65
66
  /**
66
67
  * Returns "count" as string, formatted according to the locale.
67
68
  *
68
69
  * @internal
69
70
  */
70
71
  get formattedCount(): string;
71
- /**
72
- * Gets the selected value
73
- *
74
- * @protected
75
- */
76
- protected getSelectedValue(): number;
77
- /**
78
- * Gets the maximum icons to render
79
- *
80
- * @protected
81
- */
82
- protected getMaxIcons(): number;
83
- /**
84
- * Generates the icon SVG elements based on the "max" attribute.
85
- *
86
- * @internal
87
- */
88
- generateIcons(): string;
72
+ /** @internal */
73
+ handleSlotChange(): void;
74
+ protected renderSlottedIcon(svg: SVGSVGElement | null): void;
75
+ protected setCustomPropertyValue(propertyName: PropertyNameForCalculation): void;
89
76
  }
77
+ export {};