@fabric-msft/fabric-web 7.2.0 → 7.4.0

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 (569) hide show
  1. package/dts/components/accordion/accordion.definition.d.ts.map +1 -1
  2. package/dts/components/accordion/accordion.styles.d.ts +2 -0
  3. package/dts/components/accordion/accordion.styles.d.ts.map +1 -0
  4. package/dts/components/accordion-item/accordion-item.definition.d.ts.map +1 -1
  5. package/dts/components/accordion-item/accordion-item.styles.d.ts +2 -0
  6. package/dts/components/accordion-item/accordion-item.styles.d.ts.map +1 -0
  7. package/dts/components/accordion-menu/accordion-menu.styles.d.ts.map +1 -1
  8. package/dts/components/accordion-menu-panel/accordion-menu-panel.styles.d.ts.map +1 -1
  9. package/dts/components/anchor-button/anchor-button.definition.d.ts.map +1 -1
  10. package/dts/components/anchor-button/anchor-button.styles.d.ts +2 -0
  11. package/dts/components/anchor-button/anchor-button.styles.d.ts.map +1 -0
  12. package/dts/components/avatar/avatar.definition.d.ts.map +1 -1
  13. package/dts/components/avatar/avatar.styles.d.ts +2 -0
  14. package/dts/components/avatar/avatar.styles.d.ts.map +1 -0
  15. package/dts/components/badge/badge.definition.d.ts.map +1 -1
  16. package/dts/components/badge/badge.styles.d.ts +2 -0
  17. package/dts/components/badge/badge.styles.d.ts.map +1 -0
  18. package/dts/components/button/button.styles.d.ts.map +1 -1
  19. package/dts/components/card/card.styles.d.ts.map +1 -1
  20. package/dts/components/card-carousel/card-carousel.styles.d.ts.map +1 -1
  21. package/dts/components/card-footer/card-footer.styles.d.ts.map +1 -1
  22. package/dts/components/card-header/card-header.styles.d.ts.map +1 -1
  23. package/dts/components/card-preview/card-preview.styles.d.ts.map +1 -1
  24. package/dts/components/carousel/carousel.d.ts +6 -42
  25. package/dts/components/carousel/carousel.d.ts.map +1 -1
  26. package/dts/components/carousel/carousel.definition.d.ts +15 -0
  27. package/dts/components/carousel/carousel.definition.d.ts.map +1 -1
  28. package/dts/components/carousel/carousel.styles.d.ts.map +1 -1
  29. package/dts/components/carousel/carousel.template.d.ts.map +1 -1
  30. package/dts/components/carousel/define.d.ts +1 -15
  31. package/dts/components/carousel/define.d.ts.map +1 -1
  32. package/dts/components/carousel/index.d.ts +1 -2
  33. package/dts/components/carousel/index.d.ts.map +1 -1
  34. package/dts/components/carousel-item/carousel-item.styles.d.ts.map +1 -1
  35. package/dts/components/carousel-nav/carousel-nav.d.ts +10 -0
  36. package/dts/components/carousel-nav/carousel-nav.d.ts.map +1 -1
  37. package/dts/components/carousel-nav/carousel-nav.styles.d.ts.map +1 -1
  38. package/dts/components/carousel-nav/carousel-nav.template.d.ts.map +1 -1
  39. package/dts/components/carousel-nav-item/carousel-nav-item.styles.d.ts.map +1 -1
  40. package/dts/components/carousel-viewport/carousel-viewport.d.ts +34 -0
  41. package/dts/components/carousel-viewport/carousel-viewport.d.ts.map +1 -0
  42. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts +9 -0
  43. package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map +1 -0
  44. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts +7 -0
  45. package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map +1 -0
  46. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts +9 -0
  47. package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map +1 -0
  48. package/dts/components/carousel-viewport/define.d.ts +2 -0
  49. package/dts/components/carousel-viewport/define.d.ts.map +1 -0
  50. package/dts/components/carousel-viewport/index.d.ts +5 -0
  51. package/dts/components/carousel-viewport/index.d.ts.map +1 -0
  52. package/dts/components/checkbox/checkbox.definition.d.ts.map +1 -1
  53. package/dts/components/checkbox/checkbox.styles.d.ts +2 -0
  54. package/dts/components/checkbox/checkbox.styles.d.ts.map +1 -0
  55. package/dts/components/compound-button/compound-button.styles.d.ts.map +1 -1
  56. package/dts/components/counter-badge/counter-badge.definition.d.ts.map +1 -1
  57. package/dts/components/counter-badge/counter-badge.styles.d.ts +2 -0
  58. package/dts/components/counter-badge/counter-badge.styles.d.ts.map +1 -0
  59. package/dts/components/dialog/dialog.styles.d.ts.map +1 -1
  60. package/dts/components/dialog-body/dialog-body.definition.d.ts +1 -1
  61. package/dts/components/dialog-body/dialog-body.definition.d.ts.map +1 -1
  62. package/dts/components/dialog-body/dialog-body.styles.d.ts +2 -0
  63. package/dts/components/dialog-body/dialog-body.styles.d.ts.map +1 -0
  64. package/dts/components/divider/divider.styles.d.ts.map +1 -1
  65. package/dts/components/drawer/drawer.definition.d.ts.map +1 -1
  66. package/dts/components/drawer/drawer.styles.d.ts +2 -0
  67. package/dts/components/drawer/drawer.styles.d.ts.map +1 -0
  68. package/dts/components/drawer-body/drawer-body.definition.d.ts.map +1 -1
  69. package/dts/components/drawer-body/drawer-body.styles.d.ts +2 -0
  70. package/dts/components/drawer-body/drawer-body.styles.d.ts.map +1 -0
  71. package/dts/components/dropdown/dropdown.styles.d.ts.map +1 -1
  72. package/dts/components/dynamic-tab/define.d.ts +2 -0
  73. package/dts/components/dynamic-tab/define.d.ts.map +1 -0
  74. package/dts/components/dynamic-tab/dynamic-tab.d.ts +142 -0
  75. package/dts/components/dynamic-tab/dynamic-tab.d.ts.map +1 -0
  76. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts +10 -0
  77. package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map +1 -0
  78. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts +10 -0
  79. package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map +1 -0
  80. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts +6 -0
  81. package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map +1 -0
  82. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts +13 -0
  83. package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map +1 -0
  84. package/dts/components/dynamic-tab/index.d.ts +6 -0
  85. package/dts/components/dynamic-tab/index.d.ts.map +1 -0
  86. package/dts/components/dynamic-tab-list/define.d.ts +2 -0
  87. package/dts/components/dynamic-tab-list/define.d.ts.map +1 -0
  88. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts +360 -0
  89. package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts.map +1 -0
  90. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts +7 -0
  91. package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts.map +1 -0
  92. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts +24 -0
  93. package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts.map +1 -0
  94. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts +6 -0
  95. package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts.map +1 -0
  96. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts +13 -0
  97. package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts.map +1 -0
  98. package/dts/components/dynamic-tab-list/index.d.ts +7 -0
  99. package/dts/components/dynamic-tab-list/index.d.ts.map +1 -0
  100. package/dts/components/empty-state/define.d.ts +2 -0
  101. package/dts/components/empty-state/define.d.ts.map +1 -0
  102. package/dts/components/empty-state/empty-state.d.ts +32 -0
  103. package/dts/components/empty-state/empty-state.d.ts.map +1 -0
  104. package/dts/components/empty-state/empty-state.definition.d.ts +10 -0
  105. package/dts/components/empty-state/empty-state.definition.d.ts.map +1 -0
  106. package/dts/components/empty-state/empty-state.styles.d.ts +6 -0
  107. package/dts/components/empty-state/empty-state.styles.d.ts.map +1 -0
  108. package/dts/components/empty-state/empty-state.template.d.ts +9 -0
  109. package/dts/components/empty-state/empty-state.template.d.ts.map +1 -0
  110. package/dts/components/empty-state/index.d.ts +5 -0
  111. package/dts/components/empty-state/index.d.ts.map +1 -0
  112. package/dts/components/field/field.styles.d.ts.map +1 -1
  113. package/dts/components/filter-pill/filter-pill.styles.d.ts.map +1 -1
  114. package/dts/components/image/image.definition.d.ts.map +1 -1
  115. package/dts/components/image/image.styles.d.ts +2 -0
  116. package/dts/components/image/image.styles.d.ts.map +1 -0
  117. package/dts/components/label/label.definition.d.ts.map +1 -1
  118. package/dts/components/label/label.styles.d.ts +2 -0
  119. package/dts/components/label/label.styles.d.ts.map +1 -0
  120. package/dts/components/link/link.styles.d.ts +2 -0
  121. package/dts/components/link/link.styles.d.ts.map +1 -0
  122. package/dts/components/listbox/listbox.styles.d.ts.map +1 -1
  123. package/dts/components/loading-button/loading-button.styles.d.ts.map +1 -1
  124. package/dts/components/menu/menu.styles.d.ts.map +1 -1
  125. package/dts/components/menu-button/menu-button.d.ts +2 -2
  126. package/dts/components/menu-button/menu-button.definition.d.ts.map +1 -1
  127. package/dts/components/menu-button/menu-button.styles.d.ts +11 -0
  128. package/dts/components/menu-button/menu-button.styles.d.ts.map +1 -0
  129. package/dts/components/menu-item/menu-item.styles.d.ts.map +1 -1
  130. package/dts/components/menu-list/menu-list.d.ts.map +1 -1
  131. package/dts/components/menu-list/menu-list.styles.d.ts.map +1 -1
  132. package/dts/components/message-bar/message-bar.definition.d.ts.map +1 -1
  133. package/dts/components/message-bar/message-bar.styles.d.ts +2 -0
  134. package/dts/components/message-bar/message-bar.styles.d.ts.map +1 -0
  135. package/dts/components/modal/define.d.ts +4 -0
  136. package/dts/components/modal/define.d.ts.map +1 -0
  137. package/dts/components/modal/index.d.ts +9 -0
  138. package/dts/components/modal/index.d.ts.map +1 -0
  139. package/dts/components/modal/modal.d.ts +209 -0
  140. package/dts/components/modal/modal.d.ts.map +1 -0
  141. package/dts/components/modal/modal.definition.d.ts +9 -0
  142. package/dts/components/modal/modal.definition.d.ts.map +1 -0
  143. package/dts/components/modal/modal.events.d.ts +26 -0
  144. package/dts/components/modal/modal.events.d.ts.map +1 -0
  145. package/dts/components/modal/modal.options.d.ts +15 -0
  146. package/dts/components/modal/modal.options.d.ts.map +1 -0
  147. package/dts/components/modal/modal.styles.d.ts +10 -0
  148. package/dts/components/modal/modal.styles.d.ts.map +1 -0
  149. package/dts/components/modal/modal.template.d.ts +12 -0
  150. package/dts/components/modal/modal.template.d.ts.map +1 -0
  151. package/dts/components/modal-fre-item/define.d.ts +2 -0
  152. package/dts/components/modal-fre-item/define.d.ts.map +1 -0
  153. package/dts/components/modal-fre-item/index.d.ts +3 -0
  154. package/dts/components/modal-fre-item/index.d.ts.map +1 -0
  155. package/dts/components/modal-fre-item/modal-fre-item.d.ts +65 -0
  156. package/dts/components/modal-fre-item/modal-fre-item.d.ts.map +1 -0
  157. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts +10 -0
  158. package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map +1 -0
  159. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts +7 -0
  160. package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts.map +1 -0
  161. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts +11 -0
  162. package/dts/components/modal-fre-item/modal-fre-item.template.d.ts.map +1 -0
  163. package/dts/components/multi-view/multi-view.styles.d.ts.map +1 -1
  164. package/dts/components/multi-view-controller/multi-view-controller.styles.d.ts.map +1 -1
  165. package/dts/components/multi-view-group/multi-view-group.styles.d.ts.map +1 -1
  166. package/dts/components/option/option.definition.d.ts.map +1 -1
  167. package/dts/components/option/option.styles.d.ts +2 -0
  168. package/dts/components/option/option.styles.d.ts.map +1 -0
  169. package/dts/components/option-group/option-group.styles.d.ts.map +1 -1
  170. package/dts/components/overflow/overflow.styles.d.ts.map +1 -1
  171. package/dts/components/overflow-divider/overflow-divider.styles.d.ts.map +1 -1
  172. package/dts/components/overflow-item/overflow-item.styles.d.ts.map +1 -1
  173. package/dts/components/pagination/pagination.styles.d.ts.map +1 -1
  174. package/dts/components/popover/popover.styles.d.ts.map +1 -1
  175. package/dts/components/progress-bar/progress-bar.definition.d.ts.map +1 -1
  176. package/dts/components/progress-bar/progress-bar.styles.d.ts +2 -0
  177. package/dts/components/progress-bar/progress-bar.styles.d.ts.map +1 -0
  178. package/dts/components/radio/radio.definition.d.ts.map +1 -1
  179. package/dts/components/radio/radio.styles.d.ts +2 -0
  180. package/dts/components/radio/radio.styles.d.ts.map +1 -0
  181. package/dts/components/radio-group/radio-group.definition.d.ts.map +1 -1
  182. package/dts/components/radio-group/radio-group.styles.d.ts +2 -0
  183. package/dts/components/radio-group/radio-group.styles.d.ts.map +1 -0
  184. package/dts/components/rating-display/rating-display.definition.d.ts.map +1 -1
  185. package/dts/components/rating-display/rating-display.styles.d.ts +2 -0
  186. package/dts/components/rating-display/rating-display.styles.d.ts.map +1 -0
  187. package/dts/components/search-box/search-box.styles.d.ts.map +1 -1
  188. package/dts/components/simple-table/simple-table.styles.d.ts.map +1 -1
  189. package/dts/components/slider/slider.styles.d.ts.map +1 -1
  190. package/dts/components/spin-button/spin-button.styles.d.ts.map +1 -1
  191. package/dts/components/spinner/spinner.definition.d.ts.map +1 -1
  192. package/dts/components/spinner/spinner.styles.d.ts +2 -0
  193. package/dts/components/spinner/spinner.styles.d.ts.map +1 -0
  194. package/dts/components/styles/patterns/patterns.d.ts +8 -0
  195. package/dts/components/styles/patterns/patterns.d.ts.map +1 -0
  196. package/dts/components/svg-icon/svg-icon.styles.d.ts.map +1 -1
  197. package/dts/components/switch/switch.definition.d.ts.map +1 -1
  198. package/dts/components/switch/switch.styles.d.ts +2 -0
  199. package/dts/components/switch/switch.styles.d.ts.map +1 -0
  200. package/dts/components/tab/tab.definition.d.ts.map +1 -1
  201. package/dts/components/tab/tab.styles.d.ts +2 -0
  202. package/dts/components/tab/tab.styles.d.ts.map +1 -0
  203. package/dts/components/table/table.styles.d.ts.map +1 -1
  204. package/dts/components/table-cell/table-cell.styles.d.ts.map +1 -1
  205. package/dts/components/tablist/tablist.definition.d.ts.map +1 -1
  206. package/dts/components/tablist/tablist.styles.d.ts +2 -0
  207. package/dts/components/tablist/tablist.styles.d.ts.map +1 -0
  208. package/dts/components/tag/tag.styles.d.ts.map +1 -1
  209. package/dts/components/teaching-bubble/teaching-bubble.styles.d.ts.map +1 -1
  210. package/dts/components/text/text.definition.d.ts.map +1 -1
  211. package/dts/components/text/text.styles.d.ts +2 -0
  212. package/dts/components/text/text.styles.d.ts.map +1 -0
  213. package/dts/components/text-input/text-input.styles.d.ts.map +1 -1
  214. package/dts/components/textarea/textarea.definition.d.ts +1 -1
  215. package/dts/components/textarea/textarea.definition.d.ts.map +1 -1
  216. package/dts/components/textarea/textarea.styles.d.ts +2 -0
  217. package/dts/components/textarea/textarea.styles.d.ts.map +1 -0
  218. package/dts/components/toggle-button/toggle-button.definition.d.ts.map +1 -1
  219. package/dts/components/toggle-button/toggle-button.styles.d.ts +2 -0
  220. package/dts/components/toggle-button/toggle-button.styles.d.ts.map +1 -0
  221. package/dts/components/tooltip/tooltip.definition.d.ts.map +1 -1
  222. package/dts/components/tooltip/tooltip.styles.d.ts +2 -0
  223. package/dts/components/tooltip/tooltip.styles.d.ts.map +1 -0
  224. package/dts/components/tree/tree.definition.d.ts +1 -1
  225. package/dts/components/tree/tree.definition.d.ts.map +1 -1
  226. package/dts/components/tree/tree.styles.d.ts +2 -0
  227. package/dts/components/tree/tree.styles.d.ts.map +1 -0
  228. package/dts/components/tree-item/tree-item.styles.d.ts.map +1 -1
  229. package/dts/components/wizard/wizard.styles.d.ts.map +1 -1
  230. package/dts/components/wizard-panel/wizard-panel.styles.d.ts.map +1 -1
  231. package/dts/components/wizard-step/wizard-step.styles.d.ts.map +1 -1
  232. package/dts/index.d.ts +7 -0
  233. package/dts/index.d.ts.map +1 -1
  234. package/dts/util/a11y-playwright-utils.d.ts +10 -0
  235. package/dts/util/a11y-playwright-utils.d.ts.map +1 -0
  236. package/dts/util/carousel-controller.d.ts +120 -0
  237. package/dts/util/carousel-controller.d.ts.map +1 -0
  238. package/dts/util/icons.d.ts +15 -0
  239. package/dts/util/icons.d.ts.map +1 -1
  240. package/dts/util/index.d.ts +1 -0
  241. package/dts/util/index.d.ts.map +1 -1
  242. package/esm/components/accordion/accordion.definition.js +3 -2
  243. package/esm/components/accordion/accordion.definition.js.map +1 -1
  244. package/esm/components/accordion/accordion.styles.js +10 -0
  245. package/esm/components/accordion/accordion.styles.js.map +1 -0
  246. package/esm/components/accordion-item/accordion-item.definition.js +3 -2
  247. package/esm/components/accordion-item/accordion-item.definition.js.map +1 -1
  248. package/esm/components/accordion-item/accordion-item.styles.js +10 -0
  249. package/esm/components/accordion-item/accordion-item.styles.js.map +1 -0
  250. package/esm/components/accordion-menu/accordion-menu.styles.js +1 -1
  251. package/esm/components/accordion-menu/accordion-menu.styles.js.map +1 -1
  252. package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +2 -2
  253. package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map +1 -1
  254. package/esm/components/anchor-button/anchor-button.definition.js +3 -2
  255. package/esm/components/anchor-button/anchor-button.definition.js.map +1 -1
  256. package/esm/components/anchor-button/anchor-button.styles.js +10 -0
  257. package/esm/components/anchor-button/anchor-button.styles.js.map +1 -0
  258. package/esm/components/avatar/avatar.definition.js +3 -2
  259. package/esm/components/avatar/avatar.definition.js.map +1 -1
  260. package/esm/components/avatar/avatar.styles.js +10 -0
  261. package/esm/components/avatar/avatar.styles.js.map +1 -0
  262. package/esm/components/badge/badge.definition.js +3 -2
  263. package/esm/components/badge/badge.definition.js.map +1 -1
  264. package/esm/components/badge/badge.styles.js +10 -0
  265. package/esm/components/badge/badge.styles.js.map +1 -0
  266. package/esm/components/button/button.styles.js +3 -1
  267. package/esm/components/button/button.styles.js.map +1 -1
  268. package/esm/components/card/card.styles.js +1 -1
  269. package/esm/components/card/card.styles.js.map +1 -1
  270. package/esm/components/card-carousel/card-carousel.styles.js +1 -1
  271. package/esm/components/card-carousel/card-carousel.styles.js.map +1 -1
  272. package/esm/components/card-footer/card-footer.styles.js +1 -1
  273. package/esm/components/card-footer/card-footer.styles.js.map +1 -1
  274. package/esm/components/card-header/card-header.styles.js +1 -1
  275. package/esm/components/card-header/card-header.styles.js.map +1 -1
  276. package/esm/components/card-preview/card-preview.styles.js +1 -1
  277. package/esm/components/card-preview/card-preview.styles.js.map +1 -1
  278. package/esm/components/carousel/carousel.definition.js +25 -2
  279. package/esm/components/carousel/carousel.definition.js.map +1 -1
  280. package/esm/components/carousel/carousel.js +30 -98
  281. package/esm/components/carousel/carousel.js.map +1 -1
  282. package/esm/components/carousel/carousel.styles.js +2 -2
  283. package/esm/components/carousel/carousel.styles.js.map +1 -1
  284. package/esm/components/carousel/carousel.template.js +3 -3
  285. package/esm/components/carousel/carousel.template.js.map +1 -1
  286. package/esm/components/carousel/define.js +3 -26
  287. package/esm/components/carousel/define.js.map +1 -1
  288. package/esm/components/carousel/index.js +1 -2
  289. package/esm/components/carousel/index.js.map +1 -1
  290. package/esm/components/carousel-item/carousel-item.styles.js +1 -1
  291. package/esm/components/carousel-item/carousel-item.styles.js.map +1 -1
  292. package/esm/components/carousel-item/carousel-item.template.js +1 -1
  293. package/esm/components/carousel-item/carousel-item.template.js.map +1 -1
  294. package/esm/components/carousel-nav/carousel-nav.js +12 -0
  295. package/esm/components/carousel-nav/carousel-nav.js.map +1 -1
  296. package/esm/components/carousel-nav/carousel-nav.styles.js +2 -1
  297. package/esm/components/carousel-nav/carousel-nav.styles.js.map +1 -1
  298. package/esm/components/carousel-nav/carousel-nav.template.js +4 -3
  299. package/esm/components/carousel-nav/carousel-nav.template.js.map +1 -1
  300. package/esm/components/carousel-nav-item/carousel-nav-item.styles.js +2 -1
  301. package/esm/components/carousel-nav-item/carousel-nav-item.styles.js.map +1 -1
  302. package/esm/components/carousel-viewport/carousel-viewport.definition.js +21 -0
  303. package/esm/components/carousel-viewport/carousel-viewport.definition.js.map +1 -0
  304. package/esm/components/carousel-viewport/carousel-viewport.js +37 -0
  305. package/esm/components/carousel-viewport/carousel-viewport.js.map +1 -0
  306. package/esm/components/carousel-viewport/carousel-viewport.styles.js +11 -0
  307. package/esm/components/carousel-viewport/carousel-viewport.styles.js.map +1 -0
  308. package/esm/components/carousel-viewport/carousel-viewport.template.js +15 -0
  309. package/esm/components/carousel-viewport/carousel-viewport.template.js.map +1 -0
  310. package/esm/components/carousel-viewport/define.js +4 -0
  311. package/esm/components/carousel-viewport/define.js.map +1 -0
  312. package/esm/components/carousel-viewport/index.js +5 -0
  313. package/esm/components/carousel-viewport/index.js.map +1 -0
  314. package/esm/components/checkbox/checkbox.definition.js +3 -2
  315. package/esm/components/checkbox/checkbox.definition.js.map +1 -1
  316. package/esm/components/checkbox/checkbox.styles.js +10 -0
  317. package/esm/components/checkbox/checkbox.styles.js.map +1 -0
  318. package/esm/components/compound-button/compound-button.styles.js +2 -1
  319. package/esm/components/compound-button/compound-button.styles.js.map +1 -1
  320. package/esm/components/counter-badge/counter-badge.definition.js +3 -2
  321. package/esm/components/counter-badge/counter-badge.definition.js.map +1 -1
  322. package/esm/components/counter-badge/counter-badge.styles.js +10 -0
  323. package/esm/components/counter-badge/counter-badge.styles.js.map +1 -0
  324. package/esm/components/dialog/dialog.styles.js +2 -1
  325. package/esm/components/dialog/dialog.styles.js.map +1 -1
  326. package/esm/components/dialog-body/dialog-body.definition.js +3 -2
  327. package/esm/components/dialog-body/dialog-body.definition.js.map +1 -1
  328. package/esm/components/dialog-body/dialog-body.styles.js +9 -0
  329. package/esm/components/dialog-body/dialog-body.styles.js.map +1 -0
  330. package/esm/components/divider/divider.styles.js +2 -1
  331. package/esm/components/divider/divider.styles.js.map +1 -1
  332. package/esm/components/drawer/drawer.definition.js +3 -2
  333. package/esm/components/drawer/drawer.definition.js.map +1 -1
  334. package/esm/components/drawer/drawer.styles.js +9 -0
  335. package/esm/components/drawer/drawer.styles.js.map +1 -0
  336. package/esm/components/drawer-body/drawer-body.definition.js +3 -2
  337. package/esm/components/drawer-body/drawer-body.definition.js.map +1 -1
  338. package/esm/components/drawer-body/drawer-body.styles.js +9 -0
  339. package/esm/components/drawer-body/drawer-body.styles.js.map +1 -0
  340. package/esm/components/dropdown/dropdown.styles.js +1 -1
  341. package/esm/components/dropdown/dropdown.styles.js.map +1 -1
  342. package/esm/components/dynamic-tab/define.js +4 -0
  343. package/esm/components/dynamic-tab/define.js.map +1 -0
  344. package/esm/components/dynamic-tab/dynamic-tab.definition.js +27 -0
  345. package/esm/components/dynamic-tab/dynamic-tab.definition.js.map +1 -0
  346. package/esm/components/dynamic-tab/dynamic-tab.js +232 -0
  347. package/esm/components/dynamic-tab/dynamic-tab.js.map +1 -0
  348. package/esm/components/dynamic-tab/dynamic-tab.options.js +11 -0
  349. package/esm/components/dynamic-tab/dynamic-tab.options.js.map +1 -0
  350. package/esm/components/dynamic-tab/dynamic-tab.styles.js +13 -0
  351. package/esm/components/dynamic-tab/dynamic-tab.styles.js.map +1 -0
  352. package/esm/components/dynamic-tab/dynamic-tab.template.js +18 -0
  353. package/esm/components/dynamic-tab/dynamic-tab.template.js.map +1 -0
  354. package/esm/components/dynamic-tab/index.js +6 -0
  355. package/esm/components/dynamic-tab/index.js.map +1 -0
  356. package/esm/components/dynamic-tab-list/define.js +12 -0
  357. package/esm/components/dynamic-tab-list/define.js.map +1 -0
  358. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js +19 -0
  359. package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map +1 -0
  360. package/esm/components/dynamic-tab-list/dynamic-tab-list.js +788 -0
  361. package/esm/components/dynamic-tab-list/dynamic-tab-list.js.map +1 -0
  362. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js +19 -0
  363. package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js.map +1 -0
  364. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js +11 -0
  365. package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map +1 -0
  366. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js +41 -0
  367. package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js.map +1 -0
  368. package/esm/components/dynamic-tab-list/index.js +6 -0
  369. package/esm/components/dynamic-tab-list/index.js.map +1 -0
  370. package/esm/components/empty-state/define.js +4 -0
  371. package/esm/components/empty-state/define.js.map +1 -0
  372. package/esm/components/empty-state/empty-state.definition.js +22 -0
  373. package/esm/components/empty-state/empty-state.definition.js.map +1 -0
  374. package/esm/components/empty-state/empty-state.js +33 -0
  375. package/esm/components/empty-state/empty-state.js.map +1 -0
  376. package/esm/components/empty-state/empty-state.styles.js +11 -0
  377. package/esm/components/empty-state/empty-state.styles.js.map +1 -0
  378. package/esm/components/empty-state/empty-state.template.js +12 -0
  379. package/esm/components/empty-state/empty-state.template.js.map +1 -0
  380. package/esm/components/empty-state/index.js +5 -0
  381. package/esm/components/empty-state/index.js.map +1 -0
  382. package/esm/components/field/field.styles.js +2 -1
  383. package/esm/components/field/field.styles.js.map +1 -1
  384. package/esm/components/filter-pill/filter-pill.styles.js +2 -1
  385. package/esm/components/filter-pill/filter-pill.styles.js.map +1 -1
  386. package/esm/components/image/image.definition.js +3 -2
  387. package/esm/components/image/image.definition.js.map +1 -1
  388. package/esm/components/image/image.styles.js +9 -0
  389. package/esm/components/image/image.styles.js.map +1 -0
  390. package/esm/components/label/label.definition.js +3 -2
  391. package/esm/components/label/label.definition.js.map +1 -1
  392. package/esm/components/label/label.styles.js +9 -0
  393. package/esm/components/label/label.styles.js.map +1 -0
  394. package/esm/components/link/link.definition.js +2 -2
  395. package/esm/components/link/link.definition.js.map +1 -1
  396. package/esm/components/link/link.styles.js +9 -0
  397. package/esm/components/link/link.styles.js.map +1 -0
  398. package/esm/components/listbox/listbox.styles.js +6 -1
  399. package/esm/components/listbox/listbox.styles.js.map +1 -1
  400. package/esm/components/loading-button/loading-button.styles.js +3 -1
  401. package/esm/components/loading-button/loading-button.styles.js.map +1 -1
  402. package/esm/components/menu/menu.styles.js +1 -1
  403. package/esm/components/menu/menu.styles.js.map +1 -1
  404. package/esm/components/menu-button/menu-button.definition.js +5 -2
  405. package/esm/components/menu-button/menu-button.definition.js.map +1 -1
  406. package/esm/components/menu-button/menu-button.js +2 -2
  407. package/esm/components/menu-button/menu-button.styles.js +18 -0
  408. package/esm/components/menu-button/menu-button.styles.js.map +1 -0
  409. package/esm/components/menu-item/menu-item.styles.js +4 -4
  410. package/esm/components/menu-item/menu-item.styles.js.map +1 -1
  411. package/esm/components/menu-list/menu-list.js +3 -3
  412. package/esm/components/menu-list/menu-list.js.map +1 -1
  413. package/esm/components/menu-list/menu-list.styles.js +2 -2
  414. package/esm/components/menu-list/menu-list.styles.js.map +1 -1
  415. package/esm/components/menu-list/menu-list.template.js +1 -1
  416. package/esm/components/menu-list/menu-list.template.js.map +1 -1
  417. package/esm/components/message-bar/message-bar.definition.js +3 -2
  418. package/esm/components/message-bar/message-bar.definition.js.map +1 -1
  419. package/esm/components/message-bar/message-bar.styles.js +9 -0
  420. package/esm/components/message-bar/message-bar.styles.js.map +1 -0
  421. package/esm/components/modal/define.js +9 -0
  422. package/esm/components/modal/define.js.map +1 -0
  423. package/esm/components/modal/index.js +7 -0
  424. package/esm/components/modal/index.js.map +1 -0
  425. package/esm/components/modal/modal.definition.js +29 -0
  426. package/esm/components/modal/modal.definition.js.map +1 -0
  427. package/esm/components/modal/modal.events.js +11 -0
  428. package/esm/components/modal/modal.events.js.map +1 -0
  429. package/esm/components/modal/modal.js +369 -0
  430. package/esm/components/modal/modal.js.map +1 -0
  431. package/esm/components/modal/modal.options.js +10 -0
  432. package/esm/components/modal/modal.options.js.map +1 -0
  433. package/esm/components/modal/modal.styles.js +14 -0
  434. package/esm/components/modal/modal.styles.js.map +1 -0
  435. package/esm/components/modal/modal.template.js +23 -0
  436. package/esm/components/modal/modal.template.js.map +1 -0
  437. package/esm/components/modal-fre-item/define.js +4 -0
  438. package/esm/components/modal-fre-item/define.js.map +1 -0
  439. package/esm/components/modal-fre-item/index.js +3 -0
  440. package/esm/components/modal-fre-item/index.js.map +1 -0
  441. package/esm/components/modal-fre-item/modal-fre-item.definition.js +27 -0
  442. package/esm/components/modal-fre-item/modal-fre-item.definition.js.map +1 -0
  443. package/esm/components/modal-fre-item/modal-fre-item.js +72 -0
  444. package/esm/components/modal-fre-item/modal-fre-item.js.map +1 -0
  445. package/esm/components/modal-fre-item/modal-fre-item.styles.js +11 -0
  446. package/esm/components/modal-fre-item/modal-fre-item.styles.js.map +1 -0
  447. package/esm/components/modal-fre-item/modal-fre-item.template.js +16 -0
  448. package/esm/components/modal-fre-item/modal-fre-item.template.js.map +1 -0
  449. package/esm/components/multi-view/multi-view.styles.js +1 -1
  450. package/esm/components/multi-view/multi-view.styles.js.map +1 -1
  451. package/esm/components/multi-view-controller/multi-view-controller.styles.js +1 -1
  452. package/esm/components/multi-view-controller/multi-view-controller.styles.js.map +1 -1
  453. package/esm/components/multi-view-group/multi-view-group.styles.js +1 -1
  454. package/esm/components/multi-view-group/multi-view-group.styles.js.map +1 -1
  455. package/esm/components/option/option.definition.js +3 -2
  456. package/esm/components/option/option.definition.js.map +1 -1
  457. package/esm/components/option/option.styles.js +9 -0
  458. package/esm/components/option/option.styles.js.map +1 -0
  459. package/esm/components/option-group/option-group.styles.js +1 -1
  460. package/esm/components/option-group/option-group.styles.js.map +1 -1
  461. package/esm/components/overflow/overflow.styles.js +1 -1
  462. package/esm/components/overflow/overflow.styles.js.map +1 -1
  463. package/esm/components/overflow-divider/overflow-divider.styles.js +1 -1
  464. package/esm/components/overflow-divider/overflow-divider.styles.js.map +1 -1
  465. package/esm/components/overflow-item/overflow-item.styles.js +1 -1
  466. package/esm/components/overflow-item/overflow-item.styles.js.map +1 -1
  467. package/esm/components/pagination/pagination.styles.js +1 -1
  468. package/esm/components/pagination/pagination.styles.js.map +1 -1
  469. package/esm/components/popover/popover.styles.js +1 -1
  470. package/esm/components/popover/popover.styles.js.map +1 -1
  471. package/esm/components/progress-bar/progress-bar.definition.js +3 -2
  472. package/esm/components/progress-bar/progress-bar.definition.js.map +1 -1
  473. package/esm/components/progress-bar/progress-bar.styles.js +9 -0
  474. package/esm/components/progress-bar/progress-bar.styles.js.map +1 -0
  475. package/esm/components/radio/radio.definition.js +3 -2
  476. package/esm/components/radio/radio.definition.js.map +1 -1
  477. package/esm/components/radio/radio.styles.js +9 -0
  478. package/esm/components/radio/radio.styles.js.map +1 -0
  479. package/esm/components/radio-group/radio-group.definition.js +3 -2
  480. package/esm/components/radio-group/radio-group.definition.js.map +1 -1
  481. package/esm/components/radio-group/radio-group.styles.js +9 -0
  482. package/esm/components/radio-group/radio-group.styles.js.map +1 -0
  483. package/esm/components/rating-display/rating-display.definition.js +3 -2
  484. package/esm/components/rating-display/rating-display.definition.js.map +1 -1
  485. package/esm/components/rating-display/rating-display.styles.js +9 -0
  486. package/esm/components/rating-display/rating-display.styles.js.map +1 -0
  487. package/esm/components/search-box/search-box.styles.js +1 -1
  488. package/esm/components/search-box/search-box.styles.js.map +1 -1
  489. package/esm/components/simple-table/simple-table.styles.js +2 -1
  490. package/esm/components/simple-table/simple-table.styles.js.map +1 -1
  491. package/esm/components/slider/slider.styles.js +1 -1
  492. package/esm/components/slider/slider.styles.js.map +1 -1
  493. package/esm/components/spin-button/spin-button.styles.js +1 -1
  494. package/esm/components/spin-button/spin-button.styles.js.map +1 -1
  495. package/esm/components/spinner/spinner.definition.js +3 -2
  496. package/esm/components/spinner/spinner.definition.js.map +1 -1
  497. package/esm/components/spinner/spinner.styles.js +9 -0
  498. package/esm/components/spinner/spinner.styles.js.map +1 -0
  499. package/esm/components/styles/patterns/patterns.js +11 -0
  500. package/esm/components/styles/patterns/patterns.js.map +1 -0
  501. package/esm/components/svg-icon/svg-icon.styles.js +1 -1
  502. package/esm/components/svg-icon/svg-icon.styles.js.map +1 -1
  503. package/esm/components/switch/switch.definition.js +3 -2
  504. package/esm/components/switch/switch.definition.js.map +1 -1
  505. package/esm/components/switch/switch.styles.js +9 -0
  506. package/esm/components/switch/switch.styles.js.map +1 -0
  507. package/esm/components/tab/tab.definition.js +3 -2
  508. package/esm/components/tab/tab.definition.js.map +1 -1
  509. package/esm/components/tab/tab.styles.js +9 -0
  510. package/esm/components/tab/tab.styles.js.map +1 -0
  511. package/esm/components/table/table.styles.js +1 -1
  512. package/esm/components/table/table.styles.js.map +1 -1
  513. package/esm/components/table-cell/table-cell.styles.js +1 -1
  514. package/esm/components/table-cell/table-cell.styles.js.map +1 -1
  515. package/esm/components/tablist/tablist.definition.js +3 -2
  516. package/esm/components/tablist/tablist.definition.js.map +1 -1
  517. package/esm/components/tablist/tablist.styles.js +9 -0
  518. package/esm/components/tablist/tablist.styles.js.map +1 -0
  519. package/esm/components/tag/tag.styles.js +1 -1
  520. package/esm/components/tag/tag.styles.js.map +1 -1
  521. package/esm/components/teaching-bubble/teaching-bubble.styles.js +1 -1
  522. package/esm/components/teaching-bubble/teaching-bubble.styles.js.map +1 -1
  523. package/esm/components/text/text.definition.js +4 -3
  524. package/esm/components/text/text.definition.js.map +1 -1
  525. package/esm/components/text/text.styles.js +9 -0
  526. package/esm/components/text/text.styles.js.map +1 -0
  527. package/esm/components/text-input/text-input.styles.js +1 -1
  528. package/esm/components/text-input/text-input.styles.js.map +1 -1
  529. package/esm/components/textarea/textarea.definition.js +3 -2
  530. package/esm/components/textarea/textarea.definition.js.map +1 -1
  531. package/esm/components/textarea/textarea.styles.js +9 -0
  532. package/esm/components/textarea/textarea.styles.js.map +1 -0
  533. package/esm/components/toggle-button/toggle-button.definition.js +3 -2
  534. package/esm/components/toggle-button/toggle-button.definition.js.map +1 -1
  535. package/esm/components/toggle-button/toggle-button.styles.js +9 -0
  536. package/esm/components/toggle-button/toggle-button.styles.js.map +1 -0
  537. package/esm/components/tooltip/tooltip.definition.js +3 -2
  538. package/esm/components/tooltip/tooltip.definition.js.map +1 -1
  539. package/esm/components/tooltip/tooltip.styles.js +9 -0
  540. package/esm/components/tooltip/tooltip.styles.js.map +1 -0
  541. package/esm/components/tree/tree.definition.js +4 -3
  542. package/esm/components/tree/tree.definition.js.map +1 -1
  543. package/esm/components/tree/tree.styles.js +9 -0
  544. package/esm/components/tree/tree.styles.js.map +1 -0
  545. package/esm/components/tree-item/tree-item.styles.js +1 -1
  546. package/esm/components/tree-item/tree-item.styles.js.map +1 -1
  547. package/esm/components/wizard/wizard.styles.js +1 -1
  548. package/esm/components/wizard/wizard.styles.js.map +1 -1
  549. package/esm/components/wizard-panel/wizard-panel.styles.js +1 -1
  550. package/esm/components/wizard-panel/wizard-panel.styles.js.map +1 -1
  551. package/esm/components/wizard-step/wizard-step.styles.js +1 -1
  552. package/esm/components/wizard-step/wizard-step.styles.js.map +1 -1
  553. package/esm/index.js +26 -2
  554. package/esm/index.js.map +1 -1
  555. package/esm/util/a11y-playwright-utils.js +93 -0
  556. package/esm/util/a11y-playwright-utils.js.map +1 -0
  557. package/esm/util/carousel-controller.js +153 -0
  558. package/esm/util/carousel-controller.js.map +1 -0
  559. package/esm/util/icons.js +16 -1
  560. package/esm/util/icons.js.map +1 -1
  561. package/esm/util/index.js +1 -0
  562. package/esm/util/index.js.map +1 -1
  563. package/index.d.ts +1504 -421
  564. package/index.d.ts.map +1 -1
  565. package/index.js +4522 -2432
  566. package/index.js.map +1 -1
  567. package/index.min.js +195 -93
  568. package/index.min.js.map +1 -1
  569. package/package.json +4 -4
