@fluentui/react-accordion 9.0.0-alpha.8 → 9.0.0-alpha.83

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 (318) hide show
  1. package/CHANGELOG.json +2038 -1
  2. package/CHANGELOG.md +764 -2
  3. package/Spec.md +100 -90
  4. package/dist/react-accordion.d.ts +286 -180
  5. package/lib/Accordion.js.map +1 -1
  6. package/lib/AccordionHeader.js.map +1 -1
  7. package/lib/AccordionItem.js.map +1 -1
  8. package/lib/AccordionPanel.js.map +1 -1
  9. package/lib/common/isConformant.d.ts +4 -2
  10. package/lib/common/isConformant.js +8 -5
  11. package/lib/common/isConformant.js.map +1 -1
  12. package/lib/components/Accordion/Accordion.d.ts +23 -3
  13. package/lib/components/Accordion/Accordion.js +7 -5
  14. package/lib/components/Accordion/Accordion.js.map +1 -1
  15. package/lib/components/Accordion/Accordion.types.d.ts +32 -50
  16. package/lib/components/Accordion/Accordion.types.js +1 -0
  17. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  18. package/lib/components/Accordion/AccordionContext.d.ts +3 -0
  19. package/lib/components/Accordion/AccordionContext.js +9 -0
  20. package/lib/components/Accordion/AccordionContext.js.map +1 -0
  21. package/lib/components/Accordion/index.d.ts +2 -0
  22. package/lib/components/Accordion/index.js +3 -0
  23. package/lib/components/Accordion/index.js.map +1 -1
  24. package/lib/components/Accordion/renderAccordion.d.ts +2 -2
  25. package/lib/components/Accordion/renderAccordion.js +11 -8
  26. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  27. package/lib/components/Accordion/useAccordion.d.ts +3 -12
  28. package/lib/components/Accordion/useAccordion.js +105 -19
  29. package/lib/components/Accordion/useAccordion.js.map +1 -1
  30. package/lib/components/Accordion/useAccordionContextValues.d.ts +2 -0
  31. package/lib/components/Accordion/useAccordionContextValues.js +15 -0
  32. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -0
  33. package/lib/components/AccordionHeader/AccordionHeader.d.ts +72 -3
  34. package/lib/components/AccordionHeader/AccordionHeader.js +8 -5
  35. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  36. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +27 -29
  37. package/lib/components/AccordionHeader/AccordionHeader.types.js +1 -0
  38. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  39. package/lib/components/AccordionHeader/AccordionHeaderContext.d.ts +4 -0
  40. package/lib/components/AccordionHeader/AccordionHeaderContext.js +11 -0
  41. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -0
  42. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +12 -0
  43. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +42 -0
  44. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -0
  45. package/lib/components/AccordionHeader/index.d.ts +2 -0
  46. package/lib/components/AccordionHeader/index.js +3 -0
  47. package/lib/components/AccordionHeader/index.js.map +1 -1
  48. package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +2 -2
  49. package/lib/components/AccordionHeader/renderAccordionHeader.js +10 -7
  50. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  51. package/lib/components/AccordionHeader/useAccordionHeader.d.ts +3 -4
  52. package/lib/components/AccordionHeader/useAccordionHeader.js +69 -48
  53. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  54. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +2 -0
  55. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +19 -0
  56. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -0
  57. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -1
  58. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +115 -56
  59. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  60. package/lib/components/AccordionItem/AccordionItem.d.ts +22 -3
  61. package/lib/components/AccordionItem/AccordionItem.js +7 -4
  62. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  63. package/lib/components/AccordionItem/AccordionItem.types.d.ts +19 -27
  64. package/lib/components/AccordionItem/AccordionItem.types.js +1 -0
  65. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  66. package/lib/components/AccordionItem/AccordionItemContext.d.ts +4 -0
  67. package/lib/components/AccordionItem/AccordionItemContext.js +13 -0
  68. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -0
  69. package/lib/components/AccordionItem/index.d.ts +2 -1
  70. package/lib/components/AccordionItem/index.js +3 -1
  71. package/lib/components/AccordionItem/index.js.map +1 -1
  72. package/lib/components/AccordionItem/renderAccordionItem.d.ts +2 -2
  73. package/lib/components/AccordionItem/renderAccordionItem.js +12 -8
  74. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  75. package/lib/components/AccordionItem/useAccordionItem.d.ts +4 -10
  76. package/lib/components/AccordionItem/useAccordionItem.js +38 -23
  77. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  78. package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +2 -0
  79. package/lib/components/AccordionItem/useAccordionItemContextValues.js +17 -0
  80. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -0
  81. package/lib/components/AccordionPanel/AccordionPanel.d.ts +20 -3
  82. package/lib/components/AccordionPanel/AccordionPanel.js +6 -5
  83. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  84. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +7 -14
  85. package/lib/components/AccordionPanel/AccordionPanel.types.js +1 -0
  86. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  87. package/lib/components/AccordionPanel/index.js +1 -0
  88. package/lib/components/AccordionPanel/index.js.map +1 -1
  89. package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  90. package/lib/components/AccordionPanel/renderAccordionPanel.js +6 -2
  91. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  92. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +4 -4
  93. package/lib/components/AccordionPanel/useAccordionPanel.js +16 -24
  94. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  95. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -1
  96. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +14 -9
  97. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  98. package/lib/index.js.map +1 -1
  99. package/lib/tsdoc-metadata.json +1 -1
  100. package/lib-commonjs/Accordion.js +7 -2
  101. package/lib-commonjs/Accordion.js.map +1 -1
  102. package/lib-commonjs/AccordionHeader.js +7 -2
  103. package/lib-commonjs/AccordionHeader.js.map +1 -1
  104. package/lib-commonjs/AccordionItem.js +7 -2
  105. package/lib-commonjs/AccordionItem.js.map +1 -1
  106. package/lib-commonjs/AccordionPanel.js +7 -2
  107. package/lib-commonjs/AccordionPanel.js.map +1 -1
  108. package/lib-commonjs/common/isConformant.d.ts +4 -2
  109. package/lib-commonjs/common/isConformant.js +18 -7
  110. package/lib-commonjs/common/isConformant.js.map +1 -1
  111. package/lib-commonjs/components/Accordion/Accordion.d.ts +23 -3
  112. package/lib-commonjs/components/Accordion/Accordion.js +19 -8
  113. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  114. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +32 -50
  115. package/lib-commonjs/components/Accordion/Accordion.types.js +4 -1
  116. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  117. package/lib-commonjs/components/Accordion/AccordionContext.d.ts +3 -0
  118. package/lib-commonjs/components/Accordion/AccordionContext.js +17 -0
  119. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -0
  120. package/lib-commonjs/components/Accordion/index.d.ts +2 -0
  121. package/lib-commonjs/components/Accordion/index.js +15 -2
  122. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  123. package/lib-commonjs/components/Accordion/renderAccordion.d.ts +2 -2
  124. package/lib-commonjs/components/Accordion/renderAccordion.js +25 -11
  125. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  126. package/lib-commonjs/components/Accordion/useAccordion.d.ts +3 -12
  127. package/lib-commonjs/components/Accordion/useAccordion.js +118 -21
  128. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  129. package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +2 -0
  130. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +24 -0
  131. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -0
  132. package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +72 -3
  133. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +23 -10
  134. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  135. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +27 -29
  136. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +4 -1
  137. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  138. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts +4 -0
  139. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +22 -0
  140. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -0
  141. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +12 -0
  142. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +52 -0
  143. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -0
  144. package/lib-commonjs/components/AccordionHeader/index.d.ts +2 -0
  145. package/lib-commonjs/components/AccordionHeader/index.js +16 -2
  146. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  147. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +2 -2
  148. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +27 -12
  149. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  150. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +3 -4
  151. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +82 -49
  152. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  153. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +2 -0
  154. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +29 -0
  155. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -0
  156. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -1
  157. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +125 -58
  158. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  159. package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +22 -3
  160. package/lib-commonjs/components/AccordionItem/AccordionItem.js +20 -8
  161. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  162. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +19 -27
  163. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +4 -1
  164. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  165. package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +4 -0
  166. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +24 -0
  167. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -0
  168. package/lib-commonjs/components/AccordionItem/index.d.ts +2 -1
  169. package/lib-commonjs/components/AccordionItem/index.js +15 -3
  170. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  171. package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +2 -2
  172. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +27 -11
  173. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  174. package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +4 -10
  175. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +53 -26
  176. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  177. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +2 -0
  178. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +27 -0
  179. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -0
  180. package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +20 -3
  181. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +20 -10
  182. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  183. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +7 -14
  184. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +4 -1
  185. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  186. package/lib-commonjs/components/AccordionPanel/index.js +12 -2
  187. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  188. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +1 -1
  189. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +23 -8
  190. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  191. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +4 -4
  192. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +27 -25
  193. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  194. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -1
  195. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +24 -11
  196. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  197. package/lib-commonjs/index.js +10 -2
  198. package/lib-commonjs/index.js.map +1 -1
  199. package/package.json +19 -15
  200. package/config/api-extractor.json +0 -3
  201. package/config/tests.js +0 -7
  202. package/etc/react-accordion.api.md +0 -198
  203. package/just.config.ts +0 -3
  204. package/lib/components/Accordion/useAccordionContext.d.ts +0 -12
  205. package/lib/components/Accordion/useAccordionContext.js +0 -101
  206. package/lib/components/Accordion/useAccordionContext.js.map +0 -1
  207. package/lib/components/AccordionHeader/DefaultExpandIcon.d.ts +0 -3
  208. package/lib/components/AccordionHeader/DefaultExpandIcon.js +0 -18
  209. package/lib/components/AccordionHeader/DefaultExpandIcon.js.map +0 -1
  210. package/lib/components/AccordionItem/useAccordionItemContext.d.ts +0 -8
  211. package/lib/components/AccordionItem/useAccordionItemContext.js +0 -37
  212. package/lib/components/AccordionItem/useAccordionItemContext.js.map +0 -1
  213. package/lib-amd/Accordion.d.ts +0 -1
  214. package/lib-amd/Accordion.js +0 -6
  215. package/lib-amd/Accordion.js.map +0 -1
  216. package/lib-amd/AccordionHeader.d.ts +0 -1
  217. package/lib-amd/AccordionHeader.js +0 -6
  218. package/lib-amd/AccordionHeader.js.map +0 -1
  219. package/lib-amd/AccordionItem.d.ts +0 -1
  220. package/lib-amd/AccordionItem.js +0 -6
  221. package/lib-amd/AccordionItem.js.map +0 -1
  222. package/lib-amd/AccordionPanel.d.ts +0 -1
  223. package/lib-amd/AccordionPanel.js +0 -6
  224. package/lib-amd/AccordionPanel.js.map +0 -1
  225. package/lib-amd/common/isConformant.d.ts +0 -2
  226. package/lib-amd/common/isConformant.js +0 -13
  227. package/lib-amd/common/isConformant.js.map +0 -1
  228. package/lib-amd/components/Accordion/Accordion.d.ts +0 -7
  229. package/lib-amd/components/Accordion/Accordion.js +0 -14
  230. package/lib-amd/components/Accordion/Accordion.js.map +0 -1
  231. package/lib-amd/components/Accordion/Accordion.types.d.ts +0 -70
  232. package/lib-amd/components/Accordion/Accordion.types.js +0 -5
  233. package/lib-amd/components/Accordion/Accordion.types.js.map +0 -1
  234. package/lib-amd/components/Accordion/index.d.ts +0 -4
  235. package/lib-amd/components/Accordion/index.js +0 -8
  236. package/lib-amd/components/Accordion/index.js.map +0 -1
  237. package/lib-amd/components/Accordion/renderAccordion.d.ts +0 -5
  238. package/lib-amd/components/Accordion/renderAccordion.js +0 -14
  239. package/lib-amd/components/Accordion/renderAccordion.js.map +0 -1
  240. package/lib-amd/components/Accordion/useAccordion.d.ts +0 -13
  241. package/lib-amd/components/Accordion/useAccordion.js +0 -24
  242. package/lib-amd/components/Accordion/useAccordion.js.map +0 -1
  243. package/lib-amd/components/Accordion/useAccordionContext.d.ts +0 -12
  244. package/lib-amd/components/Accordion/useAccordionContext.js +0 -103
  245. package/lib-amd/components/Accordion/useAccordionContext.js.map +0 -1
  246. package/lib-amd/components/AccordionHeader/AccordionHeader.d.ts +0 -6
  247. package/lib-amd/components/AccordionHeader/AccordionHeader.js +0 -14
  248. package/lib-amd/components/AccordionHeader/AccordionHeader.js.map +0 -1
  249. package/lib-amd/components/AccordionHeader/AccordionHeader.types.d.ts +0 -49
  250. package/lib-amd/components/AccordionHeader/AccordionHeader.types.js +0 -5
  251. package/lib-amd/components/AccordionHeader/AccordionHeader.types.js.map +0 -1
  252. package/lib-amd/components/AccordionHeader/DefaultExpandIcon.d.ts +0 -3
  253. package/lib-amd/components/AccordionHeader/DefaultExpandIcon.js +0 -20
  254. package/lib-amd/components/AccordionHeader/DefaultExpandIcon.js.map +0 -1
  255. package/lib-amd/components/AccordionHeader/index.d.ts +0 -5
  256. package/lib-amd/components/AccordionHeader/index.js +0 -9
  257. package/lib-amd/components/AccordionHeader/index.js.map +0 -1
  258. package/lib-amd/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
  259. package/lib-amd/components/AccordionHeader/renderAccordionHeader.js +0 -16
  260. package/lib-amd/components/AccordionHeader/renderAccordionHeader.js.map +0 -1
  261. package/lib-amd/components/AccordionHeader/useAccordionHeader.d.ts +0 -13
  262. package/lib-amd/components/AccordionHeader/useAccordionHeader.js +0 -57
  263. package/lib-amd/components/AccordionHeader/useAccordionHeader.js.map +0 -1
  264. package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -3
  265. package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js +0 -64
  266. package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js.map +0 -1
  267. package/lib-amd/components/AccordionItem/AccordionItem.d.ts +0 -6
  268. package/lib-amd/components/AccordionItem/AccordionItem.js +0 -13
  269. package/lib-amd/components/AccordionItem/AccordionItem.js.map +0 -1
  270. package/lib-amd/components/AccordionItem/AccordionItem.types.d.ts +0 -35
  271. package/lib-amd/components/AccordionItem/AccordionItem.types.js +0 -5
  272. package/lib-amd/components/AccordionItem/AccordionItem.types.js.map +0 -1
  273. package/lib-amd/components/AccordionItem/index.d.ts +0 -5
  274. package/lib-amd/components/AccordionItem/index.js +0 -9
  275. package/lib-amd/components/AccordionItem/index.js.map +0 -1
  276. package/lib-amd/components/AccordionItem/renderAccordionItem.d.ts +0 -5
  277. package/lib-amd/components/AccordionItem/renderAccordionItem.js +0 -14
  278. package/lib-amd/components/AccordionItem/renderAccordionItem.js.map +0 -1
  279. package/lib-amd/components/AccordionItem/useAccordionItem.d.ts +0 -18
  280. package/lib-amd/components/AccordionItem/useAccordionItem.js +0 -35
  281. package/lib-amd/components/AccordionItem/useAccordionItem.js.map +0 -1
  282. package/lib-amd/components/AccordionItem/useAccordionItemContext.d.ts +0 -8
  283. package/lib-amd/components/AccordionItem/useAccordionItemContext.js +0 -39
  284. package/lib-amd/components/AccordionItem/useAccordionItemContext.js.map +0 -1
  285. package/lib-amd/components/AccordionPanel/AccordionPanel.d.ts +0 -6
  286. package/lib-amd/components/AccordionPanel/AccordionPanel.js +0 -14
  287. package/lib-amd/components/AccordionPanel/AccordionPanel.js.map +0 -1
  288. package/lib-amd/components/AccordionPanel/AccordionPanel.types.d.ts +0 -18
  289. package/lib-amd/components/AccordionPanel/AccordionPanel.types.js +0 -5
  290. package/lib-amd/components/AccordionPanel/AccordionPanel.types.js.map +0 -1
  291. package/lib-amd/components/AccordionPanel/index.d.ts +0 -5
  292. package/lib-amd/components/AccordionPanel/index.js +0 -9
  293. package/lib-amd/components/AccordionPanel/index.js.map +0 -1
  294. package/lib-amd/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
  295. package/lib-amd/components/AccordionPanel/renderAccordionPanel.js +0 -12
  296. package/lib-amd/components/AccordionPanel/renderAccordionPanel.js.map +0 -1
  297. package/lib-amd/components/AccordionPanel/useAccordionPanel.d.ts +0 -13
  298. package/lib-amd/components/AccordionPanel/useAccordionPanel.js +0 -35
  299. package/lib-amd/components/AccordionPanel/useAccordionPanel.js.map +0 -1
  300. package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -3
  301. package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js +0 -20
  302. package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js.map +0 -1
  303. package/lib-amd/index.d.ts +0 -4
  304. package/lib-amd/index.js +0 -9
  305. package/lib-amd/index.js.map +0 -1
  306. package/lib-commonjs/components/Accordion/useAccordionContext.d.ts +0 -12
  307. package/lib-commonjs/components/Accordion/useAccordionContext.js +0 -105
  308. package/lib-commonjs/components/Accordion/useAccordionContext.js.map +0 -1
  309. package/lib-commonjs/components/AccordionHeader/DefaultExpandIcon.d.ts +0 -3
  310. package/lib-commonjs/components/AccordionHeader/DefaultExpandIcon.js +0 -20
  311. package/lib-commonjs/components/AccordionHeader/DefaultExpandIcon.js.map +0 -1
  312. package/lib-commonjs/components/AccordionItem/useAccordionItemContext.d.ts +0 -8
  313. package/lib-commonjs/components/AccordionItem/useAccordionItemContext.js +0 -40
  314. package/lib-commonjs/components/AccordionItem/useAccordionItemContext.js.map +0 -1
  315. package/src/components/Accordion/Accordion.types.ts +0 -74
  316. package/src/components/AccordionHeader/AccordionHeader.types.ts +0 -53
  317. package/src/components/AccordionItem/AccordionItem.types.ts +0 -39
  318. package/src/components/AccordionPanel/AccordionPanel.types.ts +0 -19
