@spaced-out/ui-design-system 0.5.10 → 0.5.12-beta.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 (352) hide show
  1. package/.storybook/public/component-parent-levels.json +77 -77
  2. package/CHANGELOG.md +22 -0
  3. package/lib/components/Accordion/Accordion.d.ts +1 -0
  4. package/lib/components/Accordion/Accordion.d.ts.map +1 -1
  5. package/lib/components/Accordion/Accordion.js +29 -4
  6. package/lib/components/Accordion/AccordionGroup.d.ts +2 -1
  7. package/lib/components/Accordion/AccordionGroup.d.ts.map +1 -1
  8. package/lib/components/Accordion/AccordionGroup.js +13 -2
  9. package/lib/components/Avatar/Avatar.d.ts +3 -1
  10. package/lib/components/Avatar/Avatar.d.ts.map +1 -1
  11. package/lib/components/Avatar/Avatar.js +58 -11
  12. package/lib/components/AvatarGroup/AvatarGroup.d.ts +1 -0
  13. package/lib/components/AvatarGroup/AvatarGroup.d.ts.map +1 -1
  14. package/lib/components/AvatarGroup/AvatarGroup.js +27 -3
  15. package/lib/components/Badge/Badge.d.ts +1 -0
  16. package/lib/components/Badge/Badge.d.ts.map +1 -1
  17. package/lib/components/Badge/Badge.js +22 -5
  18. package/lib/components/BadgedIcon/BadgedIcon.d.ts +2 -1
  19. package/lib/components/BadgedIcon/BadgedIcon.d.ts.map +1 -1
  20. package/lib/components/BadgedIcon/BadgedIcon.js +20 -4
  21. package/lib/components/Banner/Banner.d.ts +1 -0
  22. package/lib/components/Banner/Banner.d.ts.map +1 -1
  23. package/lib/components/Banner/Banner.js +2 -0
  24. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts +1 -0
  25. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map +1 -1
  26. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js +6 -1
  27. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  28. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  29. package/lib/components/Breadcrumbs/Breadcrumbs.js +31 -11
  30. package/lib/components/Button/Button.d.ts +1 -0
  31. package/lib/components/Button/Button.d.ts.map +1 -1
  32. package/lib/components/Button/Button.js +50 -6
  33. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +1 -0
  34. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts.map +1 -1
  35. package/lib/components/ButtonDropdown/ButtonDropdown.js +22 -1
  36. package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts +1 -0
  37. package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts.map +1 -1
  38. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +2 -0
  39. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +1 -0
  40. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map +1 -1
  41. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.js +2 -0
  42. package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +2 -1
  43. package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map +1 -1
  44. package/lib/components/ButtonTabs/ButtonTabDropdown.js +19 -2
  45. package/lib/components/ButtonTabs/ButtonTabs.d.ts +1 -0
  46. package/lib/components/ButtonTabs/ButtonTabs.d.ts.map +1 -1
  47. package/lib/components/ButtonTabs/ButtonTabs.js +19 -4
  48. package/lib/components/Card/Card.d.ts +7 -5
  49. package/lib/components/Card/Card.d.ts.map +1 -1
  50. package/lib/components/Card/Card.js +33 -1
  51. package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +1 -0
  52. package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map +1 -1
  53. package/lib/components/Charts/ChartWrapper/ChartWrapper.js +37 -5
  54. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +2 -1
  55. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
  56. package/lib/components/Charts/ColumnChart/ColumnChart.js +2 -0
  57. package/lib/components/Charts/DonutChart/DonutChart.d.ts +2 -1
  58. package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
  59. package/lib/components/Charts/DonutChart/DonutChart.js +2 -0
  60. package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +2 -1
  61. package/lib/components/Charts/FunnelChart/FunnelChart.d.ts.map +1 -1
  62. package/lib/components/Charts/FunnelChart/FunnelChart.js +2 -0
  63. package/lib/components/Charts/LineChart/LineChart.d.ts +2 -1
  64. package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
  65. package/lib/components/Charts/LineChart/LineChart.js +2 -0
  66. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +2 -1
  67. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
  68. package/lib/components/Charts/SankeyChart/SankeyChart.js +2 -0
  69. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +2 -1
  70. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
  71. package/lib/components/Charts/SpiderChart/SpiderChart.js +2 -0
  72. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +2 -1
  73. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
  74. package/lib/components/Charts/StackedBarChart/StackedBarChart.js +2 -0
  75. package/lib/components/ChatBubble/ChatBubble.d.ts +13 -6
  76. package/lib/components/ChatBubble/ChatBubble.d.ts.map +1 -1
  77. package/lib/components/ChatBubble/ChatBubble.js +57 -14
  78. package/lib/components/Checkbox/Checkbox.d.ts +1 -0
  79. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  80. package/lib/components/Checkbox/Checkbox.js +34 -5
  81. package/lib/components/Checkbox/CheckboxGroup.d.ts +1 -0
  82. package/lib/components/Checkbox/CheckboxGroup.d.ts.map +1 -1
  83. package/lib/components/Checkbox/CheckboxGroup.js +21 -2
  84. package/lib/components/Chip/Chip.d.ts +1 -0
  85. package/lib/components/Chip/Chip.d.ts.map +1 -1
  86. package/lib/components/Chip/Chip.js +24 -3
  87. package/lib/components/CircularLoader/CircularLoader.d.ts +1 -0
  88. package/lib/components/CircularLoader/CircularLoader.d.ts.map +1 -1
  89. package/lib/components/CircularLoader/CircularLoader.js +7 -1
  90. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +5 -2
  91. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts.map +1 -1
  92. package/lib/components/CollapsibleCard/CollapsibleCard.js +46 -7
  93. package/lib/components/Combobox/Combobox.d.ts +1 -0
  94. package/lib/components/Combobox/Combobox.d.ts.map +1 -1
  95. package/lib/components/Combobox/Combobox.js +45 -3
  96. package/lib/components/DateRangePicker/Calendar.d.ts +2 -1
  97. package/lib/components/DateRangePicker/Calendar.d.ts.map +1 -1
  98. package/lib/components/DateRangePicker/Calendar.js +24 -2
  99. package/lib/components/DateRangePicker/DateRangePicker.d.ts +1 -0
  100. package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  101. package/lib/components/DateRangePicker/DateRangePicker.js +4 -2
  102. package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +1 -0
  103. package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map +1 -1
  104. package/lib/components/DateRangePicker/DateRangeWrapper.js +104 -14
  105. package/lib/components/DateRangePicker/Day.d.ts +2 -1
  106. package/lib/components/DateRangePicker/Day.d.ts.map +1 -1
  107. package/lib/components/DateRangePicker/Day.js +11 -1
  108. package/lib/components/Dialog/Dialog.d.ts +10 -5
  109. package/lib/components/Dialog/Dialog.d.ts.map +1 -1
  110. package/lib/components/Dialog/Dialog.js +76 -11
  111. package/lib/components/Dropdown/Dropdown.d.ts +1 -0
  112. package/lib/components/Dropdown/Dropdown.d.ts.map +1 -1
  113. package/lib/components/Dropdown/Dropdown.js +19 -2
  114. package/lib/components/Dropdown/SimpleDropdown.d.ts +1 -0
  115. package/lib/components/Dropdown/SimpleDropdown.d.ts.map +1 -1
  116. package/lib/components/Dropdown/SimpleDropdown.js +2 -0
  117. package/lib/components/EmptyState/EmptyState.d.ts +1 -0
  118. package/lib/components/EmptyState/EmptyState.d.ts.map +1 -1
  119. package/lib/components/EmptyState/EmptyState.js +26 -1
  120. package/lib/components/ErrorMessage/ErrorMessage.d.ts +1 -0
  121. package/lib/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
  122. package/lib/components/ErrorMessage/ErrorMessage.js +30 -1
  123. package/lib/components/FileUpload/FileBlock/FileBlock.d.ts +1 -0
  124. package/lib/components/FileUpload/FileBlock/FileBlock.d.ts.map +1 -1
  125. package/lib/components/FileUpload/FileBlock/FileBlock.js +58 -10
  126. package/lib/components/FileUpload/FileUpload.d.ts +1 -0
  127. package/lib/components/FileUpload/FileUpload.d.ts.map +1 -1
  128. package/lib/components/FileUpload/FileUpload.js +30 -4
  129. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +1 -0
  130. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts.map +1 -1
  131. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +18 -1
  132. package/lib/components/FocusManager/FocusManager.d.ts +1 -0
  133. package/lib/components/FocusManager/FocusManager.d.ts.map +1 -1
  134. package/lib/components/FocusManager/FocusManager.js +6 -1
  135. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts +2 -0
  136. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts.map +1 -1
  137. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js +11 -1
  138. package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts +1 -0
  139. package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts.map +1 -1
  140. package/lib/components/FormTitleWrapper/FormTitleWrapper.js +24 -3
  141. package/lib/components/Grid/Grid.d.ts +4 -2
  142. package/lib/components/Grid/Grid.d.ts.map +1 -1
  143. package/lib/components/Grid/Grid.js +13 -3
  144. package/lib/components/Icon/ClickableIcon.d.ts +2 -0
  145. package/lib/components/Icon/ClickableIcon.d.ts.map +1 -1
  146. package/lib/components/Icon/ClickableIcon.js +13 -1
  147. package/lib/components/Icon/Icon.d.ts +1 -0
  148. package/lib/components/Icon/Icon.d.ts.map +1 -1
  149. package/lib/components/Icon/Icon.docs.d.ts +11 -0
  150. package/lib/components/Icon/Icon.docs.d.ts.map +1 -1
  151. package/lib/components/Icon/Icon.docs.js +11 -0
  152. package/lib/components/Icon/Icon.js +7 -1
  153. package/lib/components/Icon/SemanticIcon.d.ts +2 -1
  154. package/lib/components/Icon/SemanticIcon.d.ts.map +1 -1
  155. package/lib/components/Icon/SemanticIcon.js +11 -1
  156. package/lib/components/InContextAlert/InContextAlert.d.ts +3 -1
  157. package/lib/components/InContextAlert/InContextAlert.d.ts.map +1 -1
  158. package/lib/components/InContextAlert/InContextAlert.js +58 -10
  159. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts +1 -0
  160. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts.map +1 -1
  161. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js +30 -3
  162. package/lib/components/InfinitePagination/InfinitePagination.d.ts +1 -0
  163. package/lib/components/InfinitePagination/InfinitePagination.d.ts.map +1 -1
  164. package/lib/components/InfinitePagination/InfinitePagination.js +20 -3
  165. package/lib/components/InlineDropdown/InlineDropdown.d.ts +1 -0
  166. package/lib/components/InlineDropdown/InlineDropdown.d.ts.map +1 -1
  167. package/lib/components/InlineDropdown/InlineDropdown.js +27 -2
  168. package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +2 -1
  169. package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map +1 -1
  170. package/lib/components/InlineDropdown/SimpleInlineDropdown.js +2 -0
  171. package/lib/components/Input/Input.d.ts +1 -0
  172. package/lib/components/Input/Input.d.ts.map +1 -1
  173. package/lib/components/Input/Input.js +64 -0
  174. package/lib/components/KPIBox/KPIBox.d.ts +1 -0
  175. package/lib/components/KPIBox/KPIBox.d.ts.map +1 -1
  176. package/lib/components/KPIBox/KPIBox.js +27 -2
  177. package/lib/components/LinearLoader/LinearLoader.d.ts +1 -0
  178. package/lib/components/LinearLoader/LinearLoader.d.ts.map +1 -1
  179. package/lib/components/LinearLoader/LinearLoader.js +7 -1
  180. package/lib/components/Link/Link.d.ts +1 -0
  181. package/lib/components/Link/Link.d.ts.map +1 -1
  182. package/lib/components/Link/Link.js +24 -2
  183. package/lib/components/Menu/Menu.d.ts +2 -0
  184. package/lib/components/Menu/Menu.d.ts.map +1 -1
  185. package/lib/components/Menu/Menu.js +64 -7
  186. package/lib/components/Menu/MenuOptionButton.d.ts +1 -0
  187. package/lib/components/Menu/MenuOptionButton.d.ts.map +1 -1
  188. package/lib/components/Menu/MenuOptionButton.js +84 -8
  189. package/lib/components/Modal/Modal.d.ts +9 -5
  190. package/lib/components/Modal/Modal.d.ts.map +1 -1
  191. package/lib/components/Modal/Modal.js +48 -5
  192. package/lib/components/Notification/Notification.d.ts +1 -0
  193. package/lib/components/Notification/Notification.d.ts.map +1 -1
  194. package/lib/components/Notification/Notification.js +24 -4
  195. package/lib/components/OptionButton/OptionButton.d.ts +1 -0
  196. package/lib/components/OptionButton/OptionButton.d.ts.map +1 -1
  197. package/lib/components/OptionButton/OptionButton.js +20 -2
  198. package/lib/components/OptionButton/SimpleOptionButton.d.ts +2 -1
  199. package/lib/components/OptionButton/SimpleOptionButton.d.ts.map +1 -1
  200. package/lib/components/OptionButton/SimpleOptionButton.js +2 -0
  201. package/lib/components/PageTitle/PageTitle.d.ts +7 -3
  202. package/lib/components/PageTitle/PageTitle.d.ts.map +1 -1
  203. package/lib/components/PageTitle/PageTitle.js +41 -4
  204. package/lib/components/Pagination/Pagination.d.ts +2 -0
  205. package/lib/components/Pagination/Pagination.d.ts.map +1 -1
  206. package/lib/components/Pagination/Pagination.js +33 -3
  207. package/lib/components/Pagination/PaginationItem.d.ts.map +1 -1
  208. package/lib/components/Pagination/PaginationItem.js +31 -5
  209. package/lib/components/Panel/Panel.d.ts +7 -3
  210. package/lib/components/Panel/Panel.d.ts.map +1 -1
  211. package/lib/components/Panel/Panel.js +34 -4
  212. package/lib/components/ProgressDonut/ProgressDonut.d.ts +1 -0
  213. package/lib/components/ProgressDonut/ProgressDonut.d.ts.map +1 -1
  214. package/lib/components/ProgressDonut/ProgressDonut.js +11 -2
  215. package/lib/components/PromptChip/PromptChip.d.ts +3 -0
  216. package/lib/components/PromptChip/PromptChip.d.ts.map +1 -1
  217. package/lib/components/PromptChip/PromptChip.js +44 -7
  218. package/lib/components/PromptInput/PromptInput.d.ts +1 -0
  219. package/lib/components/PromptInput/PromptInput.d.ts.map +1 -1
  220. package/lib/components/PromptInput/PromptInput.js +24 -3
  221. package/lib/components/RadioButton/RadioButton.d.ts +1 -0
  222. package/lib/components/RadioButton/RadioButton.d.ts.map +1 -1
  223. package/lib/components/RadioButton/RadioButton.js +14 -0
  224. package/lib/components/RadioButton/RadioGroup.d.ts +1 -0
  225. package/lib/components/RadioButton/RadioGroup.d.ts.map +1 -1
  226. package/lib/components/RadioButton/RadioGroup.js +17 -2
  227. package/lib/components/RadioTile/RadioTile.d.ts +1 -0
  228. package/lib/components/RadioTile/RadioTile.d.ts.map +1 -1
  229. package/lib/components/RadioTile/RadioTile.js +31 -6
  230. package/lib/components/RangeSlider/RangeSlider.d.ts +1 -0
  231. package/lib/components/RangeSlider/RangeSlider.d.ts.map +1 -1
  232. package/lib/components/RangeSlider/RangeSlider.js +33 -4
  233. package/lib/components/Rating/Rating.d.ts +1 -0
  234. package/lib/components/Rating/Rating.d.ts.map +1 -1
  235. package/lib/components/Rating/Rating.js +22 -3
  236. package/lib/components/ScoreBar/ScoreBar.d.ts +1 -0
  237. package/lib/components/ScoreBar/ScoreBar.d.ts.map +1 -1
  238. package/lib/components/ScoreBar/ScoreBar.js +16 -2
  239. package/lib/components/SearchInput/SearchInput.d.ts +1 -0
  240. package/lib/components/SearchInput/SearchInput.d.ts.map +1 -1
  241. package/lib/components/SearchInput/SearchInput.js +20 -2
  242. package/lib/components/Separator/Separator.d.ts +1 -0
  243. package/lib/components/Separator/Separator.d.ts.map +1 -1
  244. package/lib/components/Separator/Separator.js +7 -2
  245. package/lib/components/Shimmer/Shimmer.d.ts +5 -2
  246. package/lib/components/Shimmer/Shimmer.d.ts.map +1 -1
  247. package/lib/components/Shimmer/Shimmer.js +39 -8
  248. package/lib/components/SideMenuLink/SideMenuLink.d.ts +1 -0
  249. package/lib/components/SideMenuLink/SideMenuLink.d.ts.map +1 -1
  250. package/lib/components/SideMenuLink/SideMenuLink.js +33 -3
  251. package/lib/components/StatusIndicator/StatusIndicator.d.ts +1 -0
  252. package/lib/components/StatusIndicator/StatusIndicator.d.ts.map +1 -1
  253. package/lib/components/StatusIndicator/StatusIndicator.js +6 -1
  254. package/lib/components/Stepper/Step/Step.d.ts +1 -0
  255. package/lib/components/Stepper/Step/Step.d.ts.map +1 -1
  256. package/lib/components/Stepper/Step/Step.js +30 -4
  257. package/lib/components/Stepper/Step/StepContent.d.ts +2 -1
  258. package/lib/components/Stepper/Step/StepContent.d.ts.map +1 -1
  259. package/lib/components/Stepper/Step/StepContent.js +7 -1
  260. package/lib/components/Stepper/Step/StepLabel.d.ts +2 -1
  261. package/lib/components/Stepper/Step/StepLabel.d.ts.map +1 -1
  262. package/lib/components/Stepper/Step/StepLabel.js +7 -1
  263. package/lib/components/Stepper/Stepper.d.ts +1 -0
  264. package/lib/components/Stepper/Stepper.d.ts.map +1 -1
  265. package/lib/components/Stepper/Stepper.js +13 -2
  266. package/lib/components/StickyBar/StickyBar.d.ts +4 -2
  267. package/lib/components/StickyBar/StickyBar.d.ts.map +1 -1
  268. package/lib/components/StickyBar/StickyBar.js +16 -1
  269. package/lib/components/SubMenu/SubMenu.d.ts +1 -0
  270. package/lib/components/SubMenu/SubMenu.d.ts.map +1 -1
  271. package/lib/components/SubMenu/SubMenu.js +21 -3
  272. package/lib/components/Table/Cell.d.ts +13 -7
  273. package/lib/components/Table/Cell.d.ts.map +1 -1
  274. package/lib/components/Table/Cell.js +40 -9
  275. package/lib/components/Table/DefaultRow.d.ts +5 -2
  276. package/lib/components/Table/DefaultRow.d.ts.map +1 -1
  277. package/lib/components/Table/DefaultRow.js +38 -6
  278. package/lib/components/Table/DefaultTableHeader.d.ts +2 -0
  279. package/lib/components/Table/DefaultTableHeader.d.ts.map +1 -1
  280. package/lib/components/Table/DefaultTableHeader.js +17 -2
  281. package/lib/components/Table/StaticTable.d.ts.map +1 -1
  282. package/lib/components/Table/StaticTable.js +45 -11
  283. package/lib/components/Table/Table.d.ts +1 -0
  284. package/lib/components/Table/Table.d.ts.map +1 -1
  285. package/lib/components/Table/Table.docs.d.ts +11 -0
  286. package/lib/components/Table/Table.docs.d.ts.map +1 -1
  287. package/lib/components/Table/Table.docs.js +11 -0
  288. package/lib/components/Table/Table.js +6 -3
  289. package/lib/components/Table/TableActionBar.d.ts +8 -3
  290. package/lib/components/Table/TableActionBar.d.ts.map +1 -1
  291. package/lib/components/Table/TableActionBar.js +16 -3
  292. package/lib/components/Table/TableBottomBar.d.ts +2 -1
  293. package/lib/components/Table/TableBottomBar.d.ts.map +1 -1
  294. package/lib/components/Table/TableBottomBar.js +6 -1
  295. package/lib/components/Table/TableTopBar.d.ts +2 -1
  296. package/lib/components/Table/TableTopBar.d.ts.map +1 -1
  297. package/lib/components/Table/TableTopBar.js +6 -1
  298. package/lib/components/Tabs/Tab/Tab.d.ts +1 -0
  299. package/lib/components/Tabs/Tab/Tab.d.ts.map +1 -1
  300. package/lib/components/Tabs/Tab/Tab.js +9 -1
  301. package/lib/components/Tabs/TabList/TabDropdown.d.ts +2 -1
  302. package/lib/components/Tabs/TabList/TabDropdown.d.ts.map +1 -1
  303. package/lib/components/Tabs/TabList/TabDropdown.js +21 -4
  304. package/lib/components/Tabs/TabList/TabList.d.ts +1 -0
  305. package/lib/components/Tabs/TabList/TabList.d.ts.map +1 -1
  306. package/lib/components/Tabs/TabList/TabList.js +20 -5
  307. package/lib/components/Text/Text.d.ts +2 -0
  308. package/lib/components/Text/Text.d.ts.map +1 -1
  309. package/lib/components/Text/Text.js +189 -27
  310. package/lib/components/TextTile/TextTile.d.ts +1 -0
  311. package/lib/components/TextTile/TextTile.d.ts.map +1 -1
  312. package/lib/components/TextTile/TextTile.js +24 -3
  313. package/lib/components/Textarea/Textarea.d.ts +1 -0
  314. package/lib/components/Textarea/Textarea.d.ts.map +1 -1
  315. package/lib/components/Textarea/Textarea.js +38 -0
  316. package/lib/components/Timeline/Timeline.d.ts +1 -0
  317. package/lib/components/Timeline/Timeline.d.ts.map +1 -1
  318. package/lib/components/Timeline/Timeline.js +14 -4
  319. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +1 -0
  320. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
  321. package/lib/components/Timeline/TimelineItem/TimelineItem.js +44 -3
  322. package/lib/components/Toast/Toast.d.ts +6 -2
  323. package/lib/components/Toast/Toast.d.ts.map +1 -1
  324. package/lib/components/Toast/Toast.js +81 -14
  325. package/lib/components/Toggle/Toggle.d.ts +1 -0
  326. package/lib/components/Toggle/Toggle.d.ts.map +1 -1
  327. package/lib/components/Toggle/Toggle.js +18 -0
  328. package/lib/components/TokenListInput/TokenListInput.d.ts +1 -0
  329. package/lib/components/TokenListInput/TokenListInput.d.ts.map +1 -1
  330. package/lib/components/TokenListInput/TokenListInput.js +56 -7
  331. package/lib/components/TokenListInput/TokenValueChips.d.ts +2 -0
  332. package/lib/components/TokenListInput/TokenValueChips.d.ts.map +1 -1
  333. package/lib/components/TokenListInput/TokenValueChips.js +12 -3
  334. package/lib/components/Tooltip/Tooltip.d.ts +2 -1
  335. package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
  336. package/lib/components/Tooltip/Tooltip.js +23 -1
  337. package/lib/components/Truncate/Truncate.d.ts +1 -0
  338. package/lib/components/Truncate/Truncate.d.ts.map +1 -1
  339. package/lib/components/Truncate/Truncate.js +12 -3
  340. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts +2 -1
  341. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts.map +1 -1
  342. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js +15 -1
  343. package/lib/components/Typeahead/SimpleTypeahead.d.ts +1 -0
  344. package/lib/components/Typeahead/SimpleTypeahead.d.ts.map +1 -1
  345. package/lib/components/Typeahead/SimpleTypeahead.js +3 -1
  346. package/lib/components/Typeahead/Typeahead.d.ts +1 -0
  347. package/lib/components/Typeahead/Typeahead.d.ts.map +1 -1
  348. package/lib/components/Typeahead/Typeahead.js +19 -2
  349. package/lib/components/WeekdayPicker/WeekdayPicker.d.ts +1 -0
  350. package/lib/components/WeekdayPicker/WeekdayPicker.d.ts.map +1 -1
  351. package/lib/components/WeekdayPicker/WeekdayPicker.js +16 -4
  352. package/package.json +1 -1
