@arbor-education/design-system.components 0.15.0 → 0.16.1

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 (304) hide show
  1. package/.gather/skills/write-stories/SKILL.md +207 -271
  2. package/.storybook/preview.ts +5 -0
  3. package/CHANGELOG.md +23 -0
  4. package/README.md +8 -0
  5. package/component-library.md +144 -13
  6. package/dist/components/articleCard/ArticleCard.stories.d.ts +137 -11
  7. package/dist/components/articleCard/ArticleCard.stories.d.ts.map +1 -1
  8. package/dist/components/articleCard/ArticleCard.stories.js +358 -91
  9. package/dist/components/articleCard/ArticleCard.stories.js.map +1 -1
  10. package/dist/components/avatar/Avatar.stories.d.ts +6 -6
  11. package/dist/components/avatar/Avatar.stories.d.ts.map +1 -1
  12. package/dist/components/avatar/Avatar.stories.js +393 -49
  13. package/dist/components/avatar/Avatar.stories.js.map +1 -1
  14. package/dist/components/avatarGroup/AvatarGroup.stories.d.ts +9 -7
  15. package/dist/components/avatarGroup/AvatarGroup.stories.d.ts.map +1 -1
  16. package/dist/components/avatarGroup/AvatarGroup.stories.js +688 -65
  17. package/dist/components/avatarGroup/AvatarGroup.stories.js.map +1 -1
  18. package/dist/components/banner/Banner.stories.d.ts.map +1 -1
  19. package/dist/components/banner/Banner.stories.js +7 -3
  20. package/dist/components/banner/Banner.stories.js.map +1 -1
  21. package/dist/components/card/Card.stories.d.ts +105 -4
  22. package/dist/components/card/Card.stories.d.ts.map +1 -1
  23. package/dist/components/card/Card.stories.js +336 -18
  24. package/dist/components/card/Card.stories.js.map +1 -1
  25. package/dist/components/combobox/Combobox.stories.d.ts +134 -21
  26. package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
  27. package/dist/components/combobox/Combobox.stories.js +676 -175
  28. package/dist/components/combobox/Combobox.stories.js.map +1 -1
  29. package/dist/components/datePicker/DatePicker.stories.d.ts +119 -27
  30. package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
  31. package/dist/components/datePicker/DatePicker.stories.js +575 -47
  32. package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
  33. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +155 -39
  34. package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -1
  35. package/dist/components/dateTimePicker/DateTimePicker.stories.js +674 -103
  36. package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -1
  37. package/dist/components/editableText/EditableText.stories.d.ts +53 -12
  38. package/dist/components/editableText/EditableText.stories.d.ts.map +1 -1
  39. package/dist/components/editableText/EditableText.stories.js +401 -64
  40. package/dist/components/editableText/EditableText.stories.js.map +1 -1
  41. package/dist/components/formField/FormField.d.ts +4 -0
  42. package/dist/components/formField/FormField.d.ts.map +1 -1
  43. package/dist/components/formField/FormField.js +2 -1
  44. package/dist/components/formField/FormField.js.map +1 -1
  45. package/dist/components/formField/FormField.test.js +5 -0
  46. package/dist/components/formField/FormField.test.js.map +1 -1
  47. package/dist/components/formField/fieldset/Fieldset.stories.d.ts +56 -4
  48. package/dist/components/formField/fieldset/Fieldset.stories.d.ts.map +1 -1
  49. package/dist/components/formField/fieldset/Fieldset.stories.js +534 -28
  50. package/dist/components/formField/fieldset/Fieldset.stories.js.map +1 -1
  51. package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts +3 -1
  52. package/dist/components/formField/inputs/checkbox/CheckboxGroup.d.ts.map +1 -1
  53. package/dist/components/formField/inputs/checkbox/CheckboxInput.js +1 -1
  54. package/dist/components/formField/inputs/checkbox/CheckboxInput.js.map +1 -1
  55. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts +95 -1
  56. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.d.ts.map +1 -1
  57. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js +386 -9
  58. package/dist/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.js.map +1 -1
  59. package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts +6 -2
  60. package/dist/components/formField/inputs/radio/RadioButtonGroup.d.ts.map +1 -1
  61. package/dist/components/formField/inputs/radio/RadioButtonGroup.js.map +1 -1
  62. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map +1 -1
  63. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js +61 -49
  64. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map +1 -1
  65. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts +188 -166
  66. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.d.ts.map +1 -1
  67. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js +821 -160
  68. package/dist/components/formField/inputs/selectDropdown/SelectDropdown.stories.js.map +1 -1
  69. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +176 -22
  70. package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -1
  71. package/dist/components/formField/inputs/time/TimeInput.stories.js +851 -92
  72. package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -1
  73. package/dist/components/formField/label/Label.stories.d.ts +54 -5
  74. package/dist/components/formField/label/Label.stories.d.ts.map +1 -1
  75. package/dist/components/formField/label/Label.stories.js +238 -4
  76. package/dist/components/formField/label/Label.stories.js.map +1 -1
  77. package/dist/components/icoText/IcoText.stories.d.ts +32 -6
  78. package/dist/components/icoText/IcoText.stories.d.ts.map +1 -1
  79. package/dist/components/icoText/IcoText.stories.js +309 -14
  80. package/dist/components/icoText/IcoText.stories.js.map +1 -1
  81. package/dist/components/kpiCard/KPICard.stories.d.ts +100 -2
  82. package/dist/components/kpiCard/KPICard.stories.d.ts.map +1 -1
  83. package/dist/components/kpiCard/KPICard.stories.js +354 -10
  84. package/dist/components/kpiCard/KPICard.stories.js.map +1 -1
  85. package/dist/components/kvpList/KVPList.stories.d.ts +57 -4
  86. package/dist/components/kvpList/KVPList.stories.d.ts.map +1 -1
  87. package/dist/components/kvpList/KVPList.stories.js +403 -10
  88. package/dist/components/kvpList/KVPList.stories.js.map +1 -1
  89. package/dist/components/modal/Modal.stories.d.ts +113 -9
  90. package/dist/components/modal/Modal.stories.d.ts.map +1 -1
  91. package/dist/components/modal/Modal.stories.js +633 -13
  92. package/dist/components/modal/Modal.stories.js.map +1 -1
  93. package/dist/components/modal/modalManager/ModalManager.stories.d.ts +34 -10
  94. package/dist/components/modal/modalManager/ModalManager.stories.d.ts.map +1 -1
  95. package/dist/components/modal/modalManager/ModalManager.stories.js +463 -85
  96. package/dist/components/modal/modalManager/ModalManager.stories.js.map +1 -1
  97. package/dist/components/pill/Pill.d.ts.map +1 -1
  98. package/dist/components/pill/Pill.js +1 -1
  99. package/dist/components/pill/Pill.js.map +1 -1
  100. package/dist/components/pill/Pill.stories.d.ts.map +1 -1
  101. package/dist/components/pill/Pill.stories.js +11 -13
  102. package/dist/components/pill/Pill.stories.js.map +1 -1
  103. package/dist/components/row/Row.stories.d.ts +1 -2
  104. package/dist/components/row/Row.stories.d.ts.map +1 -1
  105. package/dist/components/row/Row.stories.js +360 -50
  106. package/dist/components/row/Row.stories.js.map +1 -1
  107. package/dist/components/searchBar/SearchBar.stories.d.ts +52 -4
  108. package/dist/components/searchBar/SearchBar.stories.d.ts.map +1 -1
  109. package/dist/components/searchBar/SearchBar.stories.js +428 -36
  110. package/dist/components/searchBar/SearchBar.stories.js.map +1 -1
  111. package/dist/components/section/Section.stories.d.ts +11 -41
  112. package/dist/components/section/Section.stories.d.ts.map +1 -1
  113. package/dist/components/section/Section.stories.js +494 -56
  114. package/dist/components/section/Section.stories.js.map +1 -1
  115. package/dist/components/singleUser/SingleUser.stories.d.ts +5 -4
  116. package/dist/components/singleUser/SingleUser.stories.d.ts.map +1 -1
  117. package/dist/components/singleUser/SingleUser.stories.js +303 -31
  118. package/dist/components/singleUser/SingleUser.stories.js.map +1 -1
  119. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts +32 -11
  120. package/dist/components/slideoverManager/SlideoverManager.stories.d.ts.map +1 -1
  121. package/dist/components/slideoverManager/SlideoverManager.stories.js +380 -84
  122. package/dist/components/slideoverManager/SlideoverManager.stories.js.map +1 -1
  123. package/dist/components/table/DSDefaultColDef.d.ts.map +1 -1
  124. package/dist/components/table/DSDefaultColDef.js +4 -3
  125. package/dist/components/table/DSDefaultColDef.js.map +1 -1
  126. package/dist/components/table/Table.d.ts +6 -1
  127. package/dist/components/table/Table.d.ts.map +1 -1
  128. package/dist/components/table/Table.js +8 -3
  129. package/dist/components/table/Table.js.map +1 -1
  130. package/dist/components/table/Table.stories.d.ts +3 -0
  131. package/dist/components/table/Table.stories.d.ts.map +1 -1
  132. package/dist/components/table/Table.stories.js +384 -5
  133. package/dist/components/table/Table.stories.js.map +1 -1
  134. package/dist/components/table/Table.test.js +30 -0
  135. package/dist/components/table/Table.test.js.map +1 -1
  136. package/dist/components/table/TableFooter.stories.d.ts +49 -0
  137. package/dist/components/table/TableFooter.stories.d.ts.map +1 -0
  138. package/dist/components/table/TableFooter.stories.js +137 -0
  139. package/dist/components/table/TableFooter.stories.js.map +1 -0
  140. package/dist/components/table/TableHeader.stories.d.ts +93 -0
  141. package/dist/components/table/TableHeader.stories.d.ts.map +1 -0
  142. package/dist/components/table/TableHeader.stories.js +176 -0
  143. package/dist/components/table/TableHeader.stories.js.map +1 -0
  144. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts +44 -0
  145. package/dist/components/table/cellEditors/DateCellEditor.stories.d.ts.map +1 -0
  146. package/dist/components/table/cellEditors/DateCellEditor.stories.js +186 -0
  147. package/dist/components/table/cellEditors/DateCellEditor.stories.js.map +1 -0
  148. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts +40 -0
  149. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.d.ts.map +1 -0
  150. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js +209 -0
  151. package/dist/components/table/cellRenderers/BooleanCellRenderer.stories.js.map +1 -0
  152. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts +48 -0
  153. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.d.ts.map +1 -0
  154. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js +244 -0
  155. package/dist/components/table/cellRenderers/ButtonCellRenderer.stories.js.map +1 -0
  156. package/dist/components/table/cellRenderers/CheckboxCellRenderer.d.ts.map +1 -1
  157. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js +3 -1
  158. package/dist/components/table/cellRenderers/CheckboxCellRenderer.js.map +1 -1
  159. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts +64 -0
  160. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.d.ts.map +1 -0
  161. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js +241 -0
  162. package/dist/components/table/cellRenderers/CheckboxCellRenderer.stories.js.map +1 -0
  163. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts +55 -0
  164. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.d.ts.map +1 -0
  165. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js +245 -0
  166. package/dist/components/table/cellRenderers/DefaultCellRenderer.stories.js.map +1 -0
  167. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts +67 -0
  168. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.d.ts.map +1 -0
  169. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js +221 -0
  170. package/dist/components/table/cellRenderers/InlineTextCellRenderer.stories.js.map +1 -0
  171. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts +75 -0
  172. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.d.ts.map +1 -0
  173. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js +270 -0
  174. package/dist/components/table/cellRenderers/SelectDropdownCellRenderer.stories.js.map +1 -0
  175. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts +57 -0
  176. package/dist/components/table/columnFilters/BooleanFilter.stories.d.ts.map +1 -0
  177. package/dist/components/table/columnFilters/BooleanFilter.stories.js +198 -0
  178. package/dist/components/table/columnFilters/BooleanFilter.stories.js.map +1 -0
  179. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts +58 -0
  180. package/dist/components/table/columnFilters/TimeFilter.stories.d.ts.map +1 -0
  181. package/dist/components/table/columnFilters/TimeFilter.stories.js +207 -0
  182. package/dist/components/table/columnFilters/TimeFilter.stories.js.map +1 -0
  183. package/dist/components/table/pagination/PaginationPanel.stories.d.ts +113 -0
  184. package/dist/components/table/pagination/PaginationPanel.stories.d.ts.map +1 -0
  185. package/dist/components/table/pagination/PaginationPanel.stories.js +272 -0
  186. package/dist/components/table/pagination/PaginationPanel.stories.js.map +1 -0
  187. package/dist/components/table/tableControls/HideColumnsDropdown.d.ts.map +1 -1
  188. package/dist/components/table/tableControls/HideColumnsDropdown.js +9 -3
  189. package/dist/components/table/tableControls/HideColumnsDropdown.js.map +1 -1
  190. package/dist/components/table/tableControls/TableControls.stories.d.ts +151 -0
  191. package/dist/components/table/tableControls/TableControls.stories.d.ts.map +1 -0
  192. package/dist/components/table/tableControls/TableControls.stories.js +356 -0
  193. package/dist/components/table/tableControls/TableControls.stories.js.map +1 -0
  194. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts +27 -1
  195. package/dist/components/table/tableControls/TableSettingsDropdown.d.ts.map +1 -1
  196. package/dist/components/table/tableControls/TableSettingsDropdown.js +53 -26
  197. package/dist/components/table/tableControls/TableSettingsDropdown.js.map +1 -1
  198. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts +2 -0
  199. package/dist/components/table/tableControls/TableSettingsDropdown.test.d.ts.map +1 -0
  200. package/dist/components/table/tableControls/TableSettingsDropdown.test.js +178 -0
  201. package/dist/components/table/tableControls/TableSettingsDropdown.test.js.map +1 -0
  202. package/dist/components/tabs/Tabs.stories.d.ts +22 -4
  203. package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
  204. package/dist/components/tabs/Tabs.stories.js +398 -22
  205. package/dist/components/tabs/Tabs.stories.js.map +1 -1
  206. package/dist/components/tabs/TabsItem.stories.d.ts +54 -1
  207. package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
  208. package/dist/components/tabs/TabsItem.stories.js +61 -9
  209. package/dist/components/tabs/TabsItem.stories.js.map +1 -1
  210. package/dist/components/toast/Toast.stories.d.ts +103 -10
  211. package/dist/components/toast/Toast.stories.d.ts.map +1 -1
  212. package/dist/components/toast/Toast.stories.js +409 -47
  213. package/dist/components/toast/Toast.stories.js.map +1 -1
  214. package/dist/components/toggle/Toggle.stories.d.ts +61 -46
  215. package/dist/components/toggle/Toggle.stories.d.ts.map +1 -1
  216. package/dist/components/toggle/Toggle.stories.js +311 -122
  217. package/dist/components/toggle/Toggle.stories.js.map +1 -1
  218. package/dist/components/tooltip/Tooltip.stories.d.ts +78 -6
  219. package/dist/components/tooltip/Tooltip.stories.d.ts.map +1 -1
  220. package/dist/components/tooltip/Tooltip.stories.js +413 -7
  221. package/dist/components/tooltip/Tooltip.stories.js.map +1 -1
  222. package/dist/components/tooltip/TooltipWrapper.stories.d.ts +71 -7
  223. package/dist/components/tooltip/TooltipWrapper.stories.d.ts.map +1 -1
  224. package/dist/components/tooltip/TooltipWrapper.stories.js +238 -10
  225. package/dist/components/tooltip/TooltipWrapper.stories.js.map +1 -1
  226. package/dist/index.css +8 -0
  227. package/dist/index.css.map +1 -1
  228. package/dist/utils/PopupParentContext.stories.d.ts +17 -0
  229. package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
  230. package/dist/utils/PopupParentContext.stories.js +266 -0
  231. package/dist/utils/PopupParentContext.stories.js.map +1 -0
  232. package/dist/utils/getDefaultPopupParent.d.ts.map +1 -1
  233. package/dist/utils/getDefaultPopupParent.js +6 -0
  234. package/dist/utils/getDefaultPopupParent.js.map +1 -1
  235. package/package.json +1 -1
  236. package/src/components/articleCard/ArticleCard.stories.tsx +524 -111
  237. package/src/components/avatar/Avatar.stories.tsx +504 -59
  238. package/src/components/avatarGroup/AvatarGroup.stories.tsx +977 -175
  239. package/src/components/banner/Banner.stories.tsx +7 -3
  240. package/src/components/card/Card.stories.tsx +466 -36
  241. package/src/components/combobox/Combobox.stories.tsx +867 -260
  242. package/src/components/datePicker/DatePicker.stories.tsx +777 -60
  243. package/src/components/dateTimePicker/DateTimePicker.stories.tsx +910 -132
  244. package/src/components/editableText/EditableText.stories.tsx +567 -91
  245. package/src/components/formField/FormField.test.tsx +6 -0
  246. package/src/components/formField/FormField.tsx +5 -0
  247. package/src/components/formField/fieldset/Fieldset.stories.tsx +761 -51
  248. package/src/components/formField/inputs/checkbox/CheckboxGroup.tsx +1 -1
  249. package/src/components/formField/inputs/checkbox/CheckboxInput.tsx +1 -1
  250. package/src/components/formField/inputs/colourPickerDropdown/ColourPickerDropdown.stories.tsx +504 -11
  251. package/src/components/formField/inputs/radio/RadioButtonGroup.tsx +17 -4
  252. package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +71 -59
  253. package/src/components/formField/inputs/selectDropdown/SelectDropdown.stories.tsx +1079 -168
  254. package/src/components/formField/inputs/time/TimeInput.stories.tsx +1140 -104
  255. package/src/components/formField/label/Label.stories.tsx +317 -8
  256. package/src/components/icoText/IcoText.stories.tsx +442 -31
  257. package/src/components/kpiCard/KPICard.stories.tsx +475 -30
  258. package/src/components/kvpList/KVPList.stories.tsx +593 -26
  259. package/src/components/modal/Modal.stories.tsx +963 -26
  260. package/src/components/modal/modalManager/ModalManager.stories.tsx +612 -454
  261. package/src/components/pill/Pill.stories.tsx +11 -13
  262. package/src/components/pill/Pill.tsx +1 -0
  263. package/src/components/row/Row.stories.tsx +474 -58
  264. package/src/components/searchBar/SearchBar.stories.tsx +570 -38
  265. package/src/components/section/Section.stories.tsx +723 -70
  266. package/src/components/singleUser/SingleUser.stories.tsx +393 -34
  267. package/src/components/slideoverManager/SlideoverManager.stories.tsx +572 -342
  268. package/src/components/table/DSDefaultColDef.ts +25 -5
  269. package/src/components/table/Table.stories.tsx +460 -5
  270. package/src/components/table/Table.test.tsx +53 -0
  271. package/src/components/table/Table.tsx +9 -2
  272. package/src/components/table/TableFooter.stories.tsx +196 -0
  273. package/src/components/table/TableHeader.stories.tsx +251 -0
  274. package/src/components/table/cellEditors/DateCellEditor.stories.tsx +245 -0
  275. package/src/components/table/cellRenderers/BooleanCellRenderer.stories.tsx +278 -0
  276. package/src/components/table/cellRenderers/ButtonCellRenderer.stories.tsx +333 -0
  277. package/src/components/table/cellRenderers/CheckboxCellRenderer.stories.tsx +337 -0
  278. package/src/components/table/cellRenderers/CheckboxCellRenderer.tsx +5 -1
  279. package/src/components/table/cellRenderers/DefaultCellRenderer.stories.tsx +342 -0
  280. package/src/components/table/cellRenderers/InlineTextCellRenderer.stories.tsx +292 -0
  281. package/src/components/table/cellRenderers/SelectDropdownCellRenderer.stories.tsx +369 -0
  282. package/src/components/table/columnFilters/BooleanFilter.stories.tsx +268 -0
  283. package/src/components/table/columnFilters/TimeFilter.stories.tsx +281 -0
  284. package/src/components/table/pagination/PaginationPanel.stories.tsx +327 -0
  285. package/src/components/table/tableControls/HideColumnsDropdown.tsx +11 -2
  286. package/src/components/table/tableControls/TableControls.stories.tsx +415 -0
  287. package/src/components/table/tableControls/TableSettingsDropdown.test.tsx +207 -0
  288. package/src/components/table/tableControls/TableSettingsDropdown.tsx +103 -39
  289. package/src/components/tabs/Tabs.stories.tsx +540 -60
  290. package/src/components/tabs/TabsItem.stories.tsx +82 -8
  291. package/src/components/toast/Toast.stories.tsx +539 -77
  292. package/src/components/toggle/Toggle.stories.tsx +371 -135
  293. package/src/components/tooltip/Tooltip.stories.tsx +606 -15
  294. package/src/components/tooltip/TooltipWrapper.stories.tsx +348 -12
  295. package/src/docs/Contributing.mdx +241 -0
  296. package/src/docs/UsingComponents.mdx +93 -0
  297. package/src/docs/Welcome.mdx +68 -0
  298. package/src/global.scss +7 -0
  299. package/src/utils/PopupParentContext.stories.tsx +367 -0
  300. package/src/utils/getDefaultPopupParent.ts +6 -0
  301. package/.ralph/storybook-upgrade/knowledge.md +0 -308
  302. package/.ralph/storybook-upgrade/prd.json +0 -777
  303. package/.ralph/storybook-upgrade/progress.md +0 -342
  304. package/src/components/table/TableWIP.mdx +0 -3
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../../src/components/toggle/Toggle.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +1,82 @@
1
- import type { Meta } from '@storybook/react-vite';
2
- import { Tooltip } from './Tooltip';
3
- declare const meta: Meta<typeof Tooltip>;
4
- export declare const Default: {
5
- args: {
6
- children: import("react/jsx-runtime").JSX.Element[];
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ declare function TooltipDocsPage(): import("react/jsx-runtime").JSX.Element;
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ (props: import("@radix-ui/react-tooltip").TooltipProps): import("react/jsx-runtime").JSX.Element;
7
+ Content: (props: import("./TooltipContent").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
8
+ Trigger: (props: import("@radix-ui/react-tooltip").TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
9
+ };
10
+ tags: string[];
11
+ parameters: {
12
+ layout: string;
13
+ docs: {
14
+ page: typeof TooltipDocsPage;
15
+ };
16
+ };
17
+ argTypes: {
18
+ delayDuration: {
19
+ control: "number";
20
+ description: string;
21
+ table: {
22
+ type: {
23
+ summary: string;
24
+ };
25
+ defaultValue: {
26
+ summary: string;
27
+ };
28
+ };
29
+ };
30
+ open: {
31
+ control: false;
32
+ description: string;
33
+ table: {
34
+ type: {
35
+ summary: string;
36
+ };
37
+ defaultValue: {
38
+ summary: string;
39
+ };
40
+ };
41
+ };
42
+ onOpenChange: {
43
+ control: false;
44
+ description: string;
45
+ table: {
46
+ type: {
47
+ summary: string;
48
+ };
49
+ };
50
+ };
51
+ defaultOpen: {
52
+ control: false;
53
+ description: string;
54
+ table: {
55
+ type: {
56
+ summary: string;
57
+ };
58
+ defaultValue: {
59
+ summary: string;
60
+ };
61
+ };
62
+ };
63
+ children: {
64
+ control: false;
65
+ description: string;
66
+ table: {
67
+ type: {
68
+ summary: string;
69
+ };
70
+ };
71
+ };
7
72
  };
8
73
  };
9
74
  export default meta;
75
+ type Story = StoryObj<typeof meta>;
76
+ export declare const Default: Story;
77
+ export declare const AllPlacements: Story;
78
+ export declare const WithoutArrow: Story;
79
+ export declare const WithRichContent: Story;
80
+ export declare const WithIconTrigger: Story;
81
+ export declare const HoverDelay: Story;
10
82
  //# sourceMappingURL=Tooltip.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAY9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAcnB,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmI5D,iBAAS,eAAe,4CAmBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8JnC,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+D3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqC7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmDxB,CAAC"}
@@ -1,24 +1,430 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
2
3
  import { Tooltip } from './Tooltip';
3
4
  import { Button } from '../button/Button';
5
+ import { Icon } from '../icon/Icon';
6
+ // ---------------------------------------------------------------------------
7
+ // Docs page content
8
+ // ---------------------------------------------------------------------------
9
+ const DESCRIPTION_INTRO = [
10
+ '`Tooltip` is a compound component that shows a floating label when a trigger element is hovered or focused.',
11
+ 'It wraps [Radix UI Tooltip](https://www.radix-ui.com/primitives/docs/components/tooltip) and exposes',
12
+ '`Tooltip.Trigger` and `Tooltip.Content` for full compositional control.',
13
+ '',
14
+ '> **Tip:** Most use cases don\'t need full composition control.',
15
+ '> [`TooltipWrapper`](?path=/docs/components-tooltip-tooltipwrapper--docs) handles the wiring in a single component —',
16
+ '> pass your trigger as `children` and your label as `tooltipContent`.',
17
+ ].join('\n');
18
+ const USAGE_GUIDANCE = [
19
+ '### When to use',
20
+ '',
21
+ '- **Icon-only controls** — any clickable icon without visible text needs a tooltip label',
22
+ '- **Abbreviations and truncated text** — reveal the full value on hover',
23
+ '- **Contextual hints** — brief supplementary info about a field or action that doesn\'t fit inline',
24
+ '',
25
+ '---',
26
+ '',
27
+ '### When NOT to use',
28
+ '',
29
+ '| Situation | Use instead |',
30
+ '|---|---|',
31
+ '| Information is essential to complete the task | Put it inline — don\'t hide critical guidance |',
32
+ '| Content is longer than ~2 lines | Use a [`Section`](?path=/docs/components-section--docs) or expand the UI |',
33
+ '| The trigger has no visible focus state | Fix the focusability first — keyboard users won\'t see the tooltip |',
34
+ '| Touch / mobile-primary surfaces | Tooltips only trigger on hover — mobile users never see them |',
35
+ '',
36
+ '---',
37
+ '',
38
+ '### Sub-component API',
39
+ '',
40
+ '#### `Tooltip`',
41
+ '',
42
+ '| Prop | Type | Default | Description |',
43
+ '|---|---|---|---|',
44
+ '| `delayDuration` | `number` | `400` | Milliseconds before the tooltip appears after hover |',
45
+ '| `open` | `boolean` | — | Controlled open state |',
46
+ '| `onOpenChange` | `(open: boolean) => void` | — | Callback for controlled mode |',
47
+ '| `defaultOpen` | `boolean` | — | Initial open state (uncontrolled) |',
48
+ '| `disableHoverableContent` | `boolean` | — | Prevents hovering over the tooltip content itself |',
49
+ '| `children` | `ReactNode` | — | Must include `Tooltip.Trigger` and `Tooltip.Content` |',
50
+ '',
51
+ '#### `Tooltip.Trigger`',
52
+ '',
53
+ '| Prop | Type | Default | Description |',
54
+ '|---|---|---|---|',
55
+ '| `children` | `ReactNode` | — | The element that opens the tooltip. Must be focusable. |',
56
+ '| `className` | `string` | — | Extra CSS class merged onto the trigger child |',
57
+ '',
58
+ '#### `Tooltip.Content`',
59
+ '',
60
+ '| Prop | Type | Default | Description |',
61
+ '|---|---|---|---|',
62
+ '| `children` | `ReactNode` | — | The tooltip body |',
63
+ '| `shouldShowArrow` | `boolean` | `true` | Whether to render the pointing arrow |',
64
+ '| `side` | `"top" \\| "right" \\| "bottom" \\| "left"` | `"top"` | Preferred placement side |',
65
+ '| `sideOffset` | `number` | — | Distance (px) between tooltip and trigger |',
66
+ '| `align` | `"start" \\| "center" \\| "end"` | `"center"` | Alignment along the side |',
67
+ '| `portalProps` | `TooltipPortalProps` | — | Props forwarded to `Radix.Portal` |',
68
+ ].join('\n');
69
+ const DEVELOPER_NOTES = [
70
+ '### `asChild` is built in',
71
+ '',
72
+ '`Tooltip.Trigger` always renders with `asChild` — the Radix trigger props are merged directly onto the child element.',
73
+ 'The child must be a focusable element (`<button>`, `<a>`, etc.) or a custom component that forwards its ref.',
74
+ 'Wrapping a `<div>` or `<span>` without `tabIndex` will cause keyboard users to miss the tooltip.',
75
+ '',
76
+ '---',
77
+ '',
78
+ '### Portal rendering',
79
+ '',
80
+ '`Tooltip.Content` renders via a Radix portal, controlled by `PopupParentContext`.',
81
+ 'Do **not** place containing elements with `overflow: hidden` — the tooltip will be clipped.',
82
+ 'If you need to re-parent the portal (e.g. inside a Modal), wrap the tree with',
83
+ '`<PopupParentContext.Provider value={containerRef}>` — see',
84
+ '[`PopupParentContext`](?path=/docs/utils-popupparentcontext--docs).',
85
+ '',
86
+ '---',
87
+ '',
88
+ '### Accessibility',
89
+ '',
90
+ '- Radix automatically sets `role="tooltip"` on the content and wires `aria-describedby` on the trigger — no manual ARIA needed.',
91
+ '- The tooltip is announced by screen readers when the trigger receives focus.',
92
+ '- `delayDuration={0}` is recommended for keyboard-triggered tooltips (focus shouldn\'t require a wait).',
93
+ '- Never put interactive content (buttons, links) inside a tooltip — use a Popup or Dropdown instead.',
94
+ '',
95
+ '---',
96
+ '',
97
+ '### TypeScript types',
98
+ '',
99
+ '```ts',
100
+ "import type { Tooltip } from '@arbor-education/design-system.components';",
101
+ '',
102
+ 'type Props = Tooltip.Props; // Tooltip root — extends Radix TooltipProps',
103
+ 'type ContentProps = Tooltip.ContentProps; // Tooltip.Content',
104
+ 'type TriggerProps = Tooltip.TriggerProps; // Tooltip.Trigger — extends Radix TooltipTriggerProps',
105
+ '```',
106
+ ].join('\n');
107
+ const RELATED_COMPONENTS = [
108
+ '## Related components',
109
+ '',
110
+ '[TooltipWrapper](?path=/docs/components-tooltip-tooltipwrapper--docs) · [Button](?path=/docs/components-button--docs) · [Icon](?path=/docs/components-icon--docs)',
111
+ ].join('\n');
112
+ const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any prop to see the story update in real time.';
113
+ // ---------------------------------------------------------------------------
114
+ // Docs page
115
+ // ---------------------------------------------------------------------------
116
+ function TooltipDocsPage() {
117
+ return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
118
+ }
119
+ // ---------------------------------------------------------------------------
120
+ // Meta
121
+ // ---------------------------------------------------------------------------
4
122
  const meta = {
5
- title: 'Components/Tooltip/DestructuredTooltip',
123
+ title: 'Components/Tooltip',
6
124
  component: Tooltip,
7
125
  tags: ['autodocs'],
8
126
  parameters: {
127
+ layout: 'centered',
9
128
  docs: {
10
- description: {
11
- component: 'A composable set of components (Tooltip, Tooltip.Trigger, Tooltip.Content) that you can use to create a tooltip.',
129
+ page: TooltipDocsPage,
130
+ },
131
+ },
132
+ argTypes: {
133
+ delayDuration: {
134
+ control: 'number',
135
+ description: 'Milliseconds to wait before the tooltip appears after the trigger is hovered or focused.',
136
+ table: {
137
+ type: { summary: 'number' },
138
+ defaultValue: { summary: '400' },
139
+ },
140
+ },
141
+ open: {
142
+ control: false,
143
+ description: 'Controlled open state. When provided, pair with `onOpenChange` to manage state externally.',
144
+ table: {
145
+ type: { summary: 'boolean' },
146
+ defaultValue: { summary: 'undefined' },
147
+ },
148
+ },
149
+ onOpenChange: {
150
+ control: false,
151
+ description: 'Callback fired when the open state changes. Required for controlled mode.',
152
+ table: {
153
+ type: { summary: '(open: boolean) => void' },
154
+ },
155
+ },
156
+ defaultOpen: {
157
+ control: false,
158
+ description: 'Initial open state for uncontrolled usage.',
159
+ table: {
160
+ type: { summary: 'boolean' },
161
+ defaultValue: { summary: 'false' },
162
+ },
163
+ },
164
+ children: {
165
+ control: false,
166
+ description: 'Must include `Tooltip.Trigger` and `Tooltip.Content` sub-components.',
167
+ table: {
168
+ type: { summary: 'ReactNode' },
12
169
  },
13
170
  },
14
171
  },
15
172
  };
173
+ export default meta;
174
+ // ---------------------------------------------------------------------------
175
+ // Helper
176
+ // ---------------------------------------------------------------------------
177
+ const withDescription = (story, description) => ({
178
+ ...story,
179
+ parameters: {
180
+ ...story.parameters,
181
+ docs: {
182
+ ...story.parameters?.docs,
183
+ description: {
184
+ story: description,
185
+ },
186
+ },
187
+ },
188
+ });
189
+ // ---------------------------------------------------------------------------
190
+ // Templates
191
+ // ---------------------------------------------------------------------------
192
+ const AllPlacementsTemplate = () => (_jsx("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 'var(--spacing-xxlarge)', padding: 'var(--spacing-xxlarge)' }, children: ['top', 'right', 'bottom', 'left'].map(side => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--spacing-small)' }, children: [_jsx("span", { style: { fontSize: 'var(--font-size-2-13)', color: 'var(--color-grey-600)' }, children: `side="${side}"` }), _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Hover me" }) }), _jsxs(Tooltip.Content, { side: side, children: ["Tooltip on the", ' ', side] })] })] }, side))) }));
193
+ const WithoutArrowTemplate = () => (_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Hover me" }) }), _jsx(Tooltip.Content, { shouldShowArrow: false, children: "No arrow on this tooltip" })] }));
194
+ const WithRichContentTemplate = () => (_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Assessment period" }) }), _jsx(Tooltip.Content, { children: _jsxs("div", { children: [_jsx("strong", { children: "Autumn 1 2024\u201325" }), _jsx("div", { children: "Sep 2 \u2013 Oct 25" })] }) })] }));
195
+ const WithIconTriggerTemplate = () => (_jsxs("div", { style: { display: 'flex', gap: 'var(--spacing-small)' }, children: [_jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx("button", { type: "button", "aria-label": "Download report", style: { background: 'none', border: 'none', cursor: 'pointer', padding: 'var(--spacing-xsmall)', display: 'flex' }, children: _jsx(Icon, { name: "download", size: 24 }) }) }), _jsx(Tooltip.Content, { children: "Download report" })] }), _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx("button", { type: "button", "aria-label": "Export data", style: { background: 'none', border: 'none', cursor: 'pointer', padding: 'var(--spacing-xsmall)', display: 'flex' }, children: _jsx(Icon, { name: "share", size: 24 }) }) }), _jsx(Tooltip.Content, { children: "Export data" })] }), _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx("button", { type: "button", "aria-label": "Settings", style: { background: 'none', border: 'none', cursor: 'pointer', padding: 'var(--spacing-xsmall)', display: 'flex' }, children: _jsx(Icon, { name: "settings", size: 24 }) }) }), _jsx(Tooltip.Content, { children: "Settings" })] })] }));
196
+ const SlowDelayTemplate = () => (_jsxs("div", { style: { display: 'flex', gap: 'var(--spacing-large)', alignItems: 'center' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--spacing-small)' }, children: [_jsxs("span", { style: { fontSize: 'var(--font-size-2-13)', color: 'var(--color-grey-600)' }, children: ["delayDuration=", 0] }), _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Instant" }) }), _jsx(Tooltip.Content, { children: "Shows immediately on hover" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--spacing-small)' }, children: [_jsxs("span", { style: { fontSize: 'var(--font-size-2-13)', color: 'var(--color-grey-600)' }, children: ["delayDuration=", 400, ' ', "(default)"] }), _jsxs(Tooltip, { delayDuration: 400, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Default delay" }) }), _jsx(Tooltip.Content, { children: "Shows after 400ms" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--spacing-small)' }, children: [_jsxs("span", { style: { fontSize: 'var(--font-size-2-13)', color: 'var(--color-grey-600)' }, children: ["delayDuration=", 1000] }), _jsxs(Tooltip, { delayDuration: 1000, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "secondary", children: "Slow" }) }), _jsx(Tooltip.Content, { children: "Shows after 1 second" })] })] })] }));
197
+ // ---------------------------------------------------------------------------
198
+ // Stories
199
+ // ---------------------------------------------------------------------------
16
200
  export const Default = {
17
201
  args: {
18
- children: [
19
- _jsxs(_Fragment, { children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "primary", children: "Click me!" }) }), _jsx(Tooltip.Content, { children: _jsx("div", { children: "Content" }) })] }),
20
- ],
202
+ delayDuration: 400,
203
+ },
204
+ render: args => (_jsxs(Tooltip, { ...args, children: [_jsx(Tooltip.Trigger, { children: _jsx(Button, { type: "primary", children: "Hover or focus me" }) }), _jsx(Tooltip.Content, { children: "This is a tooltip" })] })),
205
+ parameters: {
206
+ docs: {
207
+ description: {
208
+ story: [
209
+ 'The `Tooltip` compound component requires `Tooltip.Trigger` and `Tooltip.Content` as children.',
210
+ 'The trigger element must be focusable — `Tooltip.Trigger` uses `asChild` to merge props onto the child.',
211
+ 'Use the **Controls** panel to adjust `delayDuration`.',
212
+ ].join(' '),
213
+ },
214
+ },
21
215
  },
22
216
  };