@@ -1,18 +1,12 @@
1
1
  import * as React from 'react';
2
- import { AccordionItemProps, AccordionItemState, AccordionItemDescendant } from './AccordionItem.types';
2
+ import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
3
3
  /**
4
- * Consts listing which props are shorthand props.
4
+ * Const listing which props are shorthand props.
5
5
  */
6
- export declare const accordionItemShorthandProps: never[];
7
- export declare const accordionItemDescendantContext: React.Context<import("@fluentui/react-utilities").DescendantContextValue<AccordionItemDescendant<HTMLElement>>>;
6
+ export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
8
7
  /**
9
8
  * Returns the props and state required to render the component
10
9
  * @param props - AccordionItem properties
11
10
  * @param ref - reference to root HTMLElement of AccordionItem
12
- * @param defaultProps - default values for the properties of AccordionItem
13
11
  */
14
- export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionItemProps | undefined) => AccordionItemState;
15
- /**
16
- * Registers an descendant in the accordion descendants context
17
- */
18
- export declare function useAccordionItemDescendant(accordionDescendant: Omit<AccordionItemDescendant, 'index'>, index?: number): number;
12
+ export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
@@ -1,36 +1,63 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var React = require("react");
4
- var react_utilities_1 = require("@fluentui/react-utilities");
5
- var useAccordionItemContext_1 = require("./useAccordionItemContext");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useAccordionItem = exports.accordionItemShorthandProps = void 0;
7
+
8
+ var tslib_1 = /*#__PURE__*/require("tslib");
9
+
10
+ var React = /*#__PURE__*/require("react");
11
+
12
+ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
+
14
+ var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
15
+
16
+ var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
17
+
18
+ var AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
6
19
  /**
7
- * Consts listing which props are shorthand props.
20
+ * Const listing which props are shorthand props.
8
21
  */