@@ -10,6 +10,7 @@ export interface TextTileProps {
10
10
  iconName?: string;
11
11
  classNames?: ClassNames;
12
12
  description?: React.ReactNode;
13
+ testId?: string;
13
14
  }
14
15
  export declare const TextTile: Flow.AbstractComponent<TextTileProps, HTMLDivElement>;
15
16
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CA+BxE,CAAC"}
1
+ {"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAiDxE,CAAC"}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.TextTile = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _classify = _interopRequireDefault(require("../../utils/classify"));
9
+ var _qa = require("../../utils/qa");
9
10
  var _Icon = require("../Icon");
10
11
  var _Text = require("../Text");
11
12
  var _TextTileModule = _interopRequireDefault(require("./TextTile.module.css"));
@@ -17,23 +18,43 @@ const TextTile = exports.TextTile = /*#__PURE__*/React.forwardRef((_ref, ref) =>
17
18
  header,
18
19
  iconName = 'sparkles',
19
20
  classNames,
20
- description
21
+ description,
22
+ testId
21
23
  } = _ref;
22
24
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
23
25
  ref: ref,
24
- "data-testid": "TextTile",
26
+ "data-testid": (0, _qa.generateTestId)({
27
+ base: testId,
28
+ slot: 'root'
29
+ }),
25
30
  className: (0, _classify.default)(_TextTileModule.default.textTileWrapper, classNames?.wrapper),