23
- export default meta;
217
+ export const AllPlacements = withDescription({
218
+ render: AllPlacementsTemplate,
219
+ parameters: {
220
+ controls: { disable: true },
221
+ layout: 'centered',
222
+ docs: {
223
+ source: {
224
+ language: 'tsx',
225
+ code: `
226
+ import { Tooltip } from '@arbor-education/design-system.components';
227
+
228
+ function TooltipAllPlacementsExample() {
229
+ return (
230
+ <>
231
+ <Tooltip delayDuration={0}>
232
+ <Tooltip.Trigger>
233
+ <button type="button">Top (default)</button>
234
+ </Tooltip.Trigger>
235
+ <Tooltip.Content side="top">
236
+ Tooltip on the top
237
+ </Tooltip.Content>
238
+ </Tooltip>
239
+
240
+ <Tooltip delayDuration={0}>
241
+ <Tooltip.Trigger>
242
+ <button type="button">Right</button>
243
+ </Tooltip.Trigger>
244
+ <Tooltip.Content side="right">
245
+ Tooltip on the right
246
+ </Tooltip.Content>
247
+ </Tooltip>
248
+
249
+ <Tooltip delayDuration={0}>
250
+ <Tooltip.Trigger>
251
+ <button type="button">Bottom</button>
252
+ </Tooltip.Trigger>
253
+ <Tooltip.Content side="bottom">
254
+ Tooltip on the bottom
255
+ </Tooltip.Content>
256
+ </Tooltip>
257
+
258
+ <Tooltip delayDuration={0}>
259
+ <Tooltip.Trigger>
260
+ <button type="button">Left</button>
261
+ </Tooltip.Trigger>
262
+ <Tooltip.Content side="left">
263
+ Tooltip on the left
264
+ </Tooltip.Content>
265
+ </Tooltip>
266
+ </>
267
+ );
268
+ }
269
+ export default TooltipAllPlacementsExample;
270
+ `.trim(),
271
+ },
272
+ },
273
+ },
274
+ }, [
275
+ 'Use the `side` prop on `Tooltip.Content` to control which side the tooltip appears on.',
276
+ 'Radix will automatically flip to the opposite side if there\'s not enough viewport space.',
277
+ ].join(' '));
278
+ export const WithoutArrow = withDescription({
279
+ render: WithoutArrowTemplate,
280
+ parameters: {
281
+ controls: { disable: true },
282
+ docs: {
283
+ source: {
284
+ language: 'tsx',
285
+ code: `
286
+ import { Tooltip } from '@arbor-education/design-system.components';
287
+
288
+ function TooltipWithoutArrowExample() {
289
+ return (
290
+ <Tooltip delayDuration={0}>
291
+ <Tooltip.Trigger>
292
+ <button type="button">Hover me</button>
293
+ </Tooltip.Trigger>
294
+ <Tooltip.Content shouldShowArrow={false}>
295
+ No arrow on this tooltip
296
+ </Tooltip.Content>
297
+ </Tooltip>
298
+ );
299
+ }
300
+ export default TooltipWithoutArrowExample;
301
+ `.trim(),
302
+ },
303
+ },
304
+ },
305
+ }, [
306
+ 'Set `shouldShowArrow={false}` on `Tooltip.Content` to hide the pointing arrow.',
307
+ 'Useful when the tooltip is positioned far from the trigger or inside a dense UI.',
308
+ ].join(' '));
309
+ export const WithRichContent = withDescription({
310
+ render: WithRichContentTemplate,
311
+ parameters: {
312
+ controls: { disable: true },
313
+ docs: {
314
+ source: {
315
+ language: 'tsx',
316
+ code: `
317
+ import { Tooltip } from '@arbor-education/design-system.components';
318
+
319
+ function TooltipWithRichContentExample() {
320
+ return (
321
+ <Tooltip delayDuration={0}>
322
+ <Tooltip.Trigger>
323
+ <button type="button">Assessment period</button>
324
+ </Tooltip.Trigger>
325
+ <Tooltip.Content>
326
+ <div>
327
+ <strong>Autumn 1 2024–25</strong>
328
+ <div>Sep 2 – Oct 25</div>
329
+ </div>
330
+ </Tooltip.Content>
331
+ </Tooltip>
332
+ );
333
+ }
334
+ export default TooltipWithRichContentExample;
335
+ `.trim(),
336
+ },
337
+ },
338
+ },
339
+ }, [
340
+ '`Tooltip.Content` accepts any `ReactNode` — use structured markup for richer labels.',
341
+ 'Keep content short: tooltips should clarify, not teach.',
342
+ 'Never put interactive elements (buttons, links) inside a tooltip.',
343
+ ].join(' '));
344
+ export const WithIconTrigger = withDescription({
345
+ render: WithIconTriggerTemplate,
346
+ parameters: {
347
+ controls: { disable: true },
348
+ docs: {
349
+ source: {
350
+ language: 'tsx',
351
+ code: `
352
+ import { Icon, Tooltip } from '@arbor-education/design-system.components';
353
+
354
+ // Icon-only controls must have both aria-label (for screen readers)
355
+ // and a Tooltip (for sighted users who hover).
356
+ function TooltipWithIconTriggerExample() {
357
+ return (
358
+ <Tooltip delayDuration={0}>
359
+ <Tooltip.Trigger>
360
+ <button
361
+ type="button"
362
+ aria-label="Download report"
363
+ style={{ background: 'none', border: 'none', cursor: 'pointer', padding: 'var(--spacing-xsmall)', display: 'flex' }}
364
+ >
365
+ <Icon name="download" size={24} />
366
+ </button>
367
+ </Tooltip.Trigger>
368
+ <Tooltip.Content>Download report</Tooltip.Content>
369
+ </Tooltip>
370
+ );
371
+ }
372
+ export default TooltipWithIconTriggerExample;
373
+ `.trim(),
374
+ },
375
+ },
376
+ },
377
+ }, [
378
+ 'Icon-only buttons must have both an `aria-label` (for screen readers) and a `Tooltip` (for sighted mouse users).',
379
+ 'The two convey the same information through different channels — they\'re complementary, not redundant.',
380
+ ].join(' '));
381
+ export const HoverDelay = withDescription({
382
+ render: SlowDelayTemplate,
383
+ parameters: {
384
+ controls: { disable: true },
385
+ layout: 'centered',
386
+ docs: {
387
+ source: {
388
+ language: 'tsx',
389
+ code: `
390
+ import { Tooltip } from '@arbor-education/design-system.components';
391
+
392
+ // delayDuration={0} is best for keyboard-triggered tooltips (focus shouldn't wait).
393
+ // The default 400ms prevents flicker when the user is just moving the cursor past buttons.
394
+ function TooltipHoverDelayExample() {
395
+ return (
396
+ <>
397
+ <Tooltip delayDuration={0}>
398
+ <Tooltip.Trigger>
399
+ <button type="button">Instant (0ms)</button>
400
+ </Tooltip.Trigger>
401
+ <Tooltip.Content>Shows immediately on hover</Tooltip.Content>
402
+ </Tooltip>
403
+
404
+ <Tooltip delayDuration={400}>
405
+ <Tooltip.Trigger>
406
+ <button type="button">Default (400ms)</button>
407
+ </Tooltip.Trigger>
408
+ <Tooltip.Content>Shows after 400ms</Tooltip.Content>
409
+ </Tooltip>
410
+
411
+ <Tooltip delayDuration={1000}>
412
+ <Tooltip.Trigger>
413
+ <button type="button">Slow (1000ms)</button>
414
+ </Tooltip.Trigger>
415
+ <Tooltip.Content>Shows after 1 second</Tooltip.Content>
416
+ </Tooltip>
417
+ </>
418
+ );
419
+ }
420
+ export default TooltipHoverDelayExample;
421
+ `.trim(),
422
+ },
423
+ },
424
+ },
425
+ }, [
426
+ '`delayDuration` controls how long the user must hover before the tooltip appears.',
427
+ 'The default 400ms prevents noise when the cursor moves across the page.',
428
+ 'Use `delayDuration={0}` for icon-only controls where the label is the primary way to understand the action.',
429
+ ].join(' '));
24
430
  //# sourceMappingURL=Tooltip.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,kHAAkH;aAC9H;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,8BACE,KAAC,OAAO,CAAC,OAAO,cACd,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,0BAAmB,GACzB,EAElB,KAAC,OAAO,CAAC,OAAO,cACd,oCAAkB,GACF,IACjB;SACJ;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"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"}