9
- exports.accordionItemShorthandProps = [];
10
- exports.accordionItemDescendantContext = react_utilities_1.createDescendantContext('AccordionItemDescendantContext');
11
- // eslint-disable-next-line deprecation/deprecation
12
- var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionItemShorthandProps });
22
+
23
+
24
+ exports.accordionItemShorthandProps = ['root'];
13
25
  /**
14
26
  * Returns the props and state required to render the component
15
27
  * @param props - AccordionItem properties
16
28
  * @param ref - reference to root HTMLElement of AccordionItem
17
- * @param defaultProps - default values for the properties of AccordionItem
18
29
  */
19
- exports.useAccordionItem = function (props, ref, defaultProps) {
20
- var state = mergeProps({
21
- ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
22
- }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionItemShorthandProps));
23
- var _a = react_utilities_1.useDescendantsInit(), descendants = _a[0], setDescendants = _a[1];
24
- state.descendants = descendants;
25
- state.setDescendants = setDescendants;
26
- state.context = useAccordionItemContext_1.useCreateAccordionItemContext(state);
27
- return state;
30
+
31
+ var useAccordionItem = function (props, ref) {
32
+ var value = props.value,
33
+ _a = props.disabled,
34
+ disabled = _a === void 0 ? false : _a;
35
+ var navigable = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
36
+ return ctx.navigable;
37
+ });
38
+ var tabsterAttributes = react_tabster_1.useTabsterAttributes({
39
+ groupper: {}
40
+ });
41
+ var requestToggle = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
42
+ return ctx.requestToggle;
43
+ });
44
+ var open = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
45
+ return ctx.openItems.includes(value);
46
+ });
47
+ var onAccordionHeaderClick = React.useCallback(function (ev) {
48
+ return requestToggle(ev, {
49
+ value: value
50
+ });
51
+ }, [requestToggle, value]);
52
+ return {
53
+ open: open,
54
+ disabled: disabled,
55
+ onHeaderClick: onAccordionHeaderClick,
56
+ root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
57
+ ref: ref
58
+ }, navigable ? tabsterAttributes : {}), props))
59
+ };
28
60
  };