26
31
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
27
32
  className: (0, _classify.default)(_TextTileModule.default.textTileTitle, classNames?.title),
33
+ "data-testid": (0, _qa.generateTestId)({
34
+ base: testId,
35
+ slot: 'title'
36
+ }),
28
37
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
29
38
  size: _Icon.ICON_SIZE.large,
30
39
  name: iconName,
31
40
  type: _Icon.ICON_TYPE.solid,
32
- className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon)
41
+ className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon),
42
+ testId: (0, _qa.generateTestId)({
43
+ base: testId,
44
+ slot: 'icon'
45
+ })
33
46
  }), typeof header === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.JumboMedium, {
47
+ testId: (0, _qa.generateTestId)({
48
+ base: testId,
49
+ slot: 'header'
50
+ }),
34
51
  children: header
35
52
  }) : header]
36
53
  }), typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLarge, {
54
+ testId: (0, _qa.generateTestId)({
55
+ base: testId,
56
+ slot: 'description'
57
+ }),
37
58
  children: description
38
59
  }) : description]
39
60
  });
@@ -22,6 +22,7 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
22
22
  size?: 'medium' | 'small';
23
23
  required?: boolean;
24
24
  textCountLimit?: number;
25
+ testId?: string;
25
26
  }
26
27
  export declare const Textarea: Flow.AbstractComponent<TextareaProps, HTMLTextAreaElement>;
