@uva-glass/component-library 3.28.4 → 3.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (332) hide show
  1. package/dist/Column-BL3dsYxn.js.map +1 -1
  2. package/dist/Lexical.prod-UwAbgYpF.js.map +1 -1
  3. package/dist/LexicalClipboard.prod-DHIGjydG.js.map +1 -1
  4. package/dist/LexicalLink.prod-Bsa9J7L-.js.map +1 -1
  5. package/dist/LexicalList.prod-jxGuZd4b.js.map +1 -1
  6. package/dist/LexicalSelection.prod-xk5MiZnZ.js.map +1 -1
  7. package/dist/LexicalTable.prod-BSjs04iE.js.map +1 -1
  8. package/dist/LexicalUtils.prod-cQutjKA3.js.map +1 -1
  9. package/dist/MultiSelectItem-DbOdEllV.js.map +1 -1
  10. package/dist/SortableProvider-CwX1lFMa.js.map +1 -1
  11. package/dist/TablePlugin-NmJsn2fm.js.map +1 -1
  12. package/dist/__mocks__/svgrMock.js.map +1 -1
  13. package/dist/assets/Notification.css +1 -0
  14. package/dist/{client-EQRlhXX7.js → client-D0KlBcsm.js} +1325 -1325
  15. package/dist/{client-EQRlhXX7.js.map → client-D0KlBcsm.js.map} +1 -1
  16. package/dist/components/Accordion/Accordion.js.map +1 -1
  17. package/dist/components/Accordion/Accordion.stories.d.ts +2 -2
  18. package/dist/components/Accordion/Accordion.stories.js.map +1 -1
  19. package/dist/components/Accordion/Accordion.test.js +3 -3
  20. package/dist/components/Accordion/Accordion.test.js.map +1 -1
  21. package/dist/components/AccordionCard/AccordionCard.js.map +1 -1
  22. package/dist/components/AccordionCard/AccordionCard.stories.d.ts +1 -1
  23. package/dist/components/AccordionCard/AccordionCard.stories.js.map +1 -1
  24. package/dist/components/AccordionCard/AccordionCard.test.js +3 -3
  25. package/dist/components/AccordionCard/AccordionCard.test.js.map +1 -1
  26. package/dist/components/ActionList/ActionList.js.map +1 -1
  27. package/dist/components/ActionList/ActionList.stories.d.ts +1 -1
  28. package/dist/components/ActionList/ActionList.stories.js.map +1 -1
  29. package/dist/components/ActionList/ActionList.test.js +3 -3
  30. package/dist/components/ActionList/ActionList.test.js.map +1 -1
  31. package/dist/components/AppStatusBar/AppStatusBar.js.map +1 -1
  32. package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts +1 -1
  33. package/dist/components/AppStatusBar/AppStatusBar.stories.js.map +1 -1
  34. package/dist/components/AppStatusBar/AppStatusBar.test.js +2 -2
  35. package/dist/components/AppStatusBar/AppStatusBar.test.js.map +1 -1
  36. package/dist/components/Attention/Attention.js.map +1 -1
  37. package/dist/components/Attention/Attention.stories.d.ts +1 -1
  38. package/dist/components/Attention/Attention.stories.js.map +1 -1
  39. package/dist/components/Attention/Attention.test.js +2 -2
  40. package/dist/components/Attention/Attention.test.js.map +1 -1
  41. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  42. package/dist/components/Backdrop/Backdrop.stories.d.ts +1 -1
  43. package/dist/components/Backdrop/Backdrop.stories.js.map +1 -1
  44. package/dist/components/Backdrop/Backdrop.test.js +2 -2
  45. package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
  46. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  47. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +1 -1
  48. package/dist/components/ButtonGroup/ButtonGroup.stories.js.map +1 -1
  49. package/dist/components/Buttons/Button.js.map +1 -1
  50. package/dist/components/Buttons/Button.stories.d.ts +2 -2
  51. package/dist/components/Buttons/Button.stories.js +8 -8
  52. package/dist/components/Buttons/Button.stories.js.map +1 -1
  53. package/dist/components/Buttons/Button.test.js +2 -2
  54. package/dist/components/Buttons/Button.test.js.map +1 -1
  55. package/dist/components/Buttons/LinkButton.js.map +1 -1
  56. package/dist/components/Buttons/LinkButton.stories.d.ts +2 -2
  57. package/dist/components/Buttons/LinkButton.stories.js +10 -10
  58. package/dist/components/Buttons/LinkButton.stories.js.map +1 -1
  59. package/dist/components/Buttons/LinkButton.test.js +2 -2
  60. package/dist/components/Buttons/LinkButton.test.js.map +1 -1
  61. package/dist/components/Buttons/MenuButton.js.map +1 -1
  62. package/dist/components/Buttons/MenuButton.stories.d.ts +3 -3
  63. package/dist/components/Buttons/MenuButton.stories.js +15 -15
  64. package/dist/components/Buttons/MenuButton.stories.js.map +1 -1
  65. package/dist/components/Buttons/MenuButton.test.js +2 -2
  66. package/dist/components/Buttons/MenuButton.test.js.map +1 -1
  67. package/dist/components/Card/Card.js.map +1 -1
  68. package/dist/components/Card/Card.stories.d.ts +3 -3
  69. package/dist/components/Card/Card.stories.js.map +1 -1
  70. package/dist/components/Card/Card.test.js +2 -2
  71. package/dist/components/Card/Card.test.js.map +1 -1
  72. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  73. package/dist/components/Checkbox/Checkbox.stories.d.ts +2 -2
  74. package/dist/components/Checkbox/Checkbox.stories.js +1 -1
  75. package/dist/components/Checkbox/Checkbox.stories.js.map +1 -1
  76. package/dist/components/Checkbox/Checkbox.test.js +8 -7
  77. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  78. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js.map +1 -1
  79. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.d.ts +3 -3
  80. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
  81. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js.map +1 -1
  82. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +2 -2
  83. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js.map +1 -1
  84. package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
  85. package/dist/components/CheckboxTree/CheckboxTree.stories.d.ts +1 -1
  86. package/dist/components/CheckboxTree/CheckboxTree.stories.js +108 -123
  87. package/dist/components/CheckboxTree/CheckboxTree.stories.js.map +1 -1
  88. package/dist/components/Chip/Chip.js.map +1 -1
  89. package/dist/components/Chip/Chip.stories.d.ts +2 -2
  90. package/dist/components/Chip/Chip.stories.js +1 -1
  91. package/dist/components/Chip/Chip.stories.js.map +1 -1
  92. package/dist/components/ControlsButton/ControlsButton.js.map +1 -1
  93. package/dist/components/ControlsButton/ControlsButton.stories.d.ts +1 -1
  94. package/dist/components/ControlsButton/ControlsButton.stories.js +4 -4
  95. package/dist/components/ControlsButton/ControlsButton.stories.js.map +1 -1
  96. package/dist/components/Drawer/Drawer.js.map +1 -1
  97. package/dist/components/Drawer/Drawer.stories.d.ts +2 -2
  98. package/dist/components/Drawer/Drawer.stories.js +9 -9
  99. package/dist/components/Drawer/Drawer.stories.js.map +1 -1
  100. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js.map +1 -1
  101. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.d.ts +1 -1
  102. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js.map +1 -1
  103. package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js.map +1 -1
  104. package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.d.ts +1 -1
  105. package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.stories.js.map +1 -1
  106. package/dist/components/FeedbackBar/FeedbackBar.js.map +1 -1
  107. package/dist/components/FeedbackBar/FeedbackBar.stories.d.ts +1 -1
  108. package/dist/components/FeedbackBar/FeedbackBar.stories.js.map +1 -1
  109. package/dist/components/FeedbackBar/FeedbackBar.test.js +2 -2
  110. package/dist/components/FeedbackBar/FeedbackBar.test.js.map +1 -1
  111. package/dist/components/FeedbackBox/FeedbackBox.js.map +1 -1
  112. package/dist/components/FeedbackBox/FeedbackBox.stories.d.ts +2 -2
  113. package/dist/components/FeedbackBox/FeedbackBox.stories.js.map +1 -1
  114. package/dist/components/FieldHint/FieldHint.js.map +1 -1
  115. package/dist/components/FieldHint/FieldHint.stories.d.ts +2 -2
  116. package/dist/components/FieldHint/FieldHint.stories.js.map +1 -1
  117. package/dist/components/Fieldset/Fieldset.js.map +1 -1
  118. package/dist/components/Fieldset/Fieldset.stories.d.ts +2 -2
  119. package/dist/components/Fieldset/Fieldset.stories.js.map +1 -1
  120. package/dist/components/FormField/FormField.stories.d.ts +1 -1
  121. package/dist/components/FormField/FormField.stories.js.map +1 -1
  122. package/dist/components/FormInput/FormInput.js.map +1 -1
  123. package/dist/components/FormInput/FormInput.stories.d.ts +2 -2
  124. package/dist/components/FormInput/FormInput.stories.js +1 -1
  125. package/dist/components/FormInput/FormInput.stories.js.map +1 -1
  126. package/dist/components/GridRow/GridRow.js.map +1 -1
  127. package/dist/components/GridRow/GridRow.stories.d.ts +2 -2
  128. package/dist/components/GridRow/GridRow.stories.js.map +1 -1
  129. package/dist/components/HorizontalList/HorizontalList.js.map +1 -1
  130. package/dist/components/HorizontalList/HorizontalList.stories.d.ts +2 -2
  131. package/dist/components/HorizontalList/HorizontalList.stories.js.map +1 -1
  132. package/dist/components/Icon/Icon.js.map +1 -1
  133. package/dist/components/Icon/Icon.stories.d.ts +1 -1
  134. package/dist/components/Icon/Icon.stories.js.map +1 -1
  135. package/dist/components/Icon/icons/index.js.map +1 -1
  136. package/dist/components/IconButton/IconButton.stories.d.ts +1 -1
  137. package/dist/components/IconButton/IconButton.stories.js +5 -5
  138. package/dist/components/IconButton/IconButton.stories.js.map +1 -1
  139. package/dist/components/InfoBanner/InfoBanner.js.map +1 -1
  140. package/dist/components/InfoBanner/InfoBanner.stories.d.ts +1 -1
  141. package/dist/components/InfoBanner/InfoBanner.stories.js.map +1 -1
  142. package/dist/components/InfoMessage/InfoMessage.js.map +1 -1
  143. package/dist/components/InfoMessage/InfoMessage.stories.d.ts +1 -1
  144. package/dist/components/InfoMessage/InfoMessage.stories.js.map +1 -1
  145. package/dist/components/Input/Input.js.map +1 -1
  146. package/dist/components/Input/Input.stories.d.ts +4 -4
  147. package/dist/components/Input/Input.stories.js.map +1 -1
  148. package/dist/components/InputField/InputField.js.map +1 -1
  149. package/dist/components/InputField/InputField.stories.d.ts +3 -3
  150. package/dist/components/InputField/InputField.stories.js +12 -12
  151. package/dist/components/InputField/InputField.stories.js.map +1 -1
  152. package/dist/components/Label/Label.js.map +1 -1
  153. package/dist/components/Label/Label.stories.d.ts +2 -2
  154. package/dist/components/Label/Label.stories.js.map +1 -1
  155. package/dist/components/Label/Label.test.js +2 -2
  156. package/dist/components/Label/Label.test.js.map +1 -1
  157. package/dist/components/MenuLink/MenuLink.js.map +1 -1
  158. package/dist/components/MenuLink/MenuLink.stories.d.ts +2 -2
  159. package/dist/components/MenuLink/MenuLink.stories.js.map +1 -1
  160. package/dist/components/MetaDataList/MetaDataList.js.map +1 -1
  161. package/dist/components/MetaDataList/MetaDataList.stories.d.ts +1 -1
  162. package/dist/components/MetaDataList/MetaDataList.stories.js.map +1 -1
  163. package/dist/components/ModalDialog/ModalDialog.js.map +1 -1
  164. package/dist/components/ModalDialog/ModalDialog.stories.d.ts +3 -3
  165. package/dist/components/ModalDialog/ModalDialog.stories.js +8 -8
  166. package/dist/components/ModalDialog/ModalDialog.stories.js.map +1 -1
  167. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +3 -3
  168. package/dist/components/MultiSelect/MultiSelect.stories.js +7 -7
  169. package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -1
  170. package/dist/components/MultiSelectBox/MultiSelectBox.js.map +1 -1
  171. package/dist/components/MultiSelectBox/MultiSelectBox.stories.d.ts +2 -2
  172. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +5 -5
  173. package/dist/components/MultiSelectBox/MultiSelectBox.stories.js.map +1 -1
  174. package/dist/components/MultiSelectBox/MultiSelectBox.test.js +2 -2
  175. package/dist/components/MultiSelectBox/MultiSelectBox.test.js.map +1 -1
  176. package/dist/components/Notification/Notification.d.ts +12 -0
  177. package/dist/components/Notification/Notification.js +58 -0
  178. package/dist/components/Notification/Notification.js.map +1 -0
  179. package/dist/components/Notification/Notification.stories.d.ts +6 -0
  180. package/dist/components/Notification/Notification.stories.js +43 -0
  181. package/dist/components/Notification/Notification.stories.js.map +1 -0
  182. package/dist/components/Notification/Notification.test.d.ts +0 -0
  183. package/dist/components/Notification/Notification.test.js +12 -0
  184. package/dist/components/Notification/Notification.test.js.map +1 -0
  185. package/dist/components/Notification/index.d.ts +1 -0
  186. package/dist/components/Notification/index.js +5 -0
  187. package/dist/components/Notification/index.js.map +1 -0
  188. package/dist/components/OverlayCloseButton/OverlayCloseButton.js.map +1 -1
  189. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.d.ts +1 -1
  190. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +4 -4
  191. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js.map +1 -1
  192. package/dist/components/OverlayStepBar/OverlayStepBar.js.map +1 -1
  193. package/dist/components/OverlayStepBar/OverlayStepBar.stories.d.ts +2 -2
  194. package/dist/components/OverlayStepBar/OverlayStepBar.stories.js +1 -0
  195. package/dist/components/OverlayStepBar/OverlayStepBar.stories.js.map +1 -1
  196. package/dist/components/PageOverlay/PageOverlay.js.map +1 -1
  197. package/dist/components/PageOverlay/PageOverlay.stories.d.ts +3 -3
  198. package/dist/components/PageOverlay/PageOverlay.stories.js.map +1 -1
  199. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  200. package/dist/components/PeriodSelector/PeriodSelector.stories.d.ts +1 -1
  201. package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
  202. package/dist/components/PeriodSelector/PeriodSelector.stories.js.map +1 -1
  203. package/dist/components/Periods/Periods.js.map +1 -1
  204. package/dist/components/Periods/Periods.stories.d.ts +1 -1
  205. package/dist/components/Periods/Periods.stories.js.map +1 -1
  206. package/dist/components/ProgrammeCard/ProgrammeCard.js.map +1 -1
  207. package/dist/components/ProgrammeCard/ProgrammeCard.stories.d.ts +3 -3
  208. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
  209. package/dist/components/RadioButton/RadioButton.js.map +1 -1
  210. package/dist/components/RadioButton/RadioButton.stories.d.ts +1 -1
  211. package/dist/components/RadioButton/RadioButton.stories.js.map +1 -1
  212. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  213. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
  214. package/dist/components/RadioGroup/RadioGroup.stories.js +4 -4
  215. package/dist/components/RadioGroup/RadioGroup.stories.js.map +1 -1
  216. package/dist/components/RadioGroup/Radiogroup.test.js +2 -2
  217. package/dist/components/RadioGroup/Radiogroup.test.js.map +1 -1
  218. package/dist/components/RadioTabSelector/RadioTabSelector.js.map +1 -1
  219. package/dist/components/RadioTabSelector/RadioTabSelector.stories.d.ts +1 -1
  220. package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
  221. package/dist/components/RadioTabSelector/RadioTabSelector.stories.js.map +1 -1
  222. package/dist/components/Repeater/Repeater.js.map +1 -1
  223. package/dist/components/Repeater/Repeater.stories.d.ts +1 -1
  224. package/dist/components/Repeater/Repeater.stories.js.map +1 -1
  225. package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map +1 -1
  226. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js.map +1 -1
  227. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
  228. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map +1 -1
  229. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  230. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map +1 -1
  231. package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js.map +1 -1
  232. package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js.map +1 -1
  233. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map +1 -1
  234. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map +1 -1
  235. package/dist/components/RteEditor/Providers/LanguageProvider.js.map +1 -1
  236. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  237. package/dist/components/RteEditor/RteEditor.stories.d.ts +1 -1
  238. package/dist/components/RteEditor/RteEditor.stories.js.map +1 -1
  239. package/dist/components/RteEditor/UvaTheme/UvaTheme.js.map +1 -1
  240. package/dist/components/RteEditor/helpers.js.map +1 -1
  241. package/dist/components/RteEditor/hooks/components/Flyout.js.map +1 -1
  242. package/dist/components/RteEditor/hooks/useFlyout.js.map +1 -1
  243. package/dist/components/RteEditor/hooks/useTranslation.js.map +1 -1
  244. package/dist/components/RteEditor/translations.js.map +1 -1
  245. package/dist/components/SectionNotification/SectionNotification.js.map +1 -1
  246. package/dist/components/SectionNotification/SectionNotification.stories.d.ts +1 -1
  247. package/dist/components/SectionNotification/SectionNotification.stories.js.map +1 -1
  248. package/dist/components/SelectListbox/SelectListBox.stories.d.ts +2 -2
  249. package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
  250. package/dist/components/SelectListbox/SelectListBox.stories.js.map +1 -1
  251. package/dist/components/SelectListbox/SelectListbox.js.map +1 -1
  252. package/dist/components/SelectListbox/SelectProvider.js.map +1 -1
  253. package/dist/components/SelectListbox/components/SelectButton.js.map +1 -1
  254. package/dist/components/SelectListbox/components/SelectContainer.js.map +1 -1
  255. package/dist/components/SelectListbox/components/SelectOption.js.map +1 -1
  256. package/dist/components/SelectListbox/components/SelectOptionBox.js.map +1 -1
  257. package/dist/components/Sortable/Sortable.js.map +1 -1
  258. package/dist/components/Sortable/Sortable.stories.d.ts +3 -3
  259. package/dist/components/Sortable/Sortable.stories.js +13 -13
  260. package/dist/components/Sortable/Sortable.stories.js.map +1 -1
  261. package/dist/components/Sortable/actions.js.map +1 -1
  262. package/dist/components/Sortable/components/SortableHandle.js.map +1 -1
  263. package/dist/components/Sortable/components/SortableItem.js.map +1 -1
  264. package/dist/components/Sortable/sortableReducer.js.map +1 -1
  265. package/dist/components/Spinner/Spinner.js.map +1 -1
  266. package/dist/components/Spinner/Spinner.stories.d.ts +1 -1
  267. package/dist/components/Spinner/Spinner.stories.js.map +1 -1
  268. package/dist/components/StatusBadge/StatusBadge.stories.d.ts +1 -1
  269. package/dist/components/StatusBadge/StatusBadge.stories.js.map +1 -1
  270. package/dist/components/StatusBadge/StatusBadge.test.js +2 -2
  271. package/dist/components/StatusBadge/StatusBadge.test.js.map +1 -1
  272. package/dist/components/StatusBadge/StatusBage.js.map +1 -1
  273. package/dist/components/StatusPill/StatusPill.js.map +1 -1
  274. package/dist/components/StatusPill/StatusPill.stories.d.ts +1 -1
  275. package/dist/components/StatusPill/StatusPill.stories.js.map +1 -1
  276. package/dist/components/TextArea/TextArea.js.map +1 -1
  277. package/dist/components/TextArea/TextArea.stories.d.ts +1 -1
  278. package/dist/components/TextArea/TextArea.stories.js +1 -1
  279. package/dist/components/TextArea/TextArea.stories.js.map +1 -1
  280. package/dist/components/TextArea/TextArea.test.js +9 -9
  281. package/dist/components/TextArea/TextArea.test.js.map +1 -1
  282. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
  283. package/dist/components/ToggleSwitch/ToggleSwitch.stories.d.ts +1 -1
  284. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +5 -5
  285. package/dist/components/ToggleSwitch/ToggleSwitch.stories.js.map +1 -1
  286. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  287. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  288. package/dist/components/Tooltip/Tooltip.stories.js.map +1 -1
  289. package/dist/components/VarIndicator/VarIndicator.js.map +1 -1
  290. package/dist/components/VarIndicator/VarIndicator.stories.d.ts +1 -1
  291. package/dist/components/VarIndicator/VarIndicator.stories.js +4 -4
  292. package/dist/components/VarIndicator/VarIndicator.stories.js.map +1 -1
  293. package/dist/components/VarIndicator/VarIndicator.test.js +3 -3
  294. package/dist/components/VarIndicator/VarIndicator.test.js.map +1 -1
  295. package/dist/components/hooks/useDebounce.js.map +1 -1
  296. package/dist/components/hooks/useOnClickOutside.js.map +1 -1
  297. package/dist/components/hooks/usePositionedFloaters.js.map +1 -1
  298. package/dist/components/hooks/useResponsive.js.map +1 -1
  299. package/dist/components/index.d.ts +1 -0
  300. package/dist/components/index.js +54 -52
  301. package/dist/components/index.js.map +1 -1
  302. package/dist/helpers-DZIm3MiJ.js.map +1 -1
  303. package/dist/index-BVAvx58-.js +10648 -0
  304. package/dist/index-BVAvx58-.js.map +1 -0
  305. package/dist/{index-BqLi4tOb.js → index-DV47hRzi.js} +2891 -2818
  306. package/dist/index-DV47hRzi.js.map +1 -0
  307. package/dist/index-Di9WPZUe.js +34752 -0
  308. package/dist/index-Di9WPZUe.js.map +1 -0
  309. package/dist/index-DllfJcv4.js.map +1 -1
  310. package/dist/index-PaHiqSUg.js +3099 -0
  311. package/dist/index-PaHiqSUg.js.map +1 -0
  312. package/dist/index.js +54 -52
  313. package/dist/index.js.map +1 -1
  314. package/dist/{react-18-dpbWrd2-.js → react-18-inmoTCp-.js} +2 -2
  315. package/dist/{react-18-dpbWrd2-.js.map → react-18-inmoTCp-.js.map} +1 -1
  316. package/dist/{react.esm-CsMDid07.js → react.esm-CFMwGdo5.js} +3 -3
  317. package/dist/{react.esm-CsMDid07.js.map → react.esm-CFMwGdo5.js.map} +1 -1
  318. package/dist/setupTests.js +11 -1562
  319. package/dist/setupTests.js.map +1 -1
  320. package/dist/storyComponents/ClipboardButton/ClipboardButton.js.map +1 -1
  321. package/dist/storyComponents/Container/Container.js.map +1 -1
  322. package/dist/storybook__react.d.js +5345 -5766
  323. package/dist/storybook__react.d.js.map +1 -1
  324. package/dist/test-utils-ea_YDVtd.js.map +1 -1
  325. package/package.json +14 -18
  326. package/dist/index-BqLi4tOb.js.map +0 -1
  327. package/dist/index-CUap8sKR.js +0 -2962
  328. package/dist/index-CUap8sKR.js.map +0 -1
  329. package/dist/index-DH9Vbk37.js +0 -9507
  330. package/dist/index-DH9Vbk37.js.map +0 -1
  331. package/dist/index-Dwqes6RH.js +0 -14758
  332. package/dist/index-Dwqes6RH.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/Button',\n component: Button,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'destructive-secondary-transparent',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: Button,\n codeString: codeString,\n },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n variant: 'primary',\n disabled: false,\n displayColumn: false,\n onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","Button_stories","Button","Template","args","jsx","defaultArgs","fn","ButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAOA,MAAMA,IAAa,2EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAiC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAQ,GAAGE,GAAM,GAE7DE,IAAoC;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAASC,EAAG;AACd,GAEaC,IAAgBL,EAAS,KAAK,CAAE,CAAA;AAC7CK,EAAc,OAAO;AAAA,EACnB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBN,EAAS,KAAK,CAAE,CAAA;AACpDM,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,EACd,CAAA;AAEJ;AACAI,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