29
- /**
30
- * Registers an descendant in the accordion descendants context
31
- */
32
- function useAccordionItemDescendant(accordionDescendant, index) {
33
- return react_utilities_1.useDescendant(accordionDescendant, exports.accordionItemDescendantContext, index);
34
- }
35
- exports.useAccordionItemDescendant = useAccordionItemDescendant;
61
+
62
+ exports.useAccordionItem = useAccordionItem;
36
63
  //# sourceMappingURL=useAccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAccordionItem.js","sourceRoot":"../src/","sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,6DAOmC;AAEnC,qEAA0E;AAE1E;;GAEG;AACU,QAAA,2BAA2B,GAAG,EAAE,CAAC;AAEjC,QAAA,8BAA8B,GAAG,yCAAuB,CACnE,gCAAgC,CACjC,CAAC;AAEF,mDAAmD;AACnD,IAAM,UAAU,GAAG,sCAAoB,CAAqB,EAAE,SAAS,EAAE,mCAA2B,EAAE,CAAC,CAAC;AAExG;;;;;GAKG;AACU,QAAA,gBAAgB,GAAG,UAC9B,KAAyB,EACzB,GAA2B,EAC3B,YAAiC;IAEjC,IAAM,KAAK,GAAG,UAAU,CACtB;QACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;KAC5C,EACD,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,mCAA2B,CAAC,CAC1D,CAAC;IACI,IAAA,2CAA6E,EAA5E,mBAAW,EAAE,sBAA+D,CAAC;IACpF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;IAChC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;IACtC,KAAK,CAAC,OAAO,GAAG,uDAA6B,CAAC,KAAK,CAAC,CAAC;IACrD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;GAEG;AACH,SAAgB,0BAA0B,CACxC,mBAA2D,EAC3D,KAAc;IAEd,OAAO,+BAAa,CAA0B,mBAAmB,EAAE,sCAA8B,EAAE,KAAK,CAAC,CAAC;AAC5G,CAAC;AALD,gEAKC","sourcesContent":["import * as React from 'react';\nimport {\n makeMergePropsCompat,\n resolveShorthandProps,\n useMergedRefs,\n createDescendantContext,\n useDescendant,\n useDescendantsInit,\n} from '@fluentui/react-utilities';\nimport { AccordionItemProps, AccordionItemState, AccordionItemDescendant } from './AccordionItem.types';\nimport { useCreateAccordionItemContext } from './useAccordionItemContext';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionItemShorthandProps = [];\n\nexport const accordionItemDescendantContext = createDescendantContext<AccordionItemDescendant>(\n 'AccordionItemDescendantContext',\n);\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionItemState>({ deepMerge: accordionItemShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n * @param defaultProps - default values for the properties of AccordionItem\n */\nexport const useAccordionItem = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: AccordionItemProps,\n): AccordionItemState => {\n const state = mergeProps(\n {\n ref: useMergedRefs(ref, React.useRef(null)),\n },\n defaultProps,\n resolveShorthandProps(props, accordionItemShorthandProps),\n );\n const [descendants, setDescendants] = useDescendantsInit<AccordionItemDescendant>();\n state.descendants = descendants;\n state.setDescendants = setDescendants;\n state.context = useCreateAccordionItemContext(state);\n return state;\n};\n\n/**\n * Registers an descendant in the accordion descendants context\n */\nexport function useAccordionItemDescendant(\n accordionDescendant: Omit<AccordionItemDescendant, 'index'>,\n index?: number,\n) {\n return useDescendant<AccordionItemDescendant>(accordionDescendant, accordionItemDescendantContext, index);\n}\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,2BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb;;;;AAIG;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;AAC7E,MAAA,KAAK,GAAuB,KAAK,CAA5B,KAAL;AAAA,MAAO,EAAA,GAAqB,KAAK,CAAV,QAAvB;AAAA,MAAO,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAvB;AACR,MAAM,SAAS,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,SAAA;AAAa,GAAzD,CAAlB;AACA,MAAM,iBAAiB,GAAG,eAAA,CAAA,oBAAA,CAAqB;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAArB,CAA1B;AAIA,MAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,aAAA;AAAiB,GAA7D,CAAtB;AACA,MAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAA,KAAA,CAAA;AAA6B,GAAzE,CAAb;AACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAkB,UAAC,EAAD,EAAyB;AAAK,WAAA,aAAa,CAAC,EAAD,EAAK;AAAE,MAAA,KAAK,EAAzB;AAAkB,KAAL,CAAb;AAA4B,GAA5E,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,QAAQ,EAAA,QAFH;AAGL,IAAA,aAAa,EAAE,sBAHV;AAIL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAE;AAD0B,KAAA,EAE3B,SAAS,GAAG,iBAAH,GAAuB,EAFL,CAAA,EAG5B,KAH4B,CAA3B;AAJD,GAAP;AAUD,CAxBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