27
28
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4GD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuID,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.Textarea = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _classify = require("../../utils/classify");
9
+ var _qa = require("../../utils/qa");
9
10
  var _Text = require("../Text");
10
11
  var _TextareaModule = _interopRequireDefault(require("./Textarea.module.css"));
11
12
  var _jsxRuntime = require("react/jsx-runtime");
@@ -30,6 +31,7 @@ const Textarea_ = (props, ref) => {
30
31
  size = 'medium',
31
32
  required,
32
33
  textCountLimit,
34
+ testId,
33
35
  ...textareaProps
34
36
  } = props;
35
37
  const [textCountError, setTextCountError] = React.useState(false);
@@ -44,26 +46,50 @@ const Textarea_ = (props, ref) => {
44
46
  }, [value]);
45
47
  const controlledTextareaFilled = value !== '';
46
48
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
49
+ "data-testid": (0, _qa.generateTestId)({
50
+ base: testId,
51
+ slot: 'root'
52
+ }),
47
53
  className: (0, _classify.classify)(_TextareaModule.default.wrapper, {
48
54
  [_TextareaModule.default.filled]: controlledTextareaFilled ?? false,
49
55
  [_TextareaModule.default.withError]: (error || textCountError) ?? false
50
56
  }),
51
57
  children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