@@ -0,0 +1,11 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ import { durationNormal, curveEasyEase } from '@fluentui/web-components';
3
+
4
+ /**
5
+ * Styles for the {@link @fabric-msft/fabric-web#(CarouselViewport:class)} component.
6
+ * @public
7
+ */
8
+ const styles = css`
9
+ :host{white-space:normal;--_carousel-dir:-1;display:block;overflow:hidden;position:relative;width:100%}:host(:dir(rtl)){--_carousel-dir:1}.track{display:flex;transition:transform ${durationNormal} ${curveEasyEase};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}`;
10
+
11
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-viewport.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;;4BAgBZ,cAAc,IAAI,aAAa;;;;;;;;;CAS1D,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { html } from '@microsoft/fast-element';
2
+
3
+ /**
4
+ * The template for the {@link @fabric-msft/fabric-web#(CarouselViewport:class)} component.
5
+ * @public
6
+ */
7
+ function carouselViewportTemplate() {
8
+ return html`<template aria-live="polite" aria-atomic="false"><div class="track" style="transform: translateX(calc(var(--_carousel-dir) * ${x => {
9
+ var _a, _b;
10
+ return (_b = (_a = x.controller) === null || _a === void 0 ? void 0 : _a.currentIndex) !== null && _b !== void 0 ? _b : 0;
11
+ }} * 100%))"><slot></slot></div></template>`;
12
+ }
13
+ const template = carouselViewportTemplate();
14
+
15
+ export { carouselViewportTemplate, template };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel-viewport.template.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C;;;GAGG;AACH,MAAM,UAAU,wBAAwB;IAGtC,OAAO,IAAI,CAAG;;;;mEAImD,CAAC,CAAC,EAAE,EAAE,eAC/D,OAAA,MAAA,MAAA,CAAC,CAAC,UAAU,0CAAE,YAAY,mCAAI,CAAC,CAAA,EAAA;;;;;GAKtC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GACnB,wBAAwB,EAAE,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { definition } from "./carousel-viewport.definition.js";
2
+ import { DesignSystem } from "../design-system.js";
3
+ definition.define(DesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { CarouselViewport } from "./carousel-viewport.js";
2
+ export { definition as CarouselViewportDefinition } from "./carousel-viewport.definition.js";
3
+ export { styles as CarouselViewportStyles } from "./carousel-viewport.styles.js";
4
+ export { template as CarouselViewportTemplate } from "./carousel-viewport.template.js";
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,QAAQ,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC"}
@@ -1,6 +1,7 @@
1
- import { CheckboxStyles, CheckboxTemplate } from '@fluentui/web-components';
1
+ import { CheckboxTemplate } from '@fluentui/web-components';
2
2
  import { DesignSystem } from '../design-system.js';
3
3
  import { Checkbox } from './checkbox.js';
4
+ import { styles } from './checkbox.styles.js';
4
5
 
5
6
  /**
6
7
  * The Fabric Checkbox component.
@@ -10,7 +11,7 @@ import { Checkbox } from './checkbox.js';
10
11
  const definition = Checkbox.compose({
11
12
  name: `${DesignSystem.prefix}-checkbox`,
12
13
  template: CheckboxTemplate,
13
- styles: CheckboxStyles,
14
+ styles,
14
15
  shadowOptions: {
15
16
  mode: DesignSystem.shadowRootMode
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { CheckboxStyles } from '@fluentui/web-components';
2
+ import { css } from '@microsoft/fast-element';
3
+
4
+ // eslint-disable-next-line fabric/no-hardcoded-design-values -- composing upstream Fluent styles
5
+ const styles = css`
6
+ ${CheckboxStyles}
7
+
8
+ :host{white-space:normal}`;
9
+
10
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,iGAAiG;AACjG,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;CAKjB,CAAC"}
@@ -3,7 +3,8 @@ import { css } from '@microsoft/fast-element';
3
3
 
4
4
  const styles = css`
5
5
  ${CompoundButtonStyles}
6
- :host([appearance='primary-on-brand']){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${colorNeutralForegroundOnBrand}}:host(
6
+
7
+ :host{white-space:normal}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${colorNeutralForegroundOnBrand}}:host(
7
8
  [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
8
9
  :focus-visible
9
10
  )
@@ -1 +1 @@
1
- {"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,0BAA0B,EAClD,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,0BAA0B;;wBAEN,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;aAIhC,6BAA6B;;;;;;;;oBAQtB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;CAElC,CAAC"}
1
+ {"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,0BAA0B,EAClD,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,0BAA0B;;;;;;;wBAON,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;aAIhC,6BAA6B;;;;;;;;oBAQtB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;CAElC,CAAC"}
@@ -1,6 +1,7 @@
1
- import { CounterBadgeStyles, CounterBadgeTemplate } from '@fluentui/web-components';
1
+ import { CounterBadgeTemplate } from '@fluentui/web-components';
2
2
  import { DesignSystem } from '../design-system.js';
3
3
  import { CounterBadge } from './counter-badge.js';
4
+ import { styles } from './counter-badge.styles.js';
4
5
 
5
6
  /**
6
7
  * The Fabric Counter Badge component.
@@ -10,7 +11,7 @@ import { CounterBadge } from './counter-badge.js';
10
11
  const definition = CounterBadge.compose({
11
12
  name: `${DesignSystem.prefix}-counter-badge`,
12
13
  template: CounterBadgeTemplate,
13
- styles: CounterBadgeStyles,
14
+ styles,
14
15
  shadowOptions: {
15
16
  mode: DesignSystem.shadowRootMode
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { CounterBadgeStyles } from '@fluentui/web-components';
2
+ import { css } from '@microsoft/fast-element';
3
+
4
+ // eslint-disable-next-line fabric/no-hardcoded-design-values -- composing upstream Fluent styles
5
+ const styles = css`
6
+ ${CounterBadgeStyles}
7
+
8
+ :host{white-space:normal}`;
9
+
10
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"counter-badge.styles.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,iGAAiG;AACjG,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,kBAAkB;;;;;CAKrB,CAAC"}
@@ -3,6 +3,7 @@ import { css } from '@microsoft/fast-element';
3
3
 
4
4
  const styles = css`
5
5
  ${DialogStyles}
6
- dialog{max-width:var(--dialog-max-width,600px)}}`;
6
+
7
+ :host{white-space:normal}dialog{max-width:var(--dialog-max-width,600px)}`;
7
8
 
8
9
  export { styles };
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;EAId,CAAC"}
1
+ {"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;;;;;CASf,CAAC"}
@@ -1,6 +1,7 @@
1
- import { DialogBodyStyles, DialogBodyTemplate } from '@fluentui/web-components';
1
+ import { DialogBodyTemplate } from '@fluentui/web-components';
2
2
  import { DesignSystem } from '../design-system.js';
3
3
  import { DialogBody } from './dialog-body.js';
4
+ import { styles } from './dialog-body.styles.js';
4
5
 
5
6
  /**
6
7
  * The Fabric Dialog Body component.
@@ -10,7 +11,7 @@ import { DialogBody } from './dialog-body.js';
10
11
  const definition = DialogBody.compose({
11
12
  name: `${DesignSystem.prefix}-dialog-body`,
12
13
  template: DialogBodyTemplate,
13
- styles: DialogBodyStyles,
14
+ styles,
14
15
  shadowOptions: {
15
16
  mode: DesignSystem.shadowRootMode
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { DialogBodyStyles } from '@fluentui/web-components';
2
+ import { css } from '@microsoft/fast-element';
3
+
4
+ const styles = css`
5
+ ${DialogBodyStyles}
6
+
7
+ :host{white-space:normal}`;
8
+
9
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog-body.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}
@@ -3,6 +3,7 @@ import { css } from '@microsoft/fast-element';
3
3
 
4
4
  const styles = css`
5
5
  ${DividerStyles}
6
- :host([orientation='vertical']){min-height:unset}`;
6
+
7
+ :host{white-space:normal}:host([orientation="vertical"]){min-height:unset}`;
7
8
 
8
9
  export { styles };
@@ -1 +1 @@
1
- {"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;CAIhB,CAAC"}
1
+ {"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;;;;;;CAShB,CAAC"}
@@ -1,6 +1,7 @@
1
- import { DrawerStyles, DrawerTemplate } from '@fluentui/web-components';
1
+ import { DrawerTemplate } from '@fluentui/web-components';
2
2
  import { DesignSystem } from '../design-system.js';
3
3
  import { Drawer } from './drawer.js';
4
+ import { styles } from './drawer.styles.js';
4
5
 
5
6
  /**
6
7
  * The Fabric Drawer component.
@@ -10,7 +11,7 @@ import { Drawer } from './drawer.js';
10
11
  const definition = Drawer.compose({
11
12
  name: `${DesignSystem.prefix}-drawer`,
12
13
  template: DrawerTemplate,
13
- styles: DrawerStyles,
14
+ styles,
14
15
  shadowOptions: {
15
16
  mode: DesignSystem.shadowRootMode
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { DrawerStyles } from '@fluentui/web-components';
2
+ import { css } from '@microsoft/fast-element';
3
+
4
+ const styles = css`
5
+ ${DrawerStyles}
6
+
7
+ :host{white-space:normal}`;
8
+
9
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;CAKf,CAAC"}
@@ -1,6 +1,7 @@
1
- import { DrawerBodyStyles, DrawerBodyTemplate } from '@fluentui/web-components';
1
+ import { DrawerBodyTemplate } from '@fluentui/web-components';
2
2
  import { DesignSystem } from '../design-system.js';
3
3
  import { DrawerBody } from './drawer-body.js';
4
+ import { styles } from './drawer-body.styles.js';
4
5
 
5
6
  /**
6
7
  * The Fabric Drawer Body component.
@@ -10,7 +11,7 @@ import { DrawerBody } from './drawer-body.js';
10
11
  const definition = DrawerBody.compose({
11
12
  name: `${DesignSystem.prefix}-drawer-body`,
12
13
  template: DrawerBodyTemplate,
13
- styles: DrawerBodyStyles,
14
+ styles,
14
15
  shadowOptions: {
15
16
  mode: DesignSystem.shadowRootMode
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"drawer-body.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"drawer-body.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { DrawerBodyStyles } from '@fluentui/web-components';
2
+ import { css } from '@microsoft/fast-element';
3
+
4
+ const styles = css`
5
+ ${DrawerBodyStyles}
6
+
7
+ :host{white-space:normal}`;
8
+
9
+ export { styles };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer-body.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}
@@ -5,6 +5,6 @@ import { focusVisibleState } from '../styles/states/states.js';
5
5
  const styles = css`
6
6
  ${DropdownStyles}
7
7
 
8
- ::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${focusVisibleState})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;
8
+ :host{white-space:normal}::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${focusVisibleState})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;
9
9
 
10
10
  export { styles };
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;oCAYkB,iBAAiB;;;;CAIpD,CAAC"}
1
+ {"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;;;;;oCAgBkB,iBAAiB;;;;CAIpD,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { DesignSystem } from "../design-system.js";
2
+ import { definition } from "./dynamic-tab.definition.js";
3
+ definition.define(DesignSystem.registry);
4
+ //# sourceMappingURL=define.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { definition as definition$1 } from '../button/button.definition.js';
2
+ import { DesignSystem } from '../design-system.js';
3
+ import { composeDefinitions, fromFAST } from '../../util/element-definition.js';
4
+ import { DynamicTab } from './dynamic-tab.js';
5
+ import { styles } from './dynamic-tab.styles.js';
6
+ import { template } from './dynamic-tab.template.js';
7
+
8
+ /** @internal */
9
+ const DynamicTabDefinition = DynamicTab.compose({
10
+ name: `${DesignSystem.prefix}-dynamic-tab`,
11
+ template,
12
+ styles,
13
+ shadowOptions: {
14
+ mode: DesignSystem.shadowRootMode
15
+ }
16
+ });
17
+ /**
18
+ * Composed element definition for `<fabric-dynamic-tab>`, registering the
19
+ * `fabric-button` dependency before the element itself.
20
+ *
21
+ * @public
22
+ * @remarks
23
+ * HTML Element: `<fabric-dynamic-tab>`
24
+ */
25
+ const definition = composeDefinitions(fromFAST(DynamicTabDefinition), fromFAST(definition$1));
26
+
27
+ export { definition };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dynamic-tab.definition.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,gBAAgB;AAChB,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAC1C,QAAQ,CAAC,oBAAoB,CAAC,EAC9B,QAAQ,CAAC,gBAAgB,CAAC,CAC3B,CAAC"}
@@ -0,0 +1,232 @@
1
+ import { attr, FASTElement } from '@microsoft/fast-element';
2
+ import { DynamicTabEventNames } from './dynamic-tab.options.js';
3
+
4
+ var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
5
+ var c = arguments.length,
6
+ r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
7
+ d;
8
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
9
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
10
+ };
11
+ /**
12
+ * Dynamic Tab
13
+ * @summary A dismissible tab component for use in dynamic tab lists, similar to browser tabs.
14
+ *
15
+ * @example
16
+ * ```html
17
+ * <fabric-dynamic-tab id="tab-1" selected>
18
+ * <fabric-svg-icon slot="icon" name="document-20-regular"></fabric-svg-icon>
19
+ * Document.docx
20
+ * </fabric-dynamic-tab>
21
+ * ```
22
+ *
23
+ * @attr {boolean} selected - Whether the tab is currently selected.
24
+ * @attr {boolean} disabled - Whether the tab is disabled.
25
+ * @attr {boolean} no-dismiss - When present, prevents the tab from being dismissed/closed.
26
+ * @attr {boolean} no-rename - When present, prevents the tab from being renamed.
27
+ * @attr {boolean} modified - Whether the tab has unsaved changes (shows indicator instead of dismiss).
28
+ *
29
+ * @slot icon - Optional icon displayed before the label (defaults to document icon).
30
+ * @slot dismiss-icon - Optional custom icon for the dismiss button.
31
+ * @slot - The tab label text.
32
+ *
33
+ * @fires dismiss - Fires when the dismiss button is clicked.
34
+ * @fires select - Fires when the tab is clicked to select.
35
+ * @fires rename-request - Fires when rename is requested via F2 key.
36
+ *
37
+ * @extends FASTElement
38
+ * @tagname fabric-dynamic-tab
39
+ * @public
40
+ */
41
+ class DynamicTab extends FASTElement {
42
+ constructor() {
43
+ super(...arguments);
44
+ /**
45
+ * Internal unique ID used when no id attribute is provided.
46
+ * Ensures aria-describedby references don't collide across instances.
47
+ * @internal
48
+ */
49
+ this.internalId = `fabric-dynamic-tab-${DynamicTab.idCounter++}`;
50
+ /**
51
+ * Whether the tab is currently selected.
52
+ * @public
53
+ * @remarks
54
+ * HTML Attribute: `selected`
55
+ */
56
+ this.selected = false;
57
+ /**
58
+ * Whether the tab is disabled.
59
+ * @public
60
+ * @remarks
61
+ * HTML Attribute: `disabled`
62
+ */
63
+ this.disabled = false;
64
+ /**
65
+ * When present, prevents the tab from being dismissed/closed.
66
+ * @public
67
+ * @remarks
68
+ * HTML Attribute: `no-dismiss`
69
+ */
70
+ this.noDismiss = false;
71
+ /**
72
+ * When present, prevents the tab from being renamed.
73
+ * @public
74
+ * @remarks
75
+ * HTML Attribute: `no-rename`
76
+ */
77
+ this.noRename = false;
78
+ /**
79
+ * Whether the tab has unsaved changes.
80
+ * When true, shows a modified indicator instead of the dismiss button.
81
+ * @public
82
+ * @remarks
83
+ * HTML Attribute: `modified`
84
+ */
85
+ this.modified = false;
86
+ /**
87
+ * Accessible label for the close/dismiss button.
88
+ * Override for i18n/localization.
89
+ * @public
90
+ * @remarks
91
+ * HTML Attribute: `close-tab-label`
92
+ */
93
+ this.closeTabLabel = "";
94
+ /**
95
+ * Accessible label for the modified indicator.
96
+ * Override for i18n/localization.
97
+ * @public
98
+ * @remarks
99
+ * HTML Attribute: `modified-label`
100
+ */
101
+ this.modifiedLabel = "";
102
+ /**
103
+ * Accessible hint text for dismissible tabs.
104
+ * Override for i18n/localization.
105
+ * @public
106
+ * @remarks
107
+ * HTML Attribute: `close-hint-label`
108
+ */
109
+ this.closeHintLabel = "";
110
+ }
111
+ /**
112
+ * Returns the effective ID for ARIA references.
113
+ * Uses the consumer-provided id attribute if set, otherwise falls back to internal ID.
114
+ * @internal
115
+ */
116
+ get effectiveId() {
117
+ return this.id || this.internalId;
118
+ }
119
+ /**
120
+ * Handles click events on the tab.
121
+ * @internal
122
+ */
123
+ handleClick(_event) {
124
+ if (this.disabled) return;
125
+ this.emitSelect();
126
+ }
127
+ /**
128
+ * Handles keyboard events.
129
+ * @internal
130
+ */
131
+ handleKeydown(event) {
132
+ if (this.disabled) return true;
133
+ switch (event.key) {
134
+ case "Enter":
135
+ case " ":
136
+ event.preventDefault();
137
+ this.emitSelect();
138
+ return false;
139
+ case "F2":
140
+ if (!this.noRename) {
141
+ event.preventDefault();
142
+ this.emitRenameRequest();
143
+ return false;
144
+ }
145
+ break;
146
+ }
147
+ return true;
148
+ }
149
+ /**
150
+ * Handles dismiss button click.
151
+ * @internal
152
+ */
153
+ handleDismissClick(event) {
154
+ event.stopPropagation();
155
+ this.emitDismiss();
156
+ }
157
+ /**
158
+ * Emits the dismiss event.
159
+ * Can be called programmatically to trigger tab dismissal.
160
+ * @public
161
+ */
162
+ emitDismiss() {
163
+ this.dispatchEvent(new CustomEvent(DynamicTabEventNames.dismiss, {
164
+ detail: {
165
+ id: this.id
166
+ },
167
+ bubbles: true,
168
+ composed: true
169
+ }));
170
+ }
171
+ /**
172
+ * Emits the select event.
173
+ * @internal
174
+ */
175
+ emitSelect() {
176
+ this.dispatchEvent(new CustomEvent(DynamicTabEventNames.select, {
177
+ detail: {
178
+ id: this.id
179
+ },
180
+ bubbles: true,
181
+ composed: true
182
+ }));
183
+ }
184
+ /**
185
+ * Emits the rename-request event.
186
+ * @internal
187
+ */
188
+ emitRenameRequest() {
189
+ var _a, _b;
190
+ this.dispatchEvent(new CustomEvent(DynamicTabEventNames["rename-request"], {
191
+ detail: {
192
+ id: this.id,
193
+ currentName: (_b = (_a = this.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : ""
194
+ },
195
+ bubbles: true,
196
+ composed: true
197
+ }));
198
+ }
199
+ }
200
+ /**
201
+ * Static counter for generating unique internal IDs.
202
+ * @internal
203
+ */
204
+ DynamicTab.idCounter = 0;
205
+ __decorate([attr({
206
+ mode: "boolean"
207
+ })], DynamicTab.prototype, "selected", void 0);
208
+ __decorate([attr({
209
+ mode: "boolean"
210
+ })], DynamicTab.prototype, "disabled", void 0);
211
+ __decorate([attr({
212
+ mode: "boolean",
213
+ attribute: "no-dismiss"
214
+ })], DynamicTab.prototype, "noDismiss", void 0);
215
+ __decorate([attr({
216
+ mode: "boolean",
217
+ attribute: "no-rename"
218
+ })], DynamicTab.prototype, "noRename", void 0);
219
+ __decorate([attr({
220
+ mode: "boolean"
221
+ })], DynamicTab.prototype, "modified", void 0);
222
+ __decorate([attr({
223
+ attribute: "close-tab-label"
224
+ })], DynamicTab.prototype, "closeTabLabel", void 0);
225
+ __decorate([attr({
226
+ attribute: "modified-label"
227
+ })], DynamicTab.prototype, "modifiedLabel", void 0);
228
+ __decorate([attr({
229
+ attribute: "close-hint-label"
230
+ })], DynamicTab.prototype, "closeHintLabel", void 0);
231
+
232
+ export { DynamicTab };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dynamic-tab.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAA3C;;QAOE;;;;WAIG;QACc,eAAU,GAAW,sBAAsB,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;QAWrF;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;WAKG;QAEI,cAAS,GAAY,KAAK,CAAC;QAElC;;;;;WAKG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAEI,kBAAa,GAAW,EAAE,CAAC;QAElC;;;;;;WAMG;QAEI,kBAAa,GAAW,EAAE,CAAC;QAElC;;;;;;WAMG;QAEI,mBAAc,GAAW,EAAE,CAAC;IAsFrC,CAAC;IAzKC;;;;OAIG;IACH,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC;IACpC,CAAC;IA8ED;;;OAGG;IACI,WAAW,CAAC,MAAkB;QACnC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED;;;OAGG;IACI,aAAa,CAAC,KAAoB;QACvC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE/B,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,OAAO,CAAC;YACb,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,OAAO,KAAK,CAAC;YACf,KAAK,IAAI;gBACP,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACnB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;oBACzB,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,MAAM;QACV,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACI,kBAAkB,CAAC,KAAiB;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED;;;;OAIG;IACI,WAAW;QAChB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,CAAC,OAAO,EAAE;YAC5C,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,UAAU;QAChB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,CAAC,MAAM,EAAE;YAC3C,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,iBAAiB;;QACvB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,EAAE;YACtD,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,MAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,EAAE,mCAAI,EAAE,EAAE;YACpE,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;;AArLD;;;GAGG;AACY,oBAAS,GAAG,CAAC,AAAJ,CAAK;AAyBtB;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACO;AAS1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACO;AAS1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;6CACjB;AAS3B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;4CACjB;AAU1B;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACO;AAU1B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;iDACL;AAU3B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;iDACJ;AAU3B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;kDACL"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Event names for {@link DynamicTab}.
3
+ * @public
4
+ */
5
+ const DynamicTabEventNames = {
6
+ dismiss: "dismiss",
7
+ select: "select",
8
+ "rename-request": "rename-request"
9
+ };
10
+
11
+ export { DynamicTabEventNames };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dynamic-tab.options.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.options.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,gBAAgB,EAAE,gBAAgB;CAC1B,CAAC"}