2
+ export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useAccordionItemContextValues = void 0;
7
+
8
+ var React = /*#__PURE__*/require("react");
9
+
10
+ function useAccordionItemContextValues(state) {
11
+ var disabled = state.disabled,
12
+ onHeaderClick = state.onHeaderClick,
13
+ open = state.open;
14
+ var accordionItem = React.useMemo(function () {
15
+ return {
16
+ disabled: disabled,
17
+ onHeaderClick: onHeaderClick,
18
+ open: open
19
+ };
20
+ }, [disabled, onHeaderClick, open]);
21
+ return {
22
+ accordionItem: accordionItem
23
+ };
24
+ }
25
+
26
+ exports.useAccordionItemContextValues = useAccordionItemContextValues;
27
+ //# sourceMappingURL=useAccordionItemContextValues.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,6BAAhB,CAA8C,KAA9C,EAAuE;AAC7D,MAAA,QAAQ,GAA0B,KAAK,CAA/B,QAAR;AAAA,MAAU,aAAa,GAAW,KAAK,CAAhB,aAAvB;AAAA,MAAyB,IAAI,GAAK,KAAK,CAAV,IAA7B;AACR,MAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,YAAA;AAAM,WAAC;AAAE,MAAA,QAAQ,EAAA,QAAV;AAAY,MAAA,aAAa,EAAA,aAAzB;AAA2B,MAAA,IAAI,EAAhC;AAAC,KAAD;AAAmC,GAAlF,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA,aAAa,EAAA;AAAf,GAAP;AACD;;AATD,OAAA,CAAA,6BAAA,GAAA,6BAAA","sourceRoot":""}
@@ -1,6 +1,23 @@
1
1
  import * as React from 'react';