58
+ "data-testid": (0, _qa.generateTestId)({
59
+ base: testId,
60
+ slot: 'label'
61
+ }),
52
62
  className: _TextareaModule.default.info,
53
63
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
54
64
  className: _TextareaModule.default.infoContent,
55
65
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
56
66
  color: "secondary",
67
+ testId: (0, _qa.generateTestId)({
68
+ base: testId,
69
+ slot: 'labelText'
70
+ }),
57
71
  children: label ?? ''
58
72
  }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
59
73
  color: "danger",
74
+ testId: (0, _qa.generateTestId)({
75
+ base: testId,
76
+ slot: 'requiredIndicator'
77
+ }),
60
78
  children: '*'
61
79
  })]
62
80
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
63
81
  color: error || textCountError ? 'danger' : 'secondary',
82
+ testId: (0, _qa.generateTestId)({
83
+ base: testId,
84
+ slot: 'textCount'
85
+ }),
64
86
  children: !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit
65
87
  })]
66
88
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
89
+ "data-testid": (0, _qa.generateTestId)({
90
+ base: testId,
91
+ slot: 'box'
92
+ }),
67
93
  className: (0, _classify.classify)(_TextareaModule.default.box, {
68
94
  [_TextareaModule.default.inputDisabled]: disabled ?? false,
69
95
  [_TextareaModule.default.medium]: size === 'medium',
@@ -72,6 +98,10 @@ const Textarea_ = (props, ref) => {
72
98
  }, classNames?.box),
73
99
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
74
100
  ...textareaProps,
101
+ "data-testid": (0, _qa.generateTestId)({
102
+ base: testId,
103
+ slot: 'textarea'
104
+ }),
75
105
  disabled: locked || disabled,
76
106
  name: name,
77
107
  ref: ref,
@@ -84,9 +114,17 @@ const Textarea_ = (props, ref) => {
84
114
  className: classNames?.textarea
85
115
  })