1
+ {"version":3,"file":"Button.stories.js","sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/Button',\n component: Button,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'destructive-secondary-transparent',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: Button,\n codeString: codeString,\n },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n variant: 'primary',\n disabled: false,\n displayColumn: false,\n onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","Button_stories","Button","Template","args","jsx","defaultArgs","fn","ButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAOA,MAAMA,IAAa,2EAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAiC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAQ,GAAGE,GAAM,GAE7DE,IAAoC;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAASC,EAAA;AACX,GAEaC,IAAgBL,EAAS,KAAK,CAAA,CAAE;AAC7CK,EAAc,OAAO;AAAA,EACnB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBN,EAAS,KAAK,CAAA,CAAE;AACpDM,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UACE,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAN,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACd;AAEJ;AACAI,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-BqLi4tOb.js";
3
- import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
2
+ import "../../index-DV47hRzi.js";
3
+ import { r as n, s as t, f as c } from "../../react.esm-CFMwGdo5.js";
4
4
  import { Button as o } from "./Button.js";
5
5
  const s = jest.fn();
6
6
  describe("Button", () => {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.test.js","sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n it('should render primary', () => {\n render(<Button variant=\"primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n });\n\n it('should render secondary', () => {\n render(<Button variant=\"secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(<Button variant=\"destructive-primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(<Button variant=\"blank\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n });\n\n it('should render as column', () => {\n render(\n <Button variant=\"primary\" displayColumn>\n Test Button\n </Button>\n );\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n });\n\n it('should render disabled', () => {\n render(\n <Button variant=\"primary\" disabled>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n expect(button).toHaveAttribute('disabled');\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(0);\n });\n\n it('should call onClick when clicked', () => {\n render(\n <Button variant=\"primary\" onClick={onClickSpy}>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","render","jsx","Button","screen","button","fireEvent"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAG;AAE3B,SAAS,UAAU,MAAM;AACvB,KAAG,yBAAyB,MAAM;AAChC,IAAAC,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,WAAU,yBAAW,CAAS,GACrD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,aAAY,yBAAW,CAAS,GACvD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAAA,CACxE,GAED,GAAG,qCAAqC,MAAM;AAC5C,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,uBAAsB,yBAAW,CAAS,GACjE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,6BAA6B;AAAA,EAAA,CAClF,GAED,GAAG,uCAAuC,MAAM;AAC9C,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,yBAAwB,yBAAW,CAAS,GACnE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAAA,CACpF,GAED,GAAG,uBAAuB,MAAM;AAC9B,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAO,SAAQ,SAAQ,yBAAW,CAAS,GACnD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,eAAe;AAAA,EAAA,CACpE,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH;AAAA,wBACGE,GAAO,EAAA,SAAQ,WAAU,eAAa,IAAC,UAExC,cAAA,CAAA;AAAA,IACF,GACA,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAAA,CAC1E,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAH;AAAA,wBACGE,GAAO,EAAA,SAAQ,WAAU,UAAQ,IAAC,UAEnC,cAAA,CAAA;AAAA,IACF;AACM,UAAAE,IAASD,EAAO,UAAU,aAAa;AACtC,WAAAC,CAAM,EAAE,kBAAkB,GAC1B,OAAAA,CAAM,EAAE,gBAAgB,UAAU,GACzCC,EAAU,MAAMD,CAAM,GACf,OAAAL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAC;AAAA,wBACGE,GAAO,EAAA,SAAQ,WAAU,SAASH,GAAY,UAE/C,cAAA,CAAA;AAAA,IACF;AACM,UAAAK,IAASD,EAAO,UAAU,aAAa;AACtC,WAAAC,CAAM,EAAE,kBAAkB,GACjCC,EAAU,MAAMD,CAAM,GACf,OAAAL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C;AACH,CAAC;"}
1
+ {"version":3,"file":"Button.test.js","sources":["../../../src/components/Buttons/Button.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\n\nimport { Button } from './Button';\n\nconst onClickSpy = jest.fn();\n\ndescribe('Button', () => {\n it('should render primary', () => {\n render(<Button variant=\"primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n });\n\n it('should render secondary', () => {\n render(<Button variant=\"secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(<Button variant=\"destructive-primary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(<Button variant=\"destructive-secondary\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(<Button variant=\"blank\">Test Button</Button>);\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--blank');\n });\n\n it('should render as column', () => {\n render(\n <Button variant=\"primary\" displayColumn>\n Test Button\n </Button>\n );\n expect(screen.getByText('Test Button')).toBeInTheDocument();\n expect(screen.getByText('Test Button')).toHaveClass('button--wide-column');\n });\n\n it('should render disabled', () => {\n render(\n <Button variant=\"primary\" disabled>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n expect(button).toHaveAttribute('disabled');\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(0);\n });\n\n it('should call onClick when clicked', () => {\n render(\n <Button variant=\"primary\" onClick={onClickSpy}>\n Test Button\n </Button>\n );\n const button = screen.getByText('Test Button');\n expect(button).toBeInTheDocument();\n fireEvent.click(button);\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","render","jsx","Button","screen","button","fireEvent"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAA;AAExB,SAAS,UAAU,MAAM;AACvB,KAAG,yBAAyB,MAAM;AAChC,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,WAAU,yBAAW,CAAS,GACrD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,EAAkB,CAC3D,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,aAAY,yBAAW,CAAS,GACvD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAAA,CACxE,GAED,GAAG,qCAAqC,MAAM;AAC5C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,uBAAsB,yBAAW,CAAS,GACjE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,6BAA6B;AAAA,EAAA,CAClF,GAED,GAAG,uCAAuC,MAAM;AAC9C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,yBAAwB,yBAAW,CAAS,GACnE,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAAA,CACpF,GAED,GAAG,uBAAuB,MAAM;AAC9B,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAO,SAAQ,SAAQ,yBAAW,CAAS,GACnD,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,eAAe;AAAA,EAAA,CACpE,GAED,GAAG,2BAA2B,MAAM;AAClC,IAAAH;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,eAAa,IAAC,UAAA,cAAA,CAExC;AAAA,IAAA,GAEF,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,aAAa,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAAA,CAC1E,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAH;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,UAAQ,IAAC,UAAA,cAAA,CAEnC;AAAA,IAAA;AAEF,UAAME,IAASD,EAAO,UAAU,aAAa;AAC7C,WAAOC,CAAM,EAAE,kBAAA,GACf,OAAOA,CAAM,EAAE,gBAAgB,UAAU,GACzCC,EAAU,MAAMD,CAAM,GACtB,OAAOL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAC;AAAA,wBACGE,GAAA,EAAO,SAAQ,WAAU,SAASH,GAAY,UAAA,cAAA,CAE/C;AAAA,IAAA;AAEF,UAAMK,IAASD,EAAO,UAAU,aAAa;AAC7C,WAAOC,CAAM,EAAE,kBAAA,GACfC,EAAU,MAAMD,CAAM,GACtB,OAAOL,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C;AACH,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Link } from 'react-router';\nimport classNames from 'clsx';\n\nimport type { LinkProps } from 'react-router';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './Button.module.css';\n\nexport interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style'> {\n /** The variant of the button. */\n variant: UIButtonVariant;\n}\n\n/** Represents a button that is used as a Link within react-router.\n *\n * Only works when rendered inside a 'react-router' BrowserRouter\n */\nexport const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n ({ variant, ...restProps }: LinkButtonProps, forwardedRef) => {\n return (\n <Link {...restProps} className={classNames(styles['button'], styles[`button--${variant}`])} ref={forwardedRef} />\n );\n }\n);\n"],"names":["LinkButton","forwardRef","variant","restProps","forwardedRef","Link","classNames","styles"],"mappings":";;;;;AAkBO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,SAAAC,GAAS,GAAGC,EAAA,GAA8BC,wBAExCC,GAAM,EAAA,GAAGF,GAAW,WAAWG,EAAWC,EAAO,QAAWA,EAAO,WAAWL,CAAO,EAAE,CAAC,GAAG,KAAKE,GAAc;AAGrH;"}
1
+ {"version":3,"file":"LinkButton.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Link } from 'react-router';\nimport classNames from 'clsx';\n\nimport type { LinkProps } from 'react-router';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './Button.module.css';\n\nexport interface LinkButtonProps extends Omit<LinkProps, 'className' | 'style'> {\n /** The variant of the button. */\n variant: UIButtonVariant;\n}\n\n/** Represents a button that is used as a Link within react-router.\n *\n * Only works when rendered inside a 'react-router' BrowserRouter\n */\nexport const LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n ({ variant, ...restProps }: LinkButtonProps, forwardedRef) => {\n return (\n <Link {...restProps} className={classNames(styles['button'], styles[`button--${variant}`])} ref={forwardedRef} />\n );\n }\n);\n"],"names":["LinkButton","forwardRef","variant","restProps","forwardedRef","Link","classNames","styles"],"mappings":";;;;;AAkBO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,SAAAC,GAAS,GAAGC,EAAA,GAA8BC,wBAExCC,GAAA,EAAM,GAAGF,GAAW,WAAWG,EAAWC,EAAO,QAAWA,EAAO,WAAWL,CAAO,EAAE,CAAC,GAAG,KAAKE,GAAc;AAGrH;"}
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
2
2
  import { LinkButtonProps } from './LinkButton';
3
3
  declare const _default: Meta<LinkButtonProps>;
4
4
  export default _default;
5
- export declare const LinkButtonExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, LinkButtonProps>;
6
- export declare const WithMultipleChildren: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, LinkButtonProps>;
5
+ export declare const LinkButtonExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, LinkButtonProps>;
6
+ export declare const WithMultipleChildren: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, LinkButtonProps>;
@@ -1,13 +1,13 @@
1
1
  import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
2
- import { fn as s } from "../../index-Dwqes6RH.js";
2
+ import { W as s } from "../../index-Di9WPZUe.js";
3
3
  import { BrowserRouter as c } from "react-router";
4
- import { LinkButton as n } from "./LinkButton.js";
4
+ import { LinkButton as e } from "./LinkButton.js";
5
5
  const d = `
6
6
  // Has all HTMLAnchorElement props available except "className" and "style"
7
7
  <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>
8
8
  `, k = {
9
9
  title: "Atoms/Buttons/LinkButton",
10
- component: n,
10
+ component: e,
11
11
  argTypes: {
12
12
  variant: {
13
13
  options: [
@@ -23,10 +23,10 @@ const d = `
23
23
  }
24
24
  },
25
25
  parameters: {
26
- inspectComponent: n,
26
+ inspectComponent: e,
27
27
  codeString: d
28
28
  }
29
- }, r = (o) => /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(n, { ...o }) }), i = {
29
+ }, r = (o) => /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(e, { ...o }) }), i = {
30
30
  variant: "primary",
31
31
  onClick: s()
32
32
  }, p = r.bind({});
@@ -34,16 +34,16 @@ p.args = {
34
34
  children: "Click me!",
35
35
  ...i
36
36
  };
37
- const e = r.bind({});
38
- e.args = {
37
+ const n = r.bind({});
38
+ n.args = {
39
39
  ...i,
40
40
  children: /* @__PURE__ */ a(l, { children: [
41
41
  /* @__PURE__ */ t("div", { children: "Child 1" }),
42
42
  /* @__PURE__ */ t("div", { children: "Child 2" })
43
43
  ] })
44
44
  };
45
- e.argTypes = {
46
- ...e.argTypes,
45
+ n.argTypes = {
46
+ ...n.argTypes,
47
47
  children: {
48
48
  table: {
49
49
  disable: !0
@@ -53,7 +53,7 @@ e.argTypes = {
53
53
  };
54
54
  export {
55
55
  p as LinkButtonExample,
56
- e as WithMultipleChildren,
56
+ n as WithMultipleChildren,
57
57
  k as default
58
58
  };
59
59
  //# sourceMappingURL=LinkButton.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.stories.js","sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/LinkButton',\n component: LinkButton,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: LinkButton,\n codeString: codeString,\n },\n} as Meta<LinkButtonProps>;\n\nconst Template: StoryFn<LinkButtonProps> = (args) => (\n <BrowserRouter>\n <LinkButton {...args} />\n </BrowserRouter>\n);\n\nconst defaultArgs: Partial<LinkButtonProps> = {\n variant: 'primary',\n onClick: fn(),\n};\n\nexport const LinkButtonExample = Template.bind({});\nLinkButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\n\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","LinkButton_stories","LinkButton","Template","args","jsx","BrowserRouter","defaultArgs","fn","LinkButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;;AAQA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAqC,CAACC,MAC1C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAY,GAAGE,EAAA,CAAM,EACxB,CAAA,GAGIG,IAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAASC,EAAG;AACd,GAEaC,IAAoBN,EAAS,KAAK,CAAE,CAAA;AACjDM,EAAkB,OAAO;AAAA,EACvB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBP,EAAS,KAAK,CAAE,CAAA;AACpDO,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAP,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,EACd,CAAA;AAEJ;AAEAK,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
1
+ {"version":3,"file":"LinkButton.stories.js","sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { BrowserRouter } from 'react-router';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/LinkButton',\n component: LinkButton,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: LinkButton,\n codeString: codeString,\n },\n} as Meta<LinkButtonProps>;\n\nconst Template: StoryFn<LinkButtonProps> = (args) => (\n <BrowserRouter>\n <LinkButton {...args} />\n </BrowserRouter>\n);\n\nconst defaultArgs: Partial<LinkButtonProps> = {\n variant: 'primary',\n onClick: fn(),\n};\n\nexport const LinkButtonExample = Template.bind({});\nLinkButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\n\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","LinkButton_stories","LinkButton","Template","args","jsx","BrowserRouter","defaultArgs","fn","LinkButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;;AAQA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAqC,CAACC,MAC1C,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACH,GAAA,EAAY,GAAGE,EAAA,CAAM,EAAA,CACxB,GAGIG,IAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAASC,EAAA;AACX,GAEaC,IAAoBN,EAAS,KAAK,CAAA,CAAE;AACjDM,EAAkB,OAAO;AAAA,EACvB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBP,EAAS,KAAK,CAAA,CAAE;AACpDO,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UACE,gBAAAI,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAP,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACd;AAEJ;AAEAK,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
- import "../../index-BqLi4tOb.js";
3
- import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
2
+ import "../../index-DV47hRzi.js";
3
+ import { r as n, s as t, f as c } from "../../react.esm-CFMwGdo5.js";
4
4
  import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
5
5
  import { LinkButton as o } from "./LinkButton.js";
6
6
  const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.test.js","sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n <BrowserRouter>\n <Routes>\n <Route path={`/`} element={<div>Test route</div>} />\n </Routes>\n {children}\n </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-subtle', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-subtle\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n });\n\n it('should render blank-icon', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-icon\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n });\n\n it('should goto route when clicked', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n fireEvent.click(screen.getByText('Test LinkButton'));\n expect(screen.getByText('Test route')).toBeInTheDocument();\n });\n});\n"],"names":["routerContainer","children","BrowserRouter","jsx","Routes","Route","render","LinkButton","screen","fireEvent"],"mappings":"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"}
1
+ {"version":3,"file":"LinkButton.test.js","sources":["../../../src/components/Buttons/LinkButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { BrowserRouter, Routes, Route } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport { LinkButton } from './LinkButton';\n\nconst routerContainer = ({ children }: { children: ReactNode }) => (\n <BrowserRouter>\n <Routes>\n <Route path={`/`} element={<div>Test route</div>} />\n </Routes>\n {children}\n </BrowserRouter>\n);\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"destructive-secondary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-subtle', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-subtle\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-subtle');\n });\n\n it('should render blank-icon', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"blank-icon\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n expect(screen.getByText('Test LinkButton')).toBeInTheDocument();\n expect(screen.getByText('Test LinkButton')).toHaveClass('button--blank-icon');\n });\n\n it('should goto route when clicked', () => {\n render(\n routerContainer({\n children: (\n <LinkButton variant=\"primary\" to={'/'}>\n Test LinkButton\n </LinkButton>\n ),\n })\n );\n fireEvent.click(screen.getByText('Test LinkButton'));\n expect(screen.getByText('Test route')).toBeInTheDocument();\n });\n});\n"],"names":["routerContainer","children","BrowserRouter","jsx","Routes","Route","render","LinkButton","screen","fireEvent"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n buttonRef: RefObject<HTMLButtonElement>;\n /** The variant of the button. */\n variant: UIButtonVariant;\n /** The icon to show. */\n iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n const { buttonProps } = useButton(restProps, buttonRef);\n\n return (\n <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n {children}\n {iconName && <Icon name={iconName} />}\n </button>\n );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAoBgB,SAAAA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAQ,EAAA,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAK,EAAA,MAAMR,EAAU,CAAA;AAAA,EAAA,GACrC;AAEJ;"}
1
+ {"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n buttonRef: RefObject<HTMLButtonElement>;\n /** The variant of the button. */\n variant: UIButtonVariant;\n /** The icon to show. */\n iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n const { buttonProps } = useButton(restProps, buttonRef);\n\n return (\n <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n {children}\n {iconName && <Icon name={iconName} />}\n </button>\n );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAoBO,SAASA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAA,EAAQ,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAA,EAAK,MAAMR,EAAA,CAAU;AAAA,EAAA,GACrC;AAEJ;"}
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
2
2
  import { MenuButtonProps } from './MenuButton';
3
3
  declare const _default: Meta<MenuButtonProps>;
4
4
  export default _default;
5
- export declare const MenuButtonExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
6
- export declare const WithIconChildren: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
7
- export declare const WithMultipleChildren: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
5
+ export declare const MenuButtonExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
6
+ export declare const WithIconChildren: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
7
+ export declare const WithMultipleChildren: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MenuButtonProps>;
@@ -1,12 +1,12 @@
1
- import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
2
- import { fn as c } from "../../index-Dwqes6RH.js";
3
- import { MenuButton as t } from "./MenuButton.js";
1
+ import { jsx as e, jsxs as s, Fragment as l } from "react/jsx-runtime";
2
+ import { W as c } from "../../index-Di9WPZUe.js";
3
+ import { MenuButton as n } from "./MenuButton.js";
4
4
  const d = `
5
5
  // Has all LabelHTMLAttributes props available except "className" and "style"
6
6
  <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>
7
- `, b = {
7
+ `, h = {
8
8
  title: "Atoms/Buttons/MenuButton",
9
- component: t,
9
+ component: n,
10
10
  argTypes: {
11
11
  variant: {
12
12
  options: ["primary", "secondary", "destructive-primary", "destructive-secondary", "blank", "blank-icon"],
@@ -14,10 +14,10 @@ const d = `
14
14
  }
15
15
  },
16
16
  parameters: {
17
- inspectComponent: t,
17
+ inspectComponent: n,
18
18
  codeString: d
19
19
  }
20
- }, r = (a) => /* @__PURE__ */ n(t, { ...a }), o = {
20
+ }, r = (a) => /* @__PURE__ */ e(n, { ...a }), o = {
21
21
  variant: "primary",
22
22
  onClick: c()
23
23
  }, p = r.bind({});
@@ -25,13 +25,13 @@ p.args = {
25
25
  children: "Click me!",
26
26
  ...o
27
27
  };
28
- const e = r.bind({});
29
- e.args = {
28
+ const t = r.bind({});
29
+ t.args = {
30
30
  ...o,
31
31
  iconName: "EllipsisVertical"
32
32
  };
33
- e.argTypes = {
34
- ...e.argTypes,
33
+ t.argTypes = {
34
+ ...t.argTypes,
35
35
  children: {
36
36
  table: {
37
37
  disable: !0
@@ -43,8 +43,8 @@ const i = r.bind({});
43
43
  i.args = {
44
44
  ...o,
45
45
  children: /* @__PURE__ */ s(l, { children: [
46
- /* @__PURE__ */ n("div", { children: "Child 1" }),
47
- /* @__PURE__ */ n("div", { children: "Child 2" })
46
+ /* @__PURE__ */ e("div", { children: "Child 1" }),
47
+ /* @__PURE__ */ e("div", { children: "Child 2" })
48
48
  ] })
49
49
  };
50
50
  i.argTypes = {
@@ -58,8 +58,8 @@ i.argTypes = {
58
58
  };
59
59
  export {
60
60
  p as MenuButtonExample,
61
- e as WithIconChildren,
61
+ t as WithIconChildren,
62
62
  i as WithMultipleChildren,
63
- b as default
63
+ h as default
64
64
  };
65
65
  //# sourceMappingURL=MenuButton.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuButton.stories.js","sources":["../../../src/components/Buttons/MenuButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuButtonProps } from './MenuButton';\n\nimport { MenuButton } from './MenuButton';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/MenuButton',\n component: MenuButton,\n argTypes: {\n variant: {\n options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: MenuButton,\n codeString: codeString,\n },\n} as Meta<MenuButtonProps>;\n\nconst Template: StoryFn<MenuButtonProps> = (args) => <MenuButton {...args} />;\n\nconst defaultArgs: Partial<MenuButtonProps> = {\n variant: 'primary',\n onClick: fn(),\n};\n\nexport const MenuButtonExample = Template.bind({});\nMenuButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithIconChildren = Template.bind({});\nWithIconChildren.args = {\n ...defaultArgs,\n iconName: 'EllipsisVertical',\n};\n\nWithIconChildren.argTypes = {\n ...WithIconChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\n\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","MenuButton_stories","MenuButton","Template","args","jsx","defaultArgs","fn","MenuButtonExample","WithIconChildren","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,uBAAuB,yBAAyB,SAAS,YAAY;AAAA,MACvG,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAqC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAY,GAAGE,GAAM,GAErEE,IAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAASC,EAAG;AACd,GAEaC,IAAoBL,EAAS,KAAK,CAAE,CAAA;AACjDK,EAAkB,OAAO;AAAA,EACvB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAmBN,EAAS,KAAK,CAAE,CAAA;AAChDM,EAAiB,OAAO;AAAA,EACtB,GAAGH;AAAA,EACH,UAAU;AACZ;AAEAG,EAAiB,WAAW;AAAA,EAC1B,GAAGA,EAAiB;AAAA,EACpB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;AAEO,MAAMC,IAAuBP,EAAS,KAAK,CAAE,CAAA;AACpDO,EAAqB,OAAO;AAAA,EAC1B,GAAGJ;AAAA,EACH,UAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAP,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,EACd,CAAA;AAEJ;AAEAK,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
1
+ {"version":3,"file":"MenuButton.stories.js","sources":["../../../src/components/Buttons/MenuButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MenuButtonProps } from './MenuButton';\n\nimport { MenuButton } from './MenuButton';\n\nconst codeString = `\n// Has all LabelHTMLAttributes props available except \"className\" and \"style\" \n <MenuButton variant={variant} onClick={onClickFunction} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={buttonRef}>{children}</MenuButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/MenuButton',\n component: MenuButton,\n argTypes: {\n variant: {\n options: ['primary', 'secondary', 'destructive-primary', 'destructive-secondary', 'blank', 'blank-icon'],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: MenuButton,\n codeString: codeString,\n },\n} as Meta<MenuButtonProps>;\n\nconst Template: StoryFn<MenuButtonProps> = (args) => <MenuButton {...args} />;\n\nconst defaultArgs: Partial<MenuButtonProps> = {\n variant: 'primary',\n onClick: fn(),\n};\n\nexport const MenuButtonExample = Template.bind({});\nMenuButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithIconChildren = Template.bind({});\nWithIconChildren.args = {\n ...defaultArgs,\n iconName: 'EllipsisVertical',\n};\n\nWithIconChildren.argTypes = {\n ...WithIconChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\n\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","MenuButton_stories","MenuButton","Template","args","jsx","defaultArgs","fn","MenuButtonExample","WithIconChildren","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,aAAa,uBAAuB,yBAAyB,SAAS,YAAY;AAAA,MACvG,SAAS,EAAE,MAAM,QAAA;AAAA,IAAQ;AAAA,EAC3B;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAqC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAY,GAAGE,GAAM,GAErEE,IAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAASC,EAAA;AACX,GAEaC,IAAoBL,EAAS,KAAK,CAAA,CAAE;AACjDK,EAAkB,OAAO;AAAA,EACvB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAmBN,EAAS,KAAK,CAAA,CAAE;AAChDM,EAAiB,OAAO;AAAA,EACtB,GAAGH;AAAA,EACH,UAAU;AACZ;AAEAG,EAAiB,WAAW;AAAA,EAC1B,GAAGA,EAAiB;AAAA,EACpB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;AAEO,MAAMC,IAAuBP,EAAS,KAAK,CAAA,CAAE;AACpDO,EAAqB,OAAO;AAAA,EAC1B,GAAGJ;AAAA,EACH,UACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAP,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,EAAA,EAAA,CACd;AAEJ;AAEAK,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import "../../index-BqLi4tOb.js";
3
- import { r as u, s as e, f as c } from "../../react.esm-CsMDid07.js";
2
+ import "../../index-DV47hRzi.js";
3
+ import { r as u, s as e, f as c } from "../../react.esm-CFMwGdo5.js";
4
4
  import { createRef as s } from "react";
5
5
  import { MenuButton as r } from "./MenuButton.js";
6
6
  const n = jest.fn();
@@ -1 +1 @@
1
- {"version":3,"file":"MenuButton.test.js","sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-primary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-secondary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-icon', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n });\n\n it('should fire when clicked', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n fireEvent.click(screen.getByText('Test MenuButton'));\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","testRef","createRef","render","jsx","MenuButton","screen","fireEvent"],"mappings":"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"}
1
+ {"version":3,"file":"MenuButton.test.js","sources":["../../../src/components/Buttons/MenuButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { fireEvent, render, screen } from '@testing-library/react';\nimport { createRef } from 'react';\n\nimport type { RefObject } from 'react';\n\nimport { MenuButton } from './MenuButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('LinkButton', () => {\n it('should render', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n });\n\n it('should render primary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"primary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--primary');\n });\n\n it('should render secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"secondary\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--secondary');\n });\n\n it('should render destructive-primary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-primary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-primary');\n });\n\n it('should render destructive-secondary', () => {\n const testRef = createRef();\n render(\n <MenuButton\n variant=\"destructive-secondary\"\n onClick={onClickSpy}\n buttonRef={testRef as RefObject<HTMLButtonElement>}\n >\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--destructive-secondary');\n });\n\n it('should render blank', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank');\n });\n\n it('should render blank-icon', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n expect(screen.getByText('Test MenuButton')).toBeInTheDocument();\n expect(screen.getByText('Test MenuButton')).toHaveClass('button--blank-icon');\n });\n\n it('should fire when clicked', () => {\n const testRef = createRef();\n render(\n <MenuButton variant=\"blank-icon\" onClick={onClickSpy} buttonRef={testRef as RefObject<HTMLButtonElement>}>\n Test MenuButton\n </MenuButton>\n );\n fireEvent.click(screen.getByText('Test MenuButton'));\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n});\n"],"names":["onClickSpy","testRef","createRef","render","jsx","MenuButton","screen","fireEvent"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Card.module.css';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nexport interface CardProps {\n /** The element to use as a header. */\n header?: ReactNode;\n /** true to render the card with high contrast colors; otherwise, false. The default is false. */\n highContrast?: boolean;\n /** An optional notification to render. */\n notification?: ReactNode;\n /** The padding to use for the card. */\n padding?: 'small' | 'regular' | 'large';\n /** true to align the contents in the center; otherwise, false. */\n alignCenter?: boolean;\n}\n\n/** Represents a component to render a card. */\nexport const Card = ({\n children,\n header,\n highContrast,\n notification,\n padding = 'regular',\n alignCenter = false,\n}: PropsWithChildren<CardProps>) => (\n <div\n className={classNames(styles['card'], {\n [styles['card--high-contrast']]: highContrast,\n [styles['card--regular']]: padding === 'regular',\n [styles['card--small']]: padding === 'small',\n [styles['card--large']]: padding === 'large',\n [styles['card--align-center']]: alignCenter,\n })}\n >\n {notification && <SectionNotification>{notification}</SectionNotification>}\n {header && <div className={styles['card-header']}>{header}</div>}\n {children}\n </div>\n);\n"],"names":["Card","children","header","highContrast","notification","padding","alignCenter","jsxs","classNames","styles","jsx","SectionNotification"],"mappings":";;;;;;;;;;;GAsBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAChB,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAS;AAAA,MACpC,CAACA,EAAO,qBAAqB,CAAC,GAAGN;AAAA,MACjC,CAACM,EAAO,eAAe,CAAC,GAAGJ,MAAY;AAAA,MACvC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,oBAAoB,CAAC,GAAGH;AAAA,IAAA,CACjC;AAAA,IAEA,UAAA;AAAA,MAAgBF,KAAA,gBAAAM,EAACC,KAAqB,UAAaP,EAAA,CAAA;AAAA,MACnDF,KAAW,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAO,aAAa,GAAI,UAAOP,GAAA;AAAA,MACzDD;AAAA,IAAA;AAAA,EAAA;AACH;"}
1
+ {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import classNames from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Card.module.css';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nexport interface CardProps {\n /** The element to use as a header. */\n header?: ReactNode;\n /** true to render the card with high contrast colors; otherwise, false. The default is false. */\n highContrast?: boolean;\n /** An optional notification to render. */\n notification?: ReactNode;\n /** The padding to use for the card. */\n padding?: 'small' | 'regular' | 'large';\n /** true to align the contents in the center; otherwise, false. */\n alignCenter?: boolean;\n}\n\n/** Represents a component to render a card. */\nexport const Card = ({\n children,\n header,\n highContrast,\n notification,\n padding = 'regular',\n alignCenter = false,\n}: PropsWithChildren<CardProps>) => (\n <div\n className={classNames(styles['card'], {\n [styles['card--high-contrast']]: highContrast,\n [styles['card--regular']]: padding === 'regular',\n [styles['card--small']]: padding === 'small',\n [styles['card--large']]: padding === 'large',\n [styles['card--align-center']]: alignCenter,\n })}\n >\n {notification && <SectionNotification>{notification}</SectionNotification>}\n {header && <div className={styles['card-header']}>{header}</div>}\n {children}\n </div>\n);\n"],"names":["Card","children","header","highContrast","notification","padding","alignCenter","jsxs","classNames","styles","jsx","SectionNotification"],"mappings":";;;;;;;;;;;GAsBaA,IAAO,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAChB,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,MAAS;AAAA,MACpC,CAACA,EAAO,qBAAqB,CAAC,GAAGN;AAAA,MACjC,CAACM,EAAO,eAAe,CAAC,GAAGJ,MAAY;AAAA,MACvC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,aAAa,CAAC,GAAGJ,MAAY;AAAA,MACrC,CAACI,EAAO,oBAAoB,CAAC,GAAGH;AAAA,IAAA,CACjC;AAAA,IAEA,UAAA;AAAA,MAAAF,KAAgB,gBAAAM,EAACC,KAAqB,UAAAP,EAAA,CAAa;AAAA,MACnDF,KAAU,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,aAAa,GAAI,UAAAP,GAAO;AAAA,MACzDD;AAAA,IAAA;AAAA,EAAA;AACH;"}
@@ -3,6 +3,6 @@ import { Meta } from '@storybook/react';
3
3
  import { CardProps } from './Card';
4
4
  declare const _default: Meta<PropsWithChildren<CardProps>>;
5
5
  export default _default;
6
- export declare const CardExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
7
- export declare const WithNotification: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
8
- export declare const WithChildren: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
6
+ export declare const CardExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
7
+ export declare const WithNotification: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
8
+ export declare const WithChildren: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.js","sources":["../../../src/components/Card/Card.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CardProps } from './Card';\n\nimport { Card } from './Card';\n\nconst codeString = '<Card header={header}>{children}</Card>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Card',\n component: Card,\n argTypes: {\n highContrast: {\n control: 'boolean',\n },\n padding: {\n control: {\n type: 'select',\n options: ['small', 'regular', 'large'],\n },\n },\n alignCenter: {\n control: 'boolean',\n },\n children: {\n control: 'text',\n },\n },\n parameters: {\n inspectComponent: Card,\n codeString: codeString,\n },\n} as Meta<PropsWithChildren<CardProps>>;\n\nconst Template: StoryFn<PropsWithChildren<CardProps>> = (args) => <Card {...args} />;\n\nconst defaultArgs: Partial<PropsWithChildren<CardProps>> = {\n padding: 'regular',\n highContrast: false,\n alignCenter: false,\n header: 'Example Header',\n};\n\nexport const CardExample = Template.bind({});\nCardExample.args = {\n ...defaultArgs,\n notification: '',\n};\n\nexport const WithNotification = Template.bind({});\nWithNotification.args = {\n ...defaultArgs,\n notification: 'This is an example notification',\n};\n\nexport const WithChildren = Template.bind({});\nWithChildren.args = {\n ...defaultArgs,\n children:\n \"Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything.\",\n};\n"],"names":["codeString","Card_stories","Card","Template","args","jsx","defaultArgs","CardExample","WithNotification","WithChildren"],"mappings":";;AAMA,MAAMA,IAAa,2CAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,CAAC,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IAEzC;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAkD,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,GAAM,GAE5EE,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV,GAEaC,IAAcJ,EAAS,KAAK,CAAE,CAAA;AAC3CI,EAAY,OAAO;AAAA,EACjB,GAAGD;AAAA,EACH,cAAc;AAChB;AAEO,MAAME,IAAmBL,EAAS,KAAK,CAAE,CAAA;AAChDK,EAAiB,OAAO;AAAA,EACtB,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAeN,EAAS,KAAK,CAAE,CAAA;AAC5CM,EAAa,OAAO;AAAA,EAClB,GAAGH;AAAA,EACH,UACE;AACJ;"}
1
+ {"version":3,"file":"Card.stories.js","sources":["../../../src/components/Card/Card.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CardProps } from './Card';\n\nimport { Card } from './Card';\n\nconst codeString = '<Card header={header}>{children}</Card>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Card',\n component: Card,\n argTypes: {\n highContrast: {\n control: 'boolean',\n },\n padding: {\n control: {\n type: 'select',\n options: ['small', 'regular', 'large'],\n },\n },\n alignCenter: {\n control: 'boolean',\n },\n children: {\n control: 'text',\n },\n },\n parameters: {\n inspectComponent: Card,\n codeString: codeString,\n },\n} as Meta<PropsWithChildren<CardProps>>;\n\nconst Template: StoryFn<PropsWithChildren<CardProps>> = (args) => <Card {...args} />;\n\nconst defaultArgs: Partial<PropsWithChildren<CardProps>> = {\n padding: 'regular',\n highContrast: false,\n alignCenter: false,\n header: 'Example Header',\n};\n\nexport const CardExample = Template.bind({});\nCardExample.args = {\n ...defaultArgs,\n notification: '',\n};\n\nexport const WithNotification = Template.bind({});\nWithNotification.args = {\n ...defaultArgs,\n notification: 'This is an example notification',\n};\n\nexport const WithChildren = Template.bind({});\nWithChildren.args = {\n ...defaultArgs,\n children:\n \"Chuck Norris is the reason why Waldo is hiding Remember the Soviet Union? They decided to quit after watching a DeltaForce marathon on Satellite TV, Chuck Norris CAN eat soup with a fork Morgan Freeman is the only person that could narrate Chuck Norris's life, other than himself, The quickest way to a man's heart is with Chuck Norris' fist. Chuck Norris ran in Nascar and came in 1st place. Then again, Chuck Norris wins everything.\",\n};\n"],"names":["codeString","Card_stories","Card","Template","args","jsx","defaultArgs","CardExample","WithNotification","WithChildren"],"mappings":";;AAMA,MAAMA,IAAa,2CAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,CAAC,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,IACvC;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAkD,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAE5EE,IAAqD;AAAA,EACzD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AACV,GAEaC,IAAcJ,EAAS,KAAK,CAAA,CAAE;AAC3CI,EAAY,OAAO;AAAA,EACjB,GAAGD;AAAA,EACH,cAAc;AAChB;AAEO,MAAME,IAAmBL,EAAS,KAAK,CAAA,CAAE;AAChDK,EAAiB,OAAO;AAAA,EACtB,GAAGF;AAAA,EACH,cAAc;AAChB;AAEO,MAAMG,IAAeN,EAAS,KAAK,CAAA,CAAE;AAC5CM,EAAa,OAAO;AAAA,EAClB,GAAGH;AAAA,EACH,UACE;AACJ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-BqLi4tOb.js";
3
- import { r, s as d } from "../../react.esm-CsMDid07.js";
2
+ import "../../index-DV47hRzi.js";
3
+ import { r, s as d } from "../../react.esm-CFMwGdo5.js";
4
4
  import { Card as o } from "./Card.js";
5
5
  describe("Card", () => {
6
6
  it("should render", () => {
@@ -1 +1 @@
1
- {"version":3,"file":"Card.test.js","sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n it('should render', () => {\n render(<Card header=\"Header Card\" />);\n expect(screen.getByText('Header Card')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Card","screen"],"mappings":";;;;AAKA,SAAS,QAAQ,MAAM;AACrB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAK,QAAO,cAAc,CAAA,CAAE,GACpC,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D;AACH,CAAC;"}
1
+ {"version":3,"file":"Card.test.js","sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n it('should render', () => {\n render(<Card header=\"Header Card\" />);\n expect(screen.getByText('Header Card')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Card","screen"],"mappings":";;;;AAKA,SAAS,QAAQ,MAAM;AACrB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAK,QAAO,cAAA,CAAc,CAAE,GACpC,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA;AAAA,EAAkB,CAC3D;AACH,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;\n\n/** Represents a checkbox component. */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...restProps }: CheckboxProps, Ref) => (\n <input {...restProps} type=\"checkbox\" className={styles['checkbox']} ref={Ref} />\n));\n"],"names":["Checkbox","forwardRef","restProps","Ref","jsx","styles"],"mappings":";;;;GAOaA,IAAWC,EAA4C,CAAC,EAAE,GAAGC,EAAU,GAAkBC,MACnG,gBAAAC,EAAA,SAAA,EAAO,GAAGF,GAAW,MAAK,YAAW,WAAWG,EAAO,UAAa,KAAKF,GAAK,CAChF;"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;\n\n/** Represents a checkbox component. */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ ...restProps }: CheckboxProps, Ref) => (\n <input {...restProps} type=\"checkbox\" className={styles['checkbox']} ref={Ref} />\n));\n"],"names":["Checkbox","forwardRef","restProps","Ref","jsx","styles"],"mappings":";;;;GAOaA,IAAWC,EAA4C,CAAC,EAAE,GAAGC,EAAA,GAA4BC,MACpG,gBAAAC,EAAC,SAAA,EAAO,GAAGF,GAAW,MAAK,YAAW,WAAWG,EAAO,UAAa,KAAKF,GAAK,CAChF;"}
@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
2
2
  import { CheckboxProps } from './Checkbox';
3
3
  declare const _default: Meta<CheckboxProps>;
4
4
  export default _default;
5
- export declare const CheckboxExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
6
- export declare const WithLongLabel: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
5
+ export declare const CheckboxExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
6
+ export declare const WithLongLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as g, jsx as o } from "react/jsx-runtime";
2
- import { fn as e } from "../../index-Dwqes6RH.js";
2
+ import { W as e } from "../../index-Di9WPZUe.js";
3
3
  import { Checkbox as n } from "./Checkbox.js";
4
4
  import { FormField as t } from "../FormField/FormField.js";
5
5
  import { Label as i } from "../Label/Label.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={} id={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Checkbox',\n component: Checkbox,\n parameters: {\n inspectComponent: Checkbox,\n codeString: codeString,\n },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n <FormField inline>\n <Checkbox id=\"72103b4d\" {...args} />\n <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n <FormField inline>\n <div\n style={{\n alignSelf: 'flex-start',\n marginTop: '0.18rem',\n }}\n >\n <Checkbox id=\"72103b4e\" {...args} />\n </div>\n <Label htmlFor=\"72103b4e\">\n Example Checkbox with long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long label\n </Label>\n </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n onChange: fn(),\n};\n"],"names":["codeString","Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"mappings":";;;;;AAUA,MAAMA,IAAa,6CAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,mBAAA,CAAA;AAAA,GAC5C,GAGWC,IAAkBN,EAAS,KAAK,CAAE,CAAA;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;AAIA,MAAMC,IAAgD,CAACP,MACpD,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MAEA,UAAC,gBAAAA,EAAAL,GAAA,EAAS,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,IAAA;AAAA,EACpC;AAAA,EACC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAK1B,qZAAA,CAAA;AAAA,GACF,GAGWI,IAAgBD,EAAsB,KAAK,CAAE,CAAA;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAG;AACf;"}
1
+ {"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={} id={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Checkbox',\n component: Checkbox,\n parameters: {\n inspectComponent: Checkbox,\n codeString: codeString,\n },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n <FormField inline>\n <Checkbox id=\"72103b4d\" {...args} />\n <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n <FormField inline>\n <div\n style={{\n alignSelf: 'flex-start',\n marginTop: '0.18rem',\n }}\n >\n <Checkbox id=\"72103b4e\" {...args} />\n </div>\n <Label htmlFor=\"72103b4e\">\n Example Checkbox with long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long long long long long long long long long long long long long\n long long long long long long long long long long long label\n </Label>\n </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n onChange: fn(),\n};\n"],"names":["codeString","Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"mappings":";;;;;AAUA,MAAMA,IAAa,6CAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAmC,CAACC,MACxC,gBAAAC,EAACC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAA,EAAS,IAAG,YAAY,GAAGE,EAAA,CAAM;AAAA,EAClC,gBAAAG,EAACC,GAAA,EAAM,SAAQ,YAAW,UAAA,mBAAA,CAAgB;AAAA,GAC5C,GAGWC,IAAkBN,EAAS,KAAK,CAAA,CAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAA;AACZ;AAIA,MAAMC,IAAgD,CAACP,MACrD,gBAAAC,EAACC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,gBAAAA,EAACL,GAAA,EAAS,IAAG,YAAY,GAAGE,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,EAEpC,gBAAAG,EAACC,GAAA,EAAM,SAAQ,YAAW,UAAA,qZAAA,CAK1B;AAAA,GACF,GAGWI,IAAgBD,EAAsB,KAAK,CAAA,CAAE;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAA;AACZ;"}
@@ -1,16 +1,17 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import "../../index-BqLi4tOb.js";
3
- import { r as o, s as t } from "../../react.esm-CsMDid07.js";
4
- import { Checkbox as h } from "./Checkbox.js";
2
+ import "../../index-DV47hRzi.js";
3
+ import { r as o, s as t } from "../../react.esm-CFMwGdo5.js";
4
+ import { u as s } from "../../index-PaHiqSUg.js";
5
+ import { Checkbox as r } from "./Checkbox.js";
5
6
  describe("Checkbox", () => {
6
7
  it("should render", () => {
7
- o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
8
+ o(/* @__PURE__ */ c(r, { id: "test-checkbox" }));
8
9
  const e = t.getByRole("checkbox");
9
10
  expect(e).toBeInTheDocument();
10
- }), it("should be checked if clicked", () => {
11
- o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
11
+ }), it("should be checked if clicked", async () => {
12
+ o(/* @__PURE__ */ c(r, { id: "test-checkbox" }));
12
13
  const e = t.getByRole("checkbox");
13
- expect(e).toBeInTheDocument(), e.click(), expect(e).toBeChecked();
14
+ expect(e).toBeInTheDocument(), await s.click(e), expect(e).toBeChecked();
14
15
  });
15
16
  });
16
17
  //# sourceMappingURL=Checkbox.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n it('should render', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n checkbox.click();\n expect(checkbox).toBeChecked();\n });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen"],"mappings":";;;;AAKA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GACnCA,EAAS,MAAM,GACR,OAAAA,CAAQ,EAAE,YAAY;AAAA,EAAA,CAC9B;AACH,CAAC;"}
1
+ {"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n it('should render', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', async () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n await userEvent.click(checkbox);\n expect(checkbox).toBeChecked();\n });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen","userEvent"],"mappings":";;;;;AAMA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAG,gBAAA,CAAgB,CAAE;AACtC,UAAMC,IAAWC,EAAO,UAAU,UAAU;AAC5C,WAAOD,CAAQ,EAAE,kBAAA;AAAA,EAAkB,CACpC,GAED,GAAG,gCAAgC,YAAY;AAC7C,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAG,gBAAA,CAAgB,CAAE;AACtC,UAAMC,IAAWC,EAAO,UAAU,UAAU;AAC5C,WAAOD,CAAQ,EAAE,kBAAA,GACjB,MAAME,EAAU,MAAMF,CAAQ,GAC9B,OAAOA,CAAQ,EAAE,YAAA;AAAA,EAAY,CAC9B;AACH,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string;\n value: string;\n prefix?: string;\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show missing in validation; otherwise, `false`. */\n notValidated?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(styles['checkbox-button-bar__container'], [\n labelPosition === 'left' && styles['checkbox-button-bar__container--label-left'],\n ])}\n >\n <div className={styles['checkbox-button-bar__label']}>\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n </div>\n <div\n className={clsx(styles['checkbox-button-bar__bar'], [\n labelPosition === 'left' && styles['checkbox-button-bar__bar--label-left'],\n ])}\n >\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, disabled }) => (\n <ControlsButton\n key={`${value}`}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n </div>\n <div\n className={clsx(styles['checkbox-button-bar__footer'], [\n labelPosition === 'left' && styles['checkbox-button-bar__footer--label-left'],\n ])}\n >\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","disabled","ControlsButton","event","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;GAuCaA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,aAAAC;AACF,MAA8B;AACtB,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCZ,KAAiB,CAACM,IACdN,EAAc,IAAI,MAAM,IACxBA,KAAiBM,IACfN,EAAc,MAAM,GAAG,CAAC,IACxB,CAAA;AAAA,EACR,GAEMa,IAAe,CAACC,MAAkB;AACtC,QAAIC,IAASL;AAEb,IAAIJ,KACeK,EAAA,CAACG,CAAK,CAAC,GACZL,EAAA,CAACK,CAAK,CAAC,MAEfC,EAAO,SAASD,CAAK,IACvBC,IAASA,EAAO,OAAO,CAACC,MAAQA,MAAQF,CAAK,IAEpCC,IAAA,CAAC,GAAGA,GAAQD,CAAK,GAE5BH,EAAiBI,CAAM,GACvBN,EAAYM,CAAM;AAAA,EAEtB;AAGE,SAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,gCAAgC,GAAG;AAAA,QACxDjB,MAAkB,UAAUiB,EAAO,4CAA4C;AAAA,MAAA,CAChF;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,4BAA4B,GAChD,UAAAlB,KACE,gBAAAmB,EAAAC,GAAA,EAAM,SAAQ,IAAG,UAAAlB,GACf,UAAAF,EACH,CAAA,GAEJ;AAAA,QACA,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,cAClDjB,MAAkB,UAAUiB,EAAO,sCAAsC;AAAA,YAAA,CAC1E;AAAA,YAED,UAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,kBAClD,CAACA,EAAO,yCAAyC,CAAC,GAAGf,KAAgBC;AAAA,gBAAA,CACtE;AAAA,gBAEA,UAAAN,EAAW,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAa,GAAO,QAAAQ,GAAQ,UAAAC,EAAA,MACvC,gBAAAH;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,OAAOvB;AAAAA,oBACP,QAAAqB;AAAA,oBACA,cAAc;AAAA,oBACd,OAAAR;AAAA,oBACA,SAASJ,EAAc,SAASI,CAAK;AAAA,oBACrC,UAAUS,KAAYf;AAAA,oBACtB,YAAY,CAACiB,MAAUZ,EAAaY,EAAM,OAAO,KAAK;AAAA,kBAAA;AAAA,kBARjD,GAAGX,CAAK;AAAA,gBAUhB,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QACF;AAAA,QACA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAKC,EAAO,6BAA6B,GAAG;AAAA,cACrDjB,MAAkB,UAAUiB,EAAO,yCAAyC;AAAA,YAAA,CAC7E;AAAA,YAEA,UAAA;AAAA,cAAAZ,uBAAe,OAAI,EAAA,WAAWY,EAAO,6BAA6B,GAAI,UAAWZ,GAAA;AAAA,cACjFF,MAAqB,MAAM,gBAAAe,EAACM,KAAY,OAAM,SAAQ,UAAUrB,EAAkB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACrF;AAAA,IAAA;AAAA,EACF;AAEJ;"}
1
+ {"version":3,"file":"CheckboxButtonBar.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport styles from './CheckboxButtonBar.module.css';\n\nimport { Label } from 'components/Label';\nimport { FeedbackBox } from 'components/FeedbackBox';\nimport { ControlsButton } from 'components/ControlsButton';\n\ntype CheckboxProps = {\n label: string;\n value: string;\n prefix?: string;\n disabled?: boolean;\n};\n\nexport interface CheckboxButtonBarProps {\n /** array with objects with label, value, prefix and disabled*/\n checkboxes: CheckboxProps[];\n //** array with value(s) */\n defaultValues?: string[];\n label?: string;\n /** 'top' | 'left' */\n labelPosition?: 'top' | 'left';\n /** `true` to show an asterisk to indicate an item is required; otherwise, `false`. */\n required?: boolean;\n /** `true` to color border red to show missing in validation; otherwise, `false`. */\n notValidated?: boolean;\n /** error text to display under the bar */\n notValidatedText?: string;\n /** returns an array with only one value */\n actAsRadioButtonBar?: boolean;\n /** optional footer text */\n footerText?: string;\n /** disables all checkboxes in the bar */\n disableGroup?: boolean;\n onSetValues: (value: string[]) => void;\n}\n\nexport const CheckboxButtonBar = ({\n checkboxes,\n defaultValues,\n label,\n labelPosition = 'top',\n required = false,\n notValidated = false,\n notValidatedText = '',\n actAsRadioButtonBar = false,\n footerText = '',\n disableGroup = false,\n onSetValues,\n}: CheckboxButtonBarProps) => {\n const [currentValues, setCurrentValues] = useState<string[]>(\n defaultValues && !actAsRadioButtonBar\n ? defaultValues.map(String)\n : defaultValues && actAsRadioButtonBar\n ? defaultValues.slice(0, 1)\n : []\n );\n\n const handleChange = (value: string) => {\n let values = currentValues;\n\n if (actAsRadioButtonBar) {\n setCurrentValues([value]);\n onSetValues([value]);\n } else {\n if (values.includes(value)) {\n values = values.filter((val) => val !== value);\n } else {\n values = [...values, value];\n }\n setCurrentValues(values);\n onSetValues(values);\n }\n };\n\n return (\n <div\n className={clsx(styles['checkbox-button-bar__container'], [\n labelPosition === 'left' && styles['checkbox-button-bar__container--label-left'],\n ])}\n >\n <div className={styles['checkbox-button-bar__label']}>\n {label && (\n <Label htmlFor=\"\" required={required}>\n {label}\n </Label>\n )}\n </div>\n <div\n className={clsx(styles['checkbox-button-bar__bar'], [\n labelPosition === 'left' && styles['checkbox-button-bar__bar--label-left'],\n ])}\n >\n <div\n className={clsx(styles['checkbox-button-bar__row'], {\n [styles['checkbox-button-bar__row--not-validated']]: notValidated || notValidatedText,\n })}\n >\n {checkboxes.map(({ label, value, prefix, disabled }) => (\n <ControlsButton\n key={`${value}`}\n type=\"checkbox\"\n label={label}\n prefix={prefix}\n forceSquared={true}\n value={value}\n checked={currentValues.includes(value)}\n disabled={disabled || disableGroup}\n onSetValue={(event) => handleChange(event.target.value)}\n />\n ))}\n </div>\n </div>\n <div\n className={clsx(styles['checkbox-button-bar__footer'], [\n labelPosition === 'left' && styles['checkbox-button-bar__footer--label-left'],\n ])}\n >\n {footerText && <div className={styles['checkbox-button-bar__footer']}>{footerText}</div>}\n {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n </div>\n </div>\n );\n};\n"],"names":["CheckboxButtonBar","checkboxes","defaultValues","label","labelPosition","required","notValidated","notValidatedText","actAsRadioButtonBar","footerText","disableGroup","onSetValues","currentValues","setCurrentValues","useState","handleChange","value","values","val","jsxs","clsx","styles","jsx","Label","prefix","disabled","ControlsButton","event","FeedbackBox"],"mappings":";;;;;;;;;;;;;;;;GAuCaA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,qBAAAC,IAAsB;AAAA,EACtB,YAAAC,IAAa;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,aAAAC;AACF,MAA8B;AAC5B,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCZ,KAAiB,CAACM,IACdN,EAAc,IAAI,MAAM,IACxBA,KAAiBM,IACfN,EAAc,MAAM,GAAG,CAAC,IACxB,CAAA;AAAA,EAAC,GAGHa,IAAe,CAACC,MAAkB;AACtC,QAAIC,IAASL;AAEb,IAAIJ,KACFK,EAAiB,CAACG,CAAK,CAAC,GACxBL,EAAY,CAACK,CAAK,CAAC,MAEfC,EAAO,SAASD,CAAK,IACvBC,IAASA,EAAO,OAAO,CAACC,MAAQA,MAAQF,CAAK,IAE7CC,IAAS,CAAC,GAAGA,GAAQD,CAAK,GAE5BH,EAAiBI,CAAM,GACvBN,EAAYM,CAAM;AAAA,EACpB;AAGF,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,gCAAgC,GAAG;AAAA,QACxDjB,MAAkB,UAAUiB,EAAO,4CAA4C;AAAA,MAAA,CAChF;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GAChD,UAAAlB,KACC,gBAAAmB,EAACC,GAAA,EAAM,SAAQ,IAAG,UAAAlB,GACf,UAAAF,EAAA,CACH,GAEJ;AAAA,QACA,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,cAClDjB,MAAkB,UAAUiB,EAAO,sCAAsC;AAAA,YAAA,CAC1E;AAAA,YAED,UAAA,gBAAAC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAKC,EAAO,0BAA0B,GAAG;AAAA,kBAClD,CAACA,EAAO,yCAAyC,CAAC,GAAGf,KAAgBC;AAAA,gBAAA,CACtE;AAAA,gBAEA,UAAAN,EAAW,IAAI,CAAC,EAAE,OAAAE,GAAO,OAAAa,GAAO,QAAAQ,GAAQ,UAAAC,EAAA,MACvC,gBAAAH;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBAEC,MAAK;AAAA,oBACL,OAAOvB;AAAAA,oBACP,QAAAqB;AAAA,oBACA,cAAc;AAAA,oBACd,OAAAR;AAAA,oBACA,SAASJ,EAAc,SAASI,CAAK;AAAA,oBACrC,UAAUS,KAAYf;AAAA,oBACtB,YAAY,CAACiB,MAAUZ,EAAaY,EAAM,OAAO,KAAK;AAAA,kBAAA;AAAA,kBARjD,GAAGX,CAAK;AAAA,gBAAA,CAUhB;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,QAEF,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAKC,EAAO,6BAA6B,GAAG;AAAA,cACrDjB,MAAkB,UAAUiB,EAAO,yCAAyC;AAAA,YAAA,CAC7E;AAAA,YAEA,UAAA;AAAA,cAAAZ,uBAAe,OAAA,EAAI,WAAWY,EAAO,6BAA6B,GAAI,UAAAZ,GAAW;AAAA,cACjFF,MAAqB,MAAM,gBAAAe,EAACM,KAAY,OAAM,SAAQ,UAAUrB,EAAA,CAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACrF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
@@ -2,6 +2,6 @@ import { Meta } from '@storybook/react';
2
2
  import { CheckboxButtonBarProps } from './CheckboxButtonBar';
3
3
  declare const _default: Meta<CheckboxButtonBarProps>;
4
4
  export default _default;
5
- export declare const CheckboxButtonBarExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
6
- export declare const CheckboxButtonBarAsRadioButtonBar: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
7
- export declare const CheckboxButtonBarWithPrefix: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
5
+ export declare const CheckboxButtonBarExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
6
+ export declare const CheckboxButtonBarAsRadioButtonBar: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
7
+ export declare const CheckboxButtonBarWithPrefix: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
@@ -1,5 +1,5 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { fn as l } from "../../index-Dwqes6RH.js";
2
+ import { W as l } from "../../index-Di9WPZUe.js";
3
3
  import { CheckboxButtonBar as e } from "./CheckboxButtonBar.js";
4
4
  const r = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", d = {
5
5
  title: "Molecules/CheckboxButtonBar",