2
- import { AccordionPanelProps } from './AccordionPanel.types';
3
2
  /**
4
3
  * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
5
- * {@docCategoryAccordionPanel} */
6
- export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLElement>>;
4
+ */
5
+ export declare const AccordionPanel: React.ForwardRefExoticComponent<Pick<{
6
+ root?: import("@fluentui/react-utilities").ShorthandProps<{
7
+ as?: "div" | undefined;
8
+ } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
9
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
10
+ } & {
11
+ children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | import("@fluentui/react-utilities").ShorthandRenderFunction<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
12
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
13
+ }> | null | undefined;
14
+ }>;
15
+ }, never> & Pick<{
16
+ as?: "div" | undefined;
17
+ } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
18
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
19
+ } & {
20
+ children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | import("@fluentui/react-utilities").ShorthandRenderFunction<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
21
+ ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
22
+ }> | null | undefined;
23
+ }, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as"> & React.RefAttributes<HTMLElement>>;
@@ -1,16 +1,26 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var React = require("react");
4
- var useAccordionPanel_1 = require("./useAccordionPanel");
5
- var renderAccordionPanel_1 = require("./renderAccordionPanel");
6
- var useAccordionPanelStyles_1 = require("./useAccordionPanelStyles");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.AccordionPanel = void 0;
7
+
8
+ var React = /*#__PURE__*/require("react");
9
+
10
+ var useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
11
+
12
+ var renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
13
+
14
+ var useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
7
15
  /**
8
16
  * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
9
- * {@docCategoryAccordionPanel} */
10
- exports.AccordionPanel = React.forwardRef(function (props, ref) {
11
- var state = useAccordionPanel_1.useAccordionPanel(props, ref);
12
- useAccordionPanelStyles_1.useAccordionPanelStyles(state);
13
- return renderAccordionPanel_1.renderAccordionPanel(state);
17
+ */
18
+
19
+
20
+ exports.AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
+ var state = useAccordionPanel_1.useAccordionPanel(props, ref);
22
+ useAccordionPanelStyles_1.useAccordionPanelStyles(state);
23
+ return renderAccordionPanel_1.renderAccordionPanel(state);
14
24
  });
15
25
  exports.AccordionPanel.displayName = 'AccordionPanel';