86
116
  }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
117
+ "data-testid": (0, _qa.generateTestId)({
118
+ base: testId,
119
+ slot: 'helperText'
120
+ }),
87
121
  className: _TextareaModule.default.info,
88
122
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
89
123
  color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary',
124
+ testId: (0, _qa.generateTestId)({
125
+ base: testId,
126
+ slot: 'errorText'
127
+ }),
90
128
  children: error && errorText ? errorText : helperText ?? ''
91
129
  })
92
130
  })]
@@ -12,6 +12,7 @@ export interface TimelineProps {
12
12
  children: React.ReactNode;
13
13
  classNames?: ClassNames;
14
14
  orientation?: Orientation;
15
+ testId?: string;
15
16
  }
16
17
  export declare const Timeline: Flow.AbstractComponent<TimelineProps, HTMLDivElement>;
17
18
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAWzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAkCD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAYzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuCD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.Timeline = exports.ORIENTATION = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _classify = require("../../utils/classify");
9
+ var _qa = require("../../utils/qa");
9
10
  var _TimelineModule = _interopRequireDefault(require("./Timeline.module.css"));
10
11
  var _jsxRuntime = require("react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -23,10 +24,11 @@ const Timeline_ = (_ref, ref) => {
23
24
  let {
24
25
  classNames,
25
26
  orientation = ORIENTATION.left,
26
- children
27
+ children,
28
+ testId
27
29
  } = _ref;
28
30
  const childrenArray = React.Children.toArray(children).filter(Boolean);
29
- const timelineItems = childrenArray.map(timelineItem => {
31
+ const timelineItems = childrenArray.map((timelineItem, index) => {
30
32
  // Type guard to ensure timelineItem is a ReactElement
31
33
  if (! /*#__PURE__*/React.isValidElement(timelineItem)) {
32
34
  return timelineItem;
@@ -37,13 +39,21 @@ const Timeline_ = (_ref, ref) => {
37
39
  const timelineItemProps = timelineItemElement.props;
38
40
  return /*#__PURE__*/React.cloneElement(timelineItemElement, {
39
41
  ...timelineItemProps,
40
- orientation
42
+ orientation,
43
+ testId: (0, _qa.generateTestId)({
44
+ base: testId,
45
+ slot: 'item',
46
+ index: index.toString()
47
+ })
41
48
  });
42
49
  });
43
50
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
44
51
  ref: ref,
45
52
  className: (0, _classify.classify)(_TimelineModule.default.timelineWrapper, classNames?.wrapper),
46
- "data-testid": "Timeline",
53
+ "data-testid": (0, _qa.generateTestId)({
54
+ base: testId,
55
+ slot: 'root'
56
+ }),
47
57
  children: timelineItems
48
58
  });
49
59
  };
@@ -22,6 +22,7 @@ export interface TimelineItemProps {
22
22
  orientation?: Orientation;
23
23
  parentComponent?: React.ReactNode;
24
24
  enableCardWrapper?: boolean;
25
+ testId?: string;
25
26
  }
26
27
  export declare const TimelineItem: Flow.AbstractComponent<TimelineItemProps, HTMLDivElement>;
27
28
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuFD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2GD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
@@ -7,6 +7,7 @@ exports.TimelineItem = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _typography = require("../../../types/typography");
9
9
  var _classify = require("../../../utils/classify");
10
+ var _qa = require("../../../utils/qa");
10
11
  var _Card = require("../../Card");
11
12
  var _ConditionalWrapper = require("../../ConditionalWrapper");
12
13
  var _Icon = require("../../Icon");
@@ -27,11 +28,15 @@ const TimelineItem_ = (_ref, ref) => {
27
28
  description,
28
29
  orientation = _Timeline.ORIENTATION.left,
29
30
  parentComponent,
30
- enableCardWrapper = true
31
+ enableCardWrapper = true,
32
+ testId
31
33
  } = _ref;
32
34
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
33
35
  id: id,
34
- "data-testid": "Timeline-item",
36
+ "data-testid": (0, _qa.generateTestId)({
37
+ base: testId,
38
+ slot: 'root'
39
+ }),
35
40
  className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
36
41
  style: {
37
42
  '--align': orientation === 'left' ? 'flex-start' : 'flex-end'
@@ -42,29 +47,61 @@ const TimelineItem_ = (_ref, ref) => {
42
47
  '--direction': orientation === 'left' ? 'row' : 'row-reverse'
43
48
  },
44
49
  className: _TimelineModule.default.timelineItemContent,
50
+ "data-testid": (0, _qa.generateTestId)({
51
+ base: testId,
52
+ slot: 'content'
53
+ }),
45
54
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
46
55
  className: _TimelineModule.default.timelineItemIconWrapper,
56
+ "data-testid": (0, _qa.generateTestId)({
57
+ base: testId,
58
+ slot: 'icon-wrapper'
59
+ }),
47
60
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
48
61
  name: iconName,
49
62
  type: iconType,
50
63
  size: _Icon.ICON_SIZE.small,
51
64
  color: iconColor,
52
- className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon)
65
+ className: (0, _classify.classify)(_TimelineModule.default.timelineItemIcon, classNames?.icon),
66
+ testId: (0, _qa.generateTestId)({
67
+ base: testId,
68
+ slot: 'icon'
69
+ })
53
70
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
54
71
  className: _TimelineModule.default.timelineItemBorder,
72
+ "data-testid": (0, _qa.generateTestId)({
73
+ base: testId,
74
+ slot: 'border'
75
+ }),
55
76
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
56
77
  className: _TimelineModule.default.border
57
78
  })
58
79
  })]
59
80
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
60
81
  className: _TimelineModule.default.timelineItemEventDetails,
82
+ "data-testid": (0, _qa.generateTestId)({
83
+ base: testId,
84
+ slot: 'details'
85
+ }),
61
86
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
62
87
  className: _TimelineModule.default.timelineItemInfo,