16
26
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,yDAAwD;AAExD,+DAA8D;AAC9D,qEAAoE;AAEpE;;kCAEkC;AACrB,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;IAC1F,IAAM,KAAK,GAAG,qCAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE5C,iDAAuB,CAAC,KAAK,CAAC,CAAC;IAC/B,OAAO,2CAAoB,CAAC,KAAK,CAAC,CAAC;AACrC,CAAC,CAAC,CAAC;AAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel } from './useAccordionPanel';\nimport { AccordionPanelProps } from './AccordionPanel.types';\nimport { renderAccordionPanel } from './renderAccordionPanel';\nimport { useAccordionPanelStyles } from './useAccordionPanelStyles';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.\n * {@docCategoryAccordionPanel} */\nexport const AccordionPanel = React.forwardRef<HTMLElement, AccordionPanelProps>((props, ref) => {\n const state = useAccordionPanel(props, ref);\n\n useAccordionPanelStyles(state);\n return renderAccordionPanel(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAAiB,KAAK,CAAC,UAAN,CAAmD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CAL6B,CAAjB;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
@@ -1,18 +1,11 @@
1
- import * as React from 'react';
2
- import { ComponentProps } from '@fluentui/react-utilities';
3
- /**
4
- * {@docCategoryAccordionPanel} */
5
- export interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
6
- }
7
- /**
8
- * {@docCategoryAccordionPanel} */
9
- export interface AccordionPanelState extends AccordionPanelProps {
10
- /**
11
- * Ref to the root slot
12
- */
13
- ref: React.MutableRefObject<HTMLElement>;
1
+ import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
+ export declare type AccordionPanelSlots = {
3
+ root: IntrinsicShorthandProps<'div'>;
4
+ };
5
+ export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
+ export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
14
7
  /**
15
8
  * Internal open state, provided by context
16
9
  */
17
10
  open: boolean;
18
- }
11
+ };
@@ -1,3 +1,6 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
3
6
  //# sourceMappingURL=AccordionPanel.types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPanel.types.js","sourceRoot":"../src/","sources":["components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps } from '@fluentui/react-utilities';\n\n/**\n * {@docCategoryAccordionPanel} */\nexport interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {}\n\n/**\n * {@docCategoryAccordionPanel} */\nexport interface AccordionPanelState extends AccordionPanelProps {\n /**\n * Ref to the root slot\n */\n ref: React.MutableRefObject<HTMLElement>;\n /**\n * Internal open state, provided by context\n */\n open: boolean;\n}\n"]}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1,8 +1,18 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var tslib_1 = /*#__PURE__*/require("tslib");
8
+
4
9
  tslib_1.__exportStar(require("./AccordionPanel"), exports);
10
+
11
+ tslib_1.__exportStar(require("./AccordionPanel.types"), exports);
12
+
5
13
  tslib_1.__exportStar(require("./renderAccordionPanel"), exports);
14
+
6
15
  tslib_1.__exportStar(require("./useAccordionPanel"), exports);
16
+
7
17
  tslib_1.__exportStar(require("./useAccordionPanelStyles"), exports);
8
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionPanel/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AAEjC,iEAAuC;AACvC,8DAAoC;AACpC,oEAA0C","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1,4 +1,4 @@
1
- import { AccordionPanelState } from './AccordionPanel.types';
1
+ import type { AccordionPanelState } from './AccordionPanel.types';
2
2
  /**
3
3
  * Function that renders the final JSX of the component
4
4
  */
@@ -1,14 +1,29 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- var React = require("react");
5
- var react_utilities_1 = require("@fluentui/react-utilities");
6
- var useAccordionPanel_1 = require("./useAccordionPanel");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.renderAccordionPanel = void 0;
7
+
8
+ var tslib_1 = /*#__PURE__*/require("tslib");
9
+
10
+ var React = /*#__PURE__*/require("react");
11
+
12
+ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
+
14
+ var useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
7
15
  /**
8
16
  * Function that renders the final JSX of the component
9
17
  */
10
- exports.renderAccordionPanel = function (state) {
11
- var _a = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
12
- return state.open ? React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children) : null;
18
+
19
+
20
+ var renderAccordionPanel = function (state) {
21
+ var _a = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps),
22
+ slots = _a.slots,
23
+ slotProps = _a.slotProps;
24
+
25
+ return state.open ? React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children) : null;
13
26
  };
27
+
28
+ exports.renderAccordionPanel = renderAccordionPanel;
14
29
  //# sourceMappingURL=renderAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"renderAccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6DAAqD;AAErD,yDAAmE;AAEnE;;GAEG;AACU,QAAA,oBAAoB,GAAG,UAAC,KAA0B;IACvD,IAAA,wFAAoE,EAAlE,gBAAK,EAAE,wBAA2D,CAAC;IAC3E,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3F,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionPanelState } from './AccordionPanel.types';\nimport { accordionPanelShorthandProps } from './useAccordionPanel';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel = (state: AccordionPanelState) => {\n const { slots, slotProps } = getSlots(state, accordionPanelShorthandProps);\n return state.open ? <slots.root {...slotProps.root}>{state.children}</slots.root> : null;\n};\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AACvD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
- import { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
2
+ import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
3
  /**
4
- * Consts listing which props are shorthand props.
4
+ * Const listing which props are shorthand props.
5
5
  */
6
- export declare const accordionPanelShorthandProps: never[];
6
+ export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
7
7
  /**
8
8
  * Returns the props and state required to render the component
9
9
  * @param props - AccordionPanel properties
10
10
  * @param ref - reference to root HTMLElement of AccordionPanel
11
11
  * @param defaultProps - default values for the properties of AccordionPanel
12
12
  */
13
- export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionPanelProps | undefined) => AccordionPanelState;
13
+ export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
@@ -1,36 +1,38 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var React = require("react");
4
- var react_utilities_1 = require("@fluentui/react-utilities");
5
- var index_1 = require("../AccordionItem/index");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useAccordionPanel = exports.accordionPanelShorthandProps = void 0;
7
+
8
+ var tslib_1 = /*#__PURE__*/require("tslib");
9
+
10
+ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
+
12
+ var index_1 = /*#__PURE__*/require("../AccordionItem/index");
6
13
  /**
7
- * Consts listing which props are shorthand props.
14
+ * Const listing which props are shorthand props.
8
15
  */
9
- exports.accordionPanelShorthandProps = [];
10
- // eslint-disable-next-line deprecation/deprecation
11
- var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionPanelShorthandProps });
16
+
17
+
18
+ exports.accordionPanelShorthandProps = ['root'];
12
19
  /**
13
20
  * Returns the props and state required to render the component
14
21
  * @param props - AccordionPanel properties
15
22
  * @param ref - reference to root HTMLElement of AccordionPanel
16
23
  * @param defaultProps - default values for the properties of AccordionPanel
17
24
  */
18
- exports.useAccordionPanel = function (props, ref, defaultProps) {
19
- var _a;
20
- var open = index_1.useAccordionItemContext().open;
21
- var id = react_utilities_1.useId('accordion-panel-', props.id);
22
- var header = react_utilities_1.useDescendants(index_1.accordionItemDescendantContext)[0];
23
- var state = mergeProps({
24
- ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
25
- id: id,
26
- open: open,
27
- role: 'region',
28
- 'aria-labelledby': (_a = header) === null || _a === void 0 ? void 0 : _a.id,
29
- }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionPanelShorthandProps));
30
- index_1.useAccordionItemDescendant({
31
- element: state.ref.current,
32
- id: id,
33
- }, 1);
34
- return state;
25
+
26
+ var useAccordionPanel = function (props, ref) {
27
+ var open = index_1.useAccordionItemContext().open;
28
+ return {
29
+ open: open,
30
+ root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
31
+ ref: ref,
32
+ role: 'region'
33
+ }, props))
34
+ };
35
35
  };
36
+
37
+ exports.useAccordionPanel = useAccordionPanel;
36
38
  //# sourceMappingURL=useAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;AAAA,6BAA+B;AAC/B,6DAMmC;AAEnC,gDAKgC;AAEhC;;GAEG;AACU,QAAA,4BAA4B,GAAG,EAAE,CAAC;AAE/C,mDAAmD;AACnD,IAAM,UAAU,GAAG,sCAAoB,CAAsB,EAAE,SAAS,EAAE,oCAA4B,EAAE,CAAC,CAAC;AAE1G;;;;;GAKG;AACU,QAAA,iBAAiB,GAAG,UAC/B,KAA0B,EAC1B,GAA2B,EAC3B,YAAkC;;IAE1B,IAAA,6CAAI,CAA+B;IAC3C,IAAM,EAAE,GAAG,uBAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/C,IAAM,MAAM,GAAG,gCAAc,CAAC,sCAA8B,CAAC,CAAC,CAAC,CAAwC,CAAC;IACxG,IAAM,KAAK,GAAG,UAAU,CACtB;QACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3C,EAAE,IAAA;QACF,IAAI,MAAA;QACJ,IAAI,EAAE,QAAQ;QACd,iBAAiB,QAAE,MAAM,0CAAE,EAAE;KAC9B,EACD,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,oCAA4B,CAAC,CAC3D,CAAC;IACF,kCAA0B,CACxB;QACE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;QAC1B,EAAE,IAAA;KACH,EACD,CAAC,CACF,CAAC;IACF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {\n makeMergePropsCompat,\n resolveShorthandProps,\n useMergedRefs,\n useId,\n useDescendants,\n} from '@fluentui/react-utilities';\nimport { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport {\n useAccordionItemContext,\n AccordionItemDescendant,\n useAccordionItemDescendant,\n accordionItemDescendantContext,\n} from '../AccordionItem/index';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionPanelShorthandProps = [];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionPanelState>({ deepMerge: accordionPanelShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n * @param defaultProps - default values for the properties of AccordionPanel\n */\nexport const useAccordionPanel = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n defaultProps?: AccordionPanelProps,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext();\n const id = useId('accordion-panel-', props.id);\n const header = useDescendants(accordionItemDescendantContext)[0] as AccordionItemDescendant | undefined;\n const state = mergeProps(\n {\n ref: useMergedRefs(ref, React.useRef(null)),\n id,\n open,\n role: 'region',\n 'aria-labelledby': header?.id,\n },\n defaultProps,\n resolveShorthandProps(props, accordionPanelShorthandProps),\n );\n useAccordionItemDescendant(\n {\n element: state.ref.current,\n id,\n },\n 1,\n );\n return state;\n};\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAAiE,CAAC,MAAD,CAAjE;AAEb;;;;;AAKG;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AAC/E,MAAA,IAAI,GAAK,OAAA,CAAA,uBAAA,GAAL,IAAJ;AACR,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,MAAA,IAAI,EAAE;AAFyB,KAAA,EAG5B,KAH4B,CAA3B;AAFD,GAAP;AAQD,CAVM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -1,3 +1,3 @@
1
- import { AccordionPanelState } from './AccordionPanel.types';
1
+ import type { AccordionPanelState } from './AccordionPanel.types';
2
2
  /** Applies style classnames to slots */
3
3
  export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
@@ -1,19 +1,32 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var react_make_styles_1 = require("@fluentui/react-make-styles");
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useAccordionPanelStyles = void 0;
7
+
8
+ var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
4
9
  /**
5
10
  * Styles for the root slot
6
11
  */
7
- var useStyles = react_make_styles_1.makeStyles({
8
- root: {
9
- marginRight: '12px',
10
- marginLeft: '12px',
11
- },
12
+
13
+
14
+ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ "root": {
16
+ "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
17
+ "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
18
+ }
19
+ }, {
20
+ "d": [".f1x4n1mu{margin-right:12px;}", ".f1hf5xhj{margin-left:12px;}"]
12
21
  });
13
22
  /** Applies style classnames to slots */
14
- exports.useAccordionPanelStyles = function (state) {
15
- var styles = useStyles();
16
- state.className = react_make_styles_1.ax(styles.root, state.className);
17
- return state;
23
+
24
+
25
+ var useAccordionPanelStyles = function (state) {
26
+ var styles = useStyles();
27
+ state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
28
+ return state;
18
29
  };
30
+
31
+ exports.useAccordionPanelStyles = useAccordionPanelStyles;
19
32
  //# sourceMappingURL=useAccordionPanelStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useAccordionPanelStyles.js","sourceRoot":"../src/","sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;AAAA,iEAA6D;AAG7D;;GAEG;AACH,IAAM,SAAS,GAAG,8BAAU,CAAC;IAC3B,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH,wCAAwC;AAC3B,QAAA,uBAAuB,GAAG,UAAC,KAA0B;IAChE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,KAAK,CAAC,SAAS,GAAG,sBAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import { makeStyles, ax } from '@fluentui/react-make-styles';\nimport { AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.className = ax(styles.root, state.className);\n\n return state;\n};\n"]}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}