88
+ "data-testid": (0, _qa.generateTestId)({
89
+ base: testId,
90
+ slot: 'info'
91
+ }),
63
92
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
64
93
  className: (0, _classify.classify)(_TimelineModule.default.timelineItemTitle, classNames?.title),
94
+ "data-testid": (0, _qa.generateTestId)({
95
+ base: testId,
96
+ slot: 'title'
97
+ }),
65
98
  children: title
66
99
  }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
67
100
  className: (0, _classify.classify)(_TimelineModule.default.timelineItemDescription, classNames?.description),
101
+ "data-testid": (0, _qa.generateTestId)({
102
+ base: testId,
103
+ slot: 'description'
104
+ }),
68
105
  children: description
69
106
  }) : null]
70
107
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
@@ -75,6 +112,10 @@ const TimelineItem_ = (_ref, ref) => {
75
112
  classNames: {
76
113
  wrapper: (0, _classify.classify)(_TimelineModule.default.timelineItemCardWrapper, classNames?.card)
77
114
  },
115
+ testId: (0, _qa.generateTestId)({
116
+ base: testId,
117
+ slot: 'card'
118
+ }),
78
119
  children: children
79
120
  }),
80
121
  children: children
@@ -21,26 +21,30 @@ export interface ToastProps {
21
21
  initialFocus?: number;
22
22
  customIcon?: React.ReactNode;
23
23
  hideCloseIcon?: boolean;
24
+ testId?: string;
24
25
  }
25
26
  export interface ToastTitleProps {
26
27
  children?: React.ReactNode;
27
28
  className?: string;
28
29
  semantic?: ToastSemanticType;
30
+ testId?: string;
29
31
  }
30
32
  export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
31
33
  export interface ToastBodyProps {
32
34
  children?: React.ReactNode;
33
35
  className?: string;
36
+ testId?: string;
34
37
  }
35
38
  export declare const ToastBody: Flow.AbstractComponent<ToastBodyProps, HTMLDivElement>;
36
39
  export interface ToastFooterProps {
37
40
  children?: React.ReactNode;
38
41
  onClose?: () => void;
42
+ testId?: string;
39
43
  }
40
44
  export declare const ToastFooter: {
41
- ({ children, onClose }: ToastFooterProps): React.JSX.Element | null;
45
+ ({ children, onClose, testId }: ToastFooterProps): React.JSX.Element | null;
42
46
  displayName: string;
43
47
  };
44
- export declare const Toast: ({ classNames, children, time, semantic, onClose, initialFocus, customIcon, hideCloseIcon, }: ToastProps) => React.JSX.Element;
48
+ export declare const Toast: ({ classNames, children, time, semantic, onClose, initialFocus, customIcon, hideCloseIcon, testId, }: ToastProps) => React.JSX.Element;
45
49
  export {};
46
50
  //# sourceMappingURL=Toast.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAuFD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAmBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAO1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;4BAAyB,gBAAgB;;CAqChE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,6FASnB,UAAU,sBA6DZ,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAYrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoGD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAqBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAY1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;oCAAiC,gBAAgB;;CAoDxE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,qGAUnB,UAAU,sBAuEZ,CAAC"}
@@ -7,6 +7,7 @@ exports.ToastTitle = exports.ToastFooter = exports.ToastBody = exports.Toast = e
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@floating-ui/react");
9
9
  var _classify = _interopRequireDefault(require("../../utils/classify"));
10
+ var _qa = require("../../utils/qa");
10
11
  var _Icon = require("../Icon");
11
12
  var _Text = require("../Text");
12
13
  var _ToastModule = _interopRequireDefault(require("./Toast.module.css"));
@@ -32,7 +33,8 @@ const TOAST_SEMANTIC = exports.TOAST_SEMANTIC = Object.freeze({
32
33
 
33
34
  const ToastIcon = _ref => {
34
35
  let {
35
- semantic
36
+ semantic,
37
+ testId
36
38
  } = _ref;
37
39
  switch (semantic) {
38
40
  case 'success':
@@ -40,35 +42,55 @@ const ToastIcon = _ref => {
40
42
  name: "circle-check",
41
43
  size: "medium",
42
44
  color: _Text.TEXT_COLORS.success,
43
- type: "solid"
45
+ type: "solid",
46
+ testId: (0, _qa.generateTestId)({
47
+ base: testId,
48
+ slot: 'icon'
49
+ })
44
50
  });
45
51
  case TOAST_SEMANTIC.information:
46
52
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
47
53
  name: "circle-info",
48
54
  size: "medium",
49
55
  color: _Text.TEXT_COLORS.information,
50
- type: "solid"
56
+ type: "solid",
57
+ testId: (0, _qa.generateTestId)({
58
+ base: testId,
59
+ slot: 'icon'
60
+ })
51
61
  });
52
62
  case TOAST_SEMANTIC.warning:
53
63
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
54
64
  name: "circle-exclamation",
55
65
  size: "medium",
56
66
  color: _Text.TEXT_COLORS.warning,
57
- type: "solid"
67
+ type: "solid",
68
+ testId: (0, _qa.generateTestId)({
69
+ base: testId,
70
+ slot: 'icon'
71
+ })
58
72
  });
59
73
  case TOAST_SEMANTIC.danger:
60
74
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
61
75
  name: "shield-exclamation",
62
76
  size: "medium",
63
77
  color: _Text.TEXT_COLORS.danger,
64
- type: "solid"
78
+ type: "solid",
79
+ testId: (0, _qa.generateTestId)({
80
+ base: testId,
81
+ slot: 'icon'
82
+ })
65
83
  });
66
84
  default:
67
85
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
68
86
  color: _Text.TEXT_COLORS.neutral,
69
87
  name: "face-smile",
70
88
  size: "medium",
71
- type: "solid"
89
+ type: "solid",
90
+ testId: (0, _qa.generateTestId)({
91
+ base: testId,
92
+ slot: 'icon'
93
+ })
72
94
  });
73
95
  }
74
96
  };
@@ -77,12 +99,17 @@ const ToastTitle = exports.ToastTitle = /*#__PURE__*/React.forwardRef((_ref2, re
77
99
  children,
78
100
  semantic = TOAST_SEMANTIC.information,
79
101
  className,
102
+ testId,
80
103
  ...props
81
104
  } = _ref2;
82
105
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
83
106
  className: (0, _classify.default)(_ToastModule.default.toastTitle, _typographyModule.default[semantic], className),
84
107
  ...props,
85
108
  ref: ref,
109
+ "data-testid": (0, _qa.generateTestId)({
110
+ base: testId,
111
+ slot: 'title'
112
+ }),
86
113
  children: children
87
114
  });
88
115
  });
@@ -91,12 +118,17 @@ const ToastBody = exports.ToastBody = /*#__PURE__*/React.forwardRef((_ref3, ref)
91
118
  let {
92
119
  children,
93
120
  className,
121
+ testId,
94
122
  ...props
95
123
  } = _ref3;
96
124
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
97
125
  className: (0, _classify.default)(_ToastModule.default.toastBody, className),
98
126
  ...props,
99
127
  ref: ref,
128
+ "data-testid": (0, _qa.generateTestId)({
129
+ base: testId,
130
+ slot: 'body'
131
+ }),
100
132
  children: children
101
133
  });
102
134
  });
@@ -104,7 +136,8 @@ ToastBody.displayName = 'ToastBody';
104
136
  const ToastFooter = _ref4 => {
105
137
  let {
106
138
  children,
107
- onClose
139
+ onClose,
140
+ testId
108
141
  } = _ref4;
109
142
  const arrayChildren = React.Children.toArray(children);
110
143
  const footerActions = React.Children.map(children, (child, index) => {
@@ -125,14 +158,24 @@ const ToastFooter = _ref4 => {
125
158
  size: 'small',
126
159
  type: 'primary',
127
160
  ...buttonProps,
128
- onClick: buttonClickHandler
161
+ onClick: buttonClickHandler,
162
+ testId: (0, _qa.generateTestId)({
163
+ base: testId,
164
+ slot: 'button',
165
+ index: index.toString()
166
+ })
129
167
  });
130
168
  } else if (buttonElement?.type?.displayName === 'Button') {
131
169
  return /*#__PURE__*/React.cloneElement(buttonElement, {
132
170
  size: 'small',
133
171
  type: 'tertiary',
134
172
  ...buttonProps,
135
- onClick: buttonClickHandler
173
+ onClick: buttonClickHandler,
174
+ testId: (0, _qa.generateTestId)({
175
+ base: testId,
176
+ slot: 'button',
177
+ index: index.toString()
178
+ })
136
179
  });
137
180
  }
138
181
  }
@@ -140,6 +183,10 @@ const ToastFooter = _ref4 => {
140
183
  });
141
184
  return React.Children.count(children) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
142
185
  className: _ToastModule.default.toastFooterActions,
186
+ "data-testid": (0, _qa.generateTestId)({
187
+ base: testId,
188
+ slot: 'footer'
189
+ }),
143
190
  children: footerActions
144
191
  }) : null;
145
192
  };
@@ -154,7 +201,8 @@ const Toast = _ref5 => {
154
201
  onClose,
155
202
  initialFocus = -1,
156
203
  customIcon,
157
- hideCloseIcon
204
+ hideCloseIcon,
205
+ testId
158
206
  } = _ref5;
159
207
  const {
160
208
  refs,
@@ -173,7 +221,8 @@ const Toast = _ref5 => {
173
221
  const toastChildElement = child;
174
222
  if (toastChildElement?.type?.displayName === comp) {
175
223
  nodes.push(/*#__PURE__*/React.cloneElement(toastChildElement, {
176
- semantic
224
+ semantic,
225
+ testId
177
226
  }));
178
227
  }
179
228
  }
@@ -184,7 +233,8 @@ const Toast = _ref5 => {
184
233
  };
185
234
  const footer = getComp('ToastFooter');
186
235
  const footerWithClose = footer ? /*#__PURE__*/React.cloneElement(footer, {
187
- onClose
236
+ onClose,
237
+ testId
188
238
  }) : null;
189
239
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
190
240
  context: context,
@@ -192,10 +242,19 @@ const Toast = _ref5 => {
192
242
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
193
243
  className: (0, _classify.default)(_ToastModule.default.toastContainer, classNames?.wrapper),
194
244
  ref: refs.setFloating,
245
+ "data-testid": (0, _qa.generateTestId)({
246
+ base: testId,
247
+ slot: 'root'
248
+ }),
195
249
  children: [customIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastIcon, {
196
- semantic: semantic
250
+ semantic: semantic,
251
+ testId: testId
197
252
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
198
253
  className: _ToastModule.default.toastMidSection,
254
+ "data-testid": (0, _qa.generateTestId)({
255
+ base: testId,
256
+ slot: 'content'
257
+ }),
199
258
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
200
259
  className: _ToastModule.default.contentWrap,
201
260
  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -203,6 +262,10 @@ const Toast = _ref5 => {
203
262
  children: [getComp('ToastTitle'), getComp('ToastBody')]
204
263
  }), time && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleExtraSmall, {
205
264
  className: classNames?.time,
265
+ testId: (0, _qa.generateTestId)({
266
+ base: testId,
267
+ slot: 'time'
268
+ }),
206
269
  children: time
207
270
  })]
208
271
  }), footerWithClose]
@@ -211,7 +274,11 @@ const Toast = _ref5 => {
211
274
  button: _ToastModule.default.closeIcon
212
275
  },
213
276
  onClick: onClose,
214
- ariaLabel: "Close Button"
277
+ ariaLabel: "Close Button",
278
+ testId: (0, _qa.generateTestId)({
279
+ base: testId,
280
+ slot: 'close'
281
+ })
215
282
  })]
216
283
  })
217
284
  });
@@ -24,6 +24,7 @@ export interface ToggleProps {
24
24
  value?: string;
25
25
  ariaLabel?: string;
26
26
  labelPosition?: 'left' | 'right';
27
+ testId?: string;
27
28
  }
28
29
  export declare const Toggle: Flow.AbstractComponent<ToggleProps, HTMLInputElement>;
29
30
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD;;;;;GAKG;AACH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CAoFtE,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD;;;;;GAKG;AACH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,OAAO,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,gBAAgB,CA6FtE,CAAC"}