@veeqo/ui 10.0.0-beta.4 → 10.0.0-beta.6

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 (572) hide show
  1. package/dist/components/Accordion/Accordion.cjs +1 -1
  2. package/dist/components/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +1 -1
  4. package/dist/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/components/Alerts/Alert/Alert.cjs +1 -1
  6. package/dist/components/Alerts/Alert/Alert.cjs.map +1 -1
  7. package/dist/components/Alerts/Alert/Alert.js +1 -1
  8. package/dist/components/Alerts/Alert/Alert.js.map +1 -1
  9. package/dist/components/Alerts/constants.cjs +6 -6
  10. package/dist/components/Alerts/constants.cjs.map +1 -1
  11. package/dist/components/Alerts/constants.js +6 -6
  12. package/dist/components/Alerts/constants.js.map +1 -1
  13. package/dist/components/Anchor/Anchor.cjs +2 -2
  14. package/dist/components/Anchor/Anchor.cjs.map +1 -1
  15. package/dist/components/Anchor/Anchor.js +2 -2
  16. package/dist/components/Anchor/Anchor.js.map +1 -1
  17. package/dist/components/Anchor/styled.cjs +1 -1
  18. package/dist/components/Anchor/styled.cjs.map +1 -1
  19. package/dist/components/Anchor/styled.js +1 -1
  20. package/dist/components/Anchor/styled.js.map +1 -1
  21. package/dist/components/Anchor/utils/urlUtils.cjs +1 -1
  22. package/dist/components/Anchor/utils/urlUtils.cjs.map +1 -1
  23. package/dist/components/Anchor/utils/urlUtils.d.ts +1 -1
  24. package/dist/components/Anchor/utils/urlUtils.js +1 -1
  25. package/dist/components/Anchor/utils/urlUtils.js.map +1 -1
  26. package/dist/components/Banner/Banner.cjs +1 -1
  27. package/dist/components/Banner/Banner.cjs.map +1 -1
  28. package/dist/components/Banner/Banner.js +1 -1
  29. package/dist/components/Banner/Banner.js.map +1 -1
  30. package/dist/components/Breadcrumbs/Breadcrumbs.cjs +1 -1
  31. package/dist/components/Breadcrumbs/Breadcrumbs.cjs.map +1 -1
  32. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
  33. package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  34. package/dist/components/Button/Button.cjs +1 -1
  35. package/dist/components/Button/Button.cjs.map +1 -1
  36. package/dist/components/Button/Button.js +1 -1
  37. package/dist/components/Button/Button.js.map +1 -1
  38. package/dist/components/Calendars/components/subcomponents/CalendarHeader.cjs +4 -4
  39. package/dist/components/Calendars/components/subcomponents/CalendarHeader.cjs.map +1 -1
  40. package/dist/components/Calendars/components/subcomponents/CalendarHeader.js +4 -4
  41. package/dist/components/Calendars/components/subcomponents/CalendarHeader.js.map +1 -1
  42. package/dist/components/CardHeader/CardHeader.cjs +3 -3
  43. package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
  44. package/dist/components/CardHeader/CardHeader.js +3 -3
  45. package/dist/components/CardHeader/CardHeader.js.map +1 -1
  46. package/dist/components/Choice/Choice.cjs +1 -1
  47. package/dist/components/Choice/Choice.cjs.map +1 -1
  48. package/dist/components/Choice/Choice.js +1 -1
  49. package/dist/components/Choice/Choice.js.map +1 -1
  50. package/dist/components/CopyToClipboard/CopyToClipboard.cjs +2 -2
  51. package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map +1 -1
  52. package/dist/components/CopyToClipboard/CopyToClipboard.js +2 -2
  53. package/dist/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
  54. package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.cjs +2 -2
  55. package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.cjs.map +1 -1
  56. package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.js +2 -2
  57. package/dist/components/DataGrid/components/CellContent/ExpandButton/ExpandButton.js.map +1 -1
  58. package/dist/components/DataGrid/components/Columns/Columns.cjs +3 -1
  59. package/dist/components/DataGrid/components/Columns/Columns.cjs.map +1 -1
  60. package/dist/components/DataGrid/components/Columns/Columns.js +3 -1
  61. package/dist/components/DataGrid/components/Columns/Columns.js.map +1 -1
  62. package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs +2 -1
  63. package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.cjs.map +1 -1
  64. package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js +2 -1
  65. package/dist/components/DataGrid/components/Header/HeaderCell/HeaderCell.js.map +1 -1
  66. package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.cjs +3 -3
  67. package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.cjs.map +1 -1
  68. package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.js +3 -3
  69. package/dist/components/DataGrid/components/Header/HeaderCell/SortIcon/SortIcon.js.map +1 -1
  70. package/dist/components/DataGrid/utils/index.d.ts +1 -0
  71. package/dist/components/DataGrid/utils/isLastColumn.cjs +11 -0
  72. package/dist/components/DataGrid/utils/isLastColumn.cjs.map +1 -0
  73. package/dist/components/DataGrid/utils/isLastColumn.d.ts +2 -0
  74. package/dist/components/DataGrid/utils/isLastColumn.js +9 -0
  75. package/dist/components/DataGrid/utils/isLastColumn.js.map +1 -0
  76. package/dist/components/DataTable/DataTable.cjs +1 -1
  77. package/dist/components/DataTable/DataTable.cjs.map +1 -1
  78. package/dist/components/DataTable/DataTable.js +1 -1
  79. package/dist/components/DataTable/DataTable.js.map +1 -1
  80. package/dist/components/DataTable/components/ColumnMenu.cjs +3 -3
  81. package/dist/components/DataTable/components/ColumnMenu.cjs.map +1 -1
  82. package/dist/components/DataTable/components/ColumnMenu.js +3 -3
  83. package/dist/components/DataTable/components/ColumnMenu.js.map +1 -1
  84. package/dist/components/DataTable/utils/GetSortIcon.cjs +3 -3
  85. package/dist/components/DataTable/utils/GetSortIcon.cjs.map +1 -1
  86. package/dist/components/DataTable/utils/GetSortIcon.js +3 -3
  87. package/dist/components/DataTable/utils/GetSortIcon.js.map +1 -1
  88. package/dist/components/DateInputField/styled.cjs.map +1 -1
  89. package/dist/components/DateInputField/styled.d.ts +2 -2
  90. package/dist/components/DateInputField/styled.js.map +1 -1
  91. package/dist/components/DateInputField/types.d.ts +2 -2
  92. package/dist/components/DatePicker/DatePicker.cjs +1 -1
  93. package/dist/components/DatePicker/DatePicker.cjs.map +1 -1
  94. package/dist/components/DatePicker/DatePicker.js +1 -1
  95. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  96. package/dist/components/DimensionsInput/DimensionsInput.cjs +12 -18
  97. package/dist/components/DimensionsInput/DimensionsInput.cjs.map +1 -1
  98. package/dist/components/DimensionsInput/DimensionsInput.d.ts +1 -1
  99. package/dist/components/DimensionsInput/DimensionsInput.js +10 -16
  100. package/dist/components/DimensionsInput/DimensionsInput.js.map +1 -1
  101. package/dist/components/FilterTag/styled.cjs +2 -2
  102. package/dist/components/FilterTag/styled.cjs.map +1 -1
  103. package/dist/components/FilterTag/styled.js +2 -2
  104. package/dist/components/FilterTag/styled.js.map +1 -1
  105. package/dist/components/Flex/Flex.module.scss.cjs +9 -0
  106. package/dist/components/Flex/Flex.module.scss.cjs.map +1 -0
  107. package/dist/components/Flex/Flex.module.scss.js +7 -0
  108. package/dist/components/Flex/Flex.module.scss.js.map +1 -0
  109. package/dist/components/Flex/FlexCol/FlexCol.cjs +32 -0
  110. package/dist/components/Flex/FlexCol/FlexCol.cjs.map +1 -0
  111. package/dist/components/Flex/FlexCol/FlexCol.d.ts +4 -0
  112. package/dist/components/Flex/FlexCol/FlexCol.js +25 -0
  113. package/dist/components/Flex/FlexCol/FlexCol.js.map +1 -0
  114. package/dist/components/Flex/FlexCol/FlexCol.module.scss.cjs +9 -0
  115. package/dist/components/Flex/FlexCol/FlexCol.module.scss.cjs.map +1 -0
  116. package/dist/components/Flex/FlexCol/FlexCol.module.scss.js +7 -0
  117. package/dist/components/Flex/FlexCol/FlexCol.module.scss.js.map +1 -0
  118. package/dist/components/Flex/FlexCol/index.d.ts +1 -0
  119. package/dist/components/Flex/FlexRow/FlexRow.cjs +33 -0
  120. package/dist/components/Flex/FlexRow/FlexRow.cjs.map +1 -0
  121. package/dist/components/Flex/FlexRow/FlexRow.d.ts +9 -0
  122. package/dist/components/Flex/FlexRow/FlexRow.js +26 -0
  123. package/dist/components/Flex/FlexRow/FlexRow.js.map +1 -0
  124. package/dist/components/Flex/FlexRow/FlexRow.module.scss.cjs +9 -0
  125. package/dist/components/Flex/FlexRow/FlexRow.module.scss.cjs.map +1 -0
  126. package/dist/components/Flex/FlexRow/FlexRow.module.scss.js +7 -0
  127. package/dist/components/Flex/FlexRow/FlexRow.module.scss.js.map +1 -0
  128. package/dist/components/Flex/FlexRow/index.d.ts +1 -0
  129. package/dist/components/Flex/types.d.ts +10 -0
  130. package/dist/components/Image/Image.cjs +4 -2
  131. package/dist/components/Image/Image.cjs.map +1 -1
  132. package/dist/components/Image/Image.js +4 -2
  133. package/dist/components/Image/Image.js.map +1 -1
  134. package/dist/components/InputAffix/InputAffix.cjs.map +1 -1
  135. package/dist/components/InputAffix/InputAffix.d.ts +3 -3
  136. package/dist/components/InputAffix/InputAffix.js.map +1 -1
  137. package/dist/components/InputGroup/index.cjs.map +1 -1
  138. package/dist/components/InputGroup/index.d.ts +3 -3
  139. package/dist/components/InputGroup/index.js.map +1 -1
  140. package/dist/components/LegacyDataTable/LegacyDataTable.cjs +3 -3
  141. package/dist/components/LegacyDataTable/LegacyDataTable.cjs.map +1 -1
  142. package/dist/components/LegacyDataTable/LegacyDataTable.js +3 -3
  143. package/dist/components/LegacyDataTable/LegacyDataTable.js.map +1 -1
  144. package/dist/components/LegacyDataTable/utils/constants.cjs +2 -2
  145. package/dist/components/LegacyDataTable/utils/constants.cjs.map +1 -1
  146. package/dist/components/LegacyDataTable/utils/constants.js +2 -2
  147. package/dist/components/LegacyDataTable/utils/constants.js.map +1 -1
  148. package/dist/components/Modal/Modal.cjs +1 -1
  149. package/dist/components/Modal/Modal.cjs.map +1 -1
  150. package/dist/components/Modal/Modal.js +1 -1
  151. package/dist/components/Modal/Modal.js.map +1 -1
  152. package/dist/components/Pagination/Pagination.cjs +4 -4
  153. package/dist/components/Pagination/Pagination.cjs.map +1 -1
  154. package/dist/components/Pagination/Pagination.js +4 -4
  155. package/dist/components/Pagination/Pagination.js.map +1 -1
  156. package/dist/components/Pagination/styled.d.ts +1 -1
  157. package/dist/components/Popover/Popover.cjs +1 -1
  158. package/dist/components/Popover/Popover.cjs.map +1 -1
  159. package/dist/components/Popover/Popover.js +1 -1
  160. package/dist/components/Popover/Popover.js.map +1 -1
  161. package/dist/components/PriceInput/types.d.ts +2 -2
  162. package/dist/components/Search/Search.cjs +4 -4
  163. package/dist/components/Search/Search.cjs.map +1 -1
  164. package/dist/components/Search/Search.d.ts +1 -1
  165. package/dist/components/Search/Search.js +4 -4
  166. package/dist/components/Search/Search.js.map +1 -1
  167. package/dist/components/Search/styled.d.ts +1 -1
  168. package/dist/components/Select/styled.cjs +1 -1
  169. package/dist/components/Select/styled.cjs.map +1 -1
  170. package/dist/components/Select/styled.js +1 -1
  171. package/dist/components/Select/styled.js.map +1 -1
  172. package/dist/components/SelectDropdown/ListItem/components/CheckboxIndicator.cjs +2 -2
  173. package/dist/components/SelectDropdown/ListItem/components/CheckboxIndicator.cjs.map +1 -1
  174. package/dist/components/SelectDropdown/ListItem/components/CheckboxIndicator.js +2 -2
  175. package/dist/components/SelectDropdown/ListItem/components/CheckboxIndicator.js.map +1 -1
  176. package/dist/components/SelectDropdown/ListItem/components/ListItemContent.cjs +1 -1
  177. package/dist/components/SelectDropdown/ListItem/components/ListItemContent.cjs.map +1 -1
  178. package/dist/components/SelectDropdown/ListItem/components/ListItemContent.js +1 -1
  179. package/dist/components/SelectDropdown/ListItem/components/ListItemContent.js.map +1 -1
  180. package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.cjs +2 -2
  181. package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.cjs.map +1 -1
  182. package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.js +2 -2
  183. package/dist/components/SelectDropdown/ListItem/components/RadioIndicator.js.map +1 -1
  184. package/dist/components/SelectDropdown/ListItem/styled.cjs +1 -1
  185. package/dist/components/SelectDropdown/ListItem/styled.cjs.map +1 -1
  186. package/dist/components/SelectDropdown/ListItem/styled.js +1 -1
  187. package/dist/components/SelectDropdown/ListItem/styled.js.map +1 -1
  188. package/dist/components/SelectDropdown/styled.d.ts +2 -2
  189. package/dist/components/Stepper/Stepper.cjs +2 -2
  190. package/dist/components/Stepper/Stepper.cjs.map +1 -1
  191. package/dist/components/Stepper/Stepper.d.ts +2 -2
  192. package/dist/components/Stepper/Stepper.js +2 -2
  193. package/dist/components/Stepper/Stepper.js.map +1 -1
  194. package/dist/components/Stepper/styled.cjs +2 -2
  195. package/dist/components/Stepper/styled.cjs.map +1 -1
  196. package/dist/components/Stepper/styled.d.ts +4 -4
  197. package/dist/components/Stepper/styled.js +2 -2
  198. package/dist/components/Stepper/styled.js.map +1 -1
  199. package/dist/components/TextField/TextField.d.ts +1 -1
  200. package/dist/components/TextField/index.d.ts +1 -1
  201. package/dist/components/TextField/styled.cjs +1 -1
  202. package/dist/components/TextField/styled.cjs.map +1 -1
  203. package/dist/components/TextField/styled.js +1 -1
  204. package/dist/components/TextField/styled.js.map +1 -1
  205. package/dist/components/TextField/types.d.ts +2 -2
  206. package/dist/components/ToastsLayout/components/Toast.cjs +5 -5
  207. package/dist/components/ToastsLayout/components/Toast.cjs.map +1 -1
  208. package/dist/components/ToastsLayout/components/Toast.js +5 -5
  209. package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
  210. package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs +2 -1
  211. package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.cjs.map +1 -1
  212. package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js +2 -1
  213. package/dist/components/UploadFile/components/UploadFileErrors/UploadFileErrors.js.map +1 -1
  214. package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs +1 -1
  215. package/dist/components/UploadFile/components/UploadedFile/UploadedFile.cjs.map +1 -1
  216. package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js +1 -1
  217. package/dist/components/UploadFile/components/UploadedFile/UploadedFile.js.map +1 -1
  218. package/dist/components/VideoModal/VideoModal.cjs +1 -1
  219. package/dist/components/VideoModal/VideoModal.cjs.map +1 -1
  220. package/dist/components/VideoModal/VideoModal.js +1 -1
  221. package/dist/components/VideoModal/VideoModal.js.map +1 -1
  222. package/dist/components/View/View.cjs +2 -2
  223. package/dist/components/View/View.cjs.map +1 -1
  224. package/dist/components/View/View.js +2 -2
  225. package/dist/components/View/View.js.map +1 -1
  226. package/dist/components/ViewTab/styled.cjs +2 -2
  227. package/dist/components/ViewTab/styled.cjs.map +1 -1
  228. package/dist/components/ViewTab/styled.js +2 -2
  229. package/dist/components/ViewTab/styled.js.map +1 -1
  230. package/dist/components/ViewsContainer/styled.cjs +3 -3
  231. package/dist/components/ViewsContainer/styled.cjs.map +1 -1
  232. package/dist/components/ViewsContainer/styled.d.ts +1 -1
  233. package/dist/components/ViewsContainer/styled.js +3 -3
  234. package/dist/components/ViewsContainer/styled.js.map +1 -1
  235. package/dist/components/WeightInput/WeightInput.cjs +6 -10
  236. package/dist/components/WeightInput/WeightInput.cjs.map +1 -1
  237. package/dist/components/WeightInput/WeightInput.js +6 -10
  238. package/dist/components/WeightInput/WeightInput.js.map +1 -1
  239. package/dist/components/WeightInput/types.cjs.map +1 -1
  240. package/dist/components/WeightInput/types.d.ts +3 -4
  241. package/dist/components/WeightInput/types.js.map +1 -1
  242. package/dist/components/index.d.ts +2 -0
  243. package/dist/components/types.d.ts +6 -2
  244. package/dist/hoc/withLabels/withLabels.cjs +2 -2
  245. package/dist/hoc/withLabels/withLabels.cjs.map +1 -1
  246. package/dist/hoc/withLabels/withLabels.js +2 -2
  247. package/dist/hoc/withLabels/withLabels.js.map +1 -1
  248. package/dist/icons/ActiveCheckboxIcon.cjs.map +1 -0
  249. package/dist/icons/ActiveCheckboxIcon.js.map +1 -0
  250. package/dist/icons/ActiveRadioIcon.cjs.map +1 -0
  251. package/dist/icons/ActiveRadioIcon.js.map +1 -0
  252. package/dist/icons/AmazonSmileIcon.cjs +31 -0
  253. package/dist/icons/AmazonSmileIcon.cjs.map +1 -0
  254. package/dist/icons/AmazonSmileIcon.d.ts +2 -0
  255. package/dist/icons/AmazonSmileIcon.js +9 -0
  256. package/dist/icons/AmazonSmileIcon.js.map +1 -0
  257. package/dist/icons/ArrowDownIcon.cjs.map +1 -0
  258. package/dist/icons/ArrowDownIcon.js.map +1 -0
  259. package/dist/icons/ArrowUpIcon.cjs.map +1 -0
  260. package/dist/icons/ArrowUpIcon.js.map +1 -0
  261. package/dist/icons/AttentionIcon.cjs.map +1 -0
  262. package/dist/icons/AttentionIcon.js.map +1 -0
  263. package/dist/icons/CalendarIcon.cjs.map +1 -0
  264. package/dist/icons/CalendarIcon.js.map +1 -0
  265. package/dist/icons/ClipboardIcon.cjs.map +1 -0
  266. package/dist/icons/ClipboardIcon.js.map +1 -0
  267. package/dist/icons/CreditCardIcon.cjs +13 -0
  268. package/dist/icons/CreditCardIcon.cjs.map +1 -0
  269. package/dist/icons/CreditCardIcon.d.ts +2 -0
  270. package/dist/icons/CreditCardIcon.js +7 -0
  271. package/dist/icons/CreditCardIcon.js.map +1 -0
  272. package/dist/icons/CriticalIcon.cjs.map +1 -0
  273. package/dist/icons/CriticalIcon.js.map +1 -0
  274. package/dist/icons/CrossIcon.cjs.map +1 -0
  275. package/dist/icons/CrossIcon.js.map +1 -0
  276. package/dist/icons/DashboardIcon.cjs.map +1 -0
  277. package/dist/icons/DashboardIcon.js.map +1 -0
  278. package/dist/icons/DestructiveIcon.cjs.map +1 -0
  279. package/dist/icons/DestructiveIcon.js.map +1 -0
  280. package/dist/icons/DocumentIcon.cjs +15 -0
  281. package/dist/icons/DocumentIcon.cjs.map +1 -0
  282. package/dist/icons/DocumentIcon.d.ts +2 -0
  283. package/dist/icons/DocumentIcon.js +9 -0
  284. package/dist/icons/DocumentIcon.js.map +1 -0
  285. package/dist/icons/DomesticIcon.cjs +13 -0
  286. package/dist/icons/DomesticIcon.cjs.map +1 -0
  287. package/dist/icons/DomesticIcon.d.ts +3 -0
  288. package/dist/icons/DomesticIcon.js +7 -0
  289. package/dist/icons/DomesticIcon.js.map +1 -0
  290. package/dist/icons/DoubleArrowAscIcon.cjs.map +1 -0
  291. package/dist/icons/DoubleArrowAscIcon.js.map +1 -0
  292. package/dist/icons/DoubleArrowDescIcon.cjs.map +1 -0
  293. package/dist/icons/DoubleArrowDescIcon.js.map +1 -0
  294. package/dist/icons/DoubleArrowIcon.cjs.map +1 -0
  295. package/dist/icons/DoubleArrowIcon.js.map +1 -0
  296. package/dist/icons/DownArrowIcon.cjs.map +1 -0
  297. package/dist/icons/DownArrowIcon.js.map +1 -0
  298. package/dist/icons/DragIndicatorIcon.cjs.map +1 -0
  299. package/dist/icons/DragIndicatorIcon.js.map +1 -0
  300. package/dist/icons/DropdownIcon.cjs.map +1 -0
  301. package/dist/icons/DropdownIcon.js.map +1 -0
  302. package/dist/icons/EditIcon.cjs.map +1 -0
  303. package/dist/icons/EditIcon.js.map +1 -0
  304. package/dist/icons/EndArrowIcon.cjs.map +1 -0
  305. package/dist/icons/EndArrowIcon.js.map +1 -0
  306. package/dist/icons/FailIcon.cjs.map +1 -0
  307. package/dist/icons/FailIcon.js.map +1 -0
  308. package/dist/icons/HelpIcon.cjs.map +1 -0
  309. package/dist/icons/HelpIcon.js.map +1 -0
  310. package/dist/icons/InactiveCheckboxIcon.cjs.map +1 -0
  311. package/dist/icons/InactiveCheckboxIcon.js.map +1 -0
  312. package/dist/icons/InactiveRadioIcon.cjs.map +1 -0
  313. package/dist/icons/InactiveRadioIcon.js.map +1 -0
  314. package/dist/icons/InfoIcon.cjs.map +1 -0
  315. package/dist/icons/InfoIcon.js.map +1 -0
  316. package/dist/icons/LaunchIcon.cjs.map +1 -0
  317. package/dist/icons/LaunchIcon.js.map +1 -0
  318. package/dist/icons/LeftArrowIcon.cjs.map +1 -0
  319. package/dist/icons/LeftArrowIcon.js.map +1 -0
  320. package/dist/icons/MergeIcon.cjs.map +1 -0
  321. package/dist/icons/MergeIcon.js.map +1 -0
  322. package/dist/icons/MinusIcon.cjs.map +1 -0
  323. package/dist/icons/MinusIcon.js.map +1 -0
  324. package/dist/icons/PlusIcon.cjs.map +1 -0
  325. package/dist/icons/PlusIcon.js.map +1 -0
  326. package/dist/icons/RecommendIcon.cjs.map +1 -0
  327. package/dist/icons/RecommendIcon.js.map +1 -0
  328. package/dist/icons/ReorderIcon.cjs.map +1 -0
  329. package/dist/icons/ReorderIcon.js.map +1 -0
  330. package/dist/icons/RightArrowIcon.cjs.map +1 -0
  331. package/dist/icons/RightArrowIcon.js.map +1 -0
  332. package/dist/icons/SearchIcon.cjs.map +1 -0
  333. package/dist/icons/SearchIcon.js.map +1 -0
  334. package/dist/icons/StartArrowIcon.cjs.map +1 -0
  335. package/dist/icons/StartArrowIcon.js.map +1 -0
  336. package/dist/icons/SuccessIcon.cjs.map +1 -0
  337. package/dist/icons/SuccessIcon.js.map +1 -0
  338. package/dist/icons/ThreeDotsIcon.cjs.map +1 -0
  339. package/dist/icons/ThreeDotsIcon.js.map +1 -0
  340. package/dist/icons/UpArrowIcon.cjs.map +1 -0
  341. package/dist/icons/UpArrowIcon.js.map +1 -0
  342. package/dist/icons/VisibilityIcon.cjs.map +1 -0
  343. package/dist/icons/VisibilityIcon.js.map +1 -0
  344. package/dist/icons/VisibilityOffIcon.cjs.map +1 -0
  345. package/dist/icons/VisibilityOffIcon.js.map +1 -0
  346. package/dist/icons/WarningIcon.cjs.map +1 -0
  347. package/dist/icons/WarningIcon.js.map +1 -0
  348. package/dist/{tempIcons → icons}/index.d.ts +5 -0
  349. package/dist/index.cjs +52 -38
  350. package/dist/index.cjs.map +1 -1
  351. package/dist/index.d.ts +1 -1
  352. package/dist/index.js +45 -38
  353. package/dist/index.js.map +1 -1
  354. package/dist/utils/forms/inputStyles.cjs +1 -1
  355. package/dist/utils/forms/inputStyles.cjs.map +1 -1
  356. package/dist/utils/forms/inputStyles.d.ts +4 -4
  357. package/dist/utils/forms/inputStyles.js +1 -1
  358. package/dist/utils/forms/inputStyles.js.map +1 -1
  359. package/dist/utils/forms/variables.cjs.map +1 -1
  360. package/dist/utils/forms/variables.d.ts +2 -2
  361. package/dist/utils/forms/variables.js.map +1 -1
  362. package/package.json +1 -1
  363. package/dist/components/Flex/FlexSpacer/FlexSpacer.cjs +0 -15
  364. package/dist/components/Flex/FlexSpacer/FlexSpacer.cjs.map +0 -1
  365. package/dist/components/Flex/FlexSpacer/FlexSpacer.d.ts +0 -2
  366. package/dist/components/Flex/FlexSpacer/FlexSpacer.js +0 -9
  367. package/dist/components/Flex/FlexSpacer/FlexSpacer.js.map +0 -1
  368. package/dist/components/Flex/FlexSpacer/FlexSpacer.module.scss.cjs +0 -9
  369. package/dist/components/Flex/FlexSpacer/FlexSpacer.module.scss.cjs.map +0 -1
  370. package/dist/components/Flex/FlexSpacer/FlexSpacer.module.scss.js +0 -7
  371. package/dist/components/Flex/FlexSpacer/FlexSpacer.module.scss.js.map +0 -1
  372. package/dist/components/Flex/FlexSpacer/index.d.ts +0 -1
  373. package/dist/tempIcons/ActiveCheckboxIcon.cjs.map +0 -1
  374. package/dist/tempIcons/ActiveCheckboxIcon.js.map +0 -1
  375. package/dist/tempIcons/ActiveRadioIcon.cjs.map +0 -1
  376. package/dist/tempIcons/ActiveRadioIcon.js.map +0 -1
  377. package/dist/tempIcons/ArrowDownIcon.cjs.map +0 -1
  378. package/dist/tempIcons/ArrowDownIcon.js.map +0 -1
  379. package/dist/tempIcons/ArrowUpIcon.cjs.map +0 -1
  380. package/dist/tempIcons/ArrowUpIcon.js.map +0 -1
  381. package/dist/tempIcons/AttentionIcon.cjs.map +0 -1
  382. package/dist/tempIcons/AttentionIcon.js.map +0 -1
  383. package/dist/tempIcons/CalendarIcon.cjs.map +0 -1
  384. package/dist/tempIcons/CalendarIcon.js.map +0 -1
  385. package/dist/tempIcons/ClipboardIcon.cjs.map +0 -1
  386. package/dist/tempIcons/ClipboardIcon.js.map +0 -1
  387. package/dist/tempIcons/CriticalIcon.cjs.map +0 -1
  388. package/dist/tempIcons/CriticalIcon.js.map +0 -1
  389. package/dist/tempIcons/CrossIcon.cjs.map +0 -1
  390. package/dist/tempIcons/CrossIcon.js.map +0 -1
  391. package/dist/tempIcons/DashboardIcon.cjs.map +0 -1
  392. package/dist/tempIcons/DashboardIcon.js.map +0 -1
  393. package/dist/tempIcons/DestructiveIcon.cjs.map +0 -1
  394. package/dist/tempIcons/DestructiveIcon.js.map +0 -1
  395. package/dist/tempIcons/DoubleArrowAscIcon.cjs.map +0 -1
  396. package/dist/tempIcons/DoubleArrowAscIcon.js.map +0 -1
  397. package/dist/tempIcons/DoubleArrowDescIcon.cjs.map +0 -1
  398. package/dist/tempIcons/DoubleArrowDescIcon.js.map +0 -1
  399. package/dist/tempIcons/DoubleArrowIcon.cjs.map +0 -1
  400. package/dist/tempIcons/DoubleArrowIcon.js.map +0 -1
  401. package/dist/tempIcons/DownArrowIcon.cjs.map +0 -1
  402. package/dist/tempIcons/DownArrowIcon.js.map +0 -1
  403. package/dist/tempIcons/DragIndicatorIcon.cjs.map +0 -1
  404. package/dist/tempIcons/DragIndicatorIcon.js.map +0 -1
  405. package/dist/tempIcons/DropdownIcon.cjs.map +0 -1
  406. package/dist/tempIcons/DropdownIcon.js.map +0 -1
  407. package/dist/tempIcons/EditIcon.cjs.map +0 -1
  408. package/dist/tempIcons/EditIcon.js.map +0 -1
  409. package/dist/tempIcons/EndArrowIcon.cjs.map +0 -1
  410. package/dist/tempIcons/EndArrowIcon.js.map +0 -1
  411. package/dist/tempIcons/FailIcon.cjs.map +0 -1
  412. package/dist/tempIcons/FailIcon.js.map +0 -1
  413. package/dist/tempIcons/HelpIcon.cjs.map +0 -1
  414. package/dist/tempIcons/HelpIcon.js.map +0 -1
  415. package/dist/tempIcons/InactiveCheckboxIcon.cjs.map +0 -1
  416. package/dist/tempIcons/InactiveCheckboxIcon.js.map +0 -1
  417. package/dist/tempIcons/InactiveRadioIcon.cjs.map +0 -1
  418. package/dist/tempIcons/InactiveRadioIcon.js.map +0 -1
  419. package/dist/tempIcons/InfoIcon.cjs.map +0 -1
  420. package/dist/tempIcons/InfoIcon.js.map +0 -1
  421. package/dist/tempIcons/LaunchIcon.cjs.map +0 -1
  422. package/dist/tempIcons/LaunchIcon.js.map +0 -1
  423. package/dist/tempIcons/LeftArrowIcon.cjs.map +0 -1
  424. package/dist/tempIcons/LeftArrowIcon.js.map +0 -1
  425. package/dist/tempIcons/MergeIcon.cjs.map +0 -1
  426. package/dist/tempIcons/MergeIcon.js.map +0 -1
  427. package/dist/tempIcons/MinusIcon.cjs.map +0 -1
  428. package/dist/tempIcons/MinusIcon.js.map +0 -1
  429. package/dist/tempIcons/PlusIcon.cjs.map +0 -1
  430. package/dist/tempIcons/PlusIcon.js.map +0 -1
  431. package/dist/tempIcons/RecommendIcon.cjs.map +0 -1
  432. package/dist/tempIcons/RecommendIcon.js.map +0 -1
  433. package/dist/tempIcons/ReorderIcon.cjs.map +0 -1
  434. package/dist/tempIcons/ReorderIcon.js.map +0 -1
  435. package/dist/tempIcons/RightArrowIcon.cjs.map +0 -1
  436. package/dist/tempIcons/RightArrowIcon.js.map +0 -1
  437. package/dist/tempIcons/SearchIcon.cjs.map +0 -1
  438. package/dist/tempIcons/SearchIcon.js.map +0 -1
  439. package/dist/tempIcons/StartArrowIcon.cjs.map +0 -1
  440. package/dist/tempIcons/StartArrowIcon.js.map +0 -1
  441. package/dist/tempIcons/SuccessIcon.cjs.map +0 -1
  442. package/dist/tempIcons/SuccessIcon.js.map +0 -1
  443. package/dist/tempIcons/ThreeDotsIcon.cjs.map +0 -1
  444. package/dist/tempIcons/ThreeDotsIcon.js.map +0 -1
  445. package/dist/tempIcons/UpArrowIcon.cjs.map +0 -1
  446. package/dist/tempIcons/UpArrowIcon.js.map +0 -1
  447. package/dist/tempIcons/VisibilityIcon.cjs.map +0 -1
  448. package/dist/tempIcons/VisibilityIcon.js.map +0 -1
  449. package/dist/tempIcons/VisibilityOffIcon.cjs.map +0 -1
  450. package/dist/tempIcons/VisibilityOffIcon.js.map +0 -1
  451. package/dist/tempIcons/WarningIcon.cjs.map +0 -1
  452. package/dist/tempIcons/WarningIcon.js.map +0 -1
  453. /package/dist/{tempIcons → icons}/ActiveCheckboxIcon.cjs +0 -0
  454. /package/dist/{tempIcons → icons}/ActiveCheckboxIcon.d.ts +0 -0
  455. /package/dist/{tempIcons → icons}/ActiveCheckboxIcon.js +0 -0
  456. /package/dist/{tempIcons → icons}/ActiveRadioIcon.cjs +0 -0
  457. /package/dist/{tempIcons → icons}/ActiveRadioIcon.d.ts +0 -0
  458. /package/dist/{tempIcons → icons}/ActiveRadioIcon.js +0 -0
  459. /package/dist/{tempIcons → icons}/ArrowDownIcon.cjs +0 -0
  460. /package/dist/{tempIcons → icons}/ArrowDownIcon.d.ts +0 -0
  461. /package/dist/{tempIcons → icons}/ArrowDownIcon.js +0 -0
  462. /package/dist/{tempIcons → icons}/ArrowUpIcon.cjs +0 -0
  463. /package/dist/{tempIcons → icons}/ArrowUpIcon.d.ts +0 -0
  464. /package/dist/{tempIcons → icons}/ArrowUpIcon.js +0 -0
  465. /package/dist/{tempIcons → icons}/AttentionIcon.cjs +0 -0
  466. /package/dist/{tempIcons → icons}/AttentionIcon.d.ts +0 -0
  467. /package/dist/{tempIcons → icons}/AttentionIcon.js +0 -0
  468. /package/dist/{tempIcons → icons}/CalendarIcon.cjs +0 -0
  469. /package/dist/{tempIcons → icons}/CalendarIcon.d.ts +0 -0
  470. /package/dist/{tempIcons → icons}/CalendarIcon.js +0 -0
  471. /package/dist/{tempIcons → icons}/ClipboardIcon.cjs +0 -0
  472. /package/dist/{tempIcons → icons}/ClipboardIcon.d.ts +0 -0
  473. /package/dist/{tempIcons → icons}/ClipboardIcon.js +0 -0
  474. /package/dist/{tempIcons → icons}/CriticalIcon.cjs +0 -0
  475. /package/dist/{tempIcons → icons}/CriticalIcon.d.ts +0 -0
  476. /package/dist/{tempIcons → icons}/CriticalIcon.js +0 -0
  477. /package/dist/{tempIcons → icons}/CrossIcon.cjs +0 -0
  478. /package/dist/{tempIcons → icons}/CrossIcon.d.ts +0 -0
  479. /package/dist/{tempIcons → icons}/CrossIcon.js +0 -0
  480. /package/dist/{tempIcons → icons}/DashboardIcon.cjs +0 -0
  481. /package/dist/{tempIcons → icons}/DashboardIcon.d.ts +0 -0
  482. /package/dist/{tempIcons → icons}/DashboardIcon.js +0 -0
  483. /package/dist/{tempIcons → icons}/DestructiveIcon.cjs +0 -0
  484. /package/dist/{tempIcons → icons}/DestructiveIcon.d.ts +0 -0
  485. /package/dist/{tempIcons → icons}/DestructiveIcon.js +0 -0
  486. /package/dist/{tempIcons → icons}/DoubleArrowAscIcon.cjs +0 -0
  487. /package/dist/{tempIcons → icons}/DoubleArrowAscIcon.d.ts +0 -0
  488. /package/dist/{tempIcons → icons}/DoubleArrowAscIcon.js +0 -0
  489. /package/dist/{tempIcons → icons}/DoubleArrowDescIcon.cjs +0 -0
  490. /package/dist/{tempIcons → icons}/DoubleArrowDescIcon.d.ts +0 -0
  491. /package/dist/{tempIcons → icons}/DoubleArrowDescIcon.js +0 -0
  492. /package/dist/{tempIcons → icons}/DoubleArrowIcon.cjs +0 -0
  493. /package/dist/{tempIcons → icons}/DoubleArrowIcon.d.ts +0 -0
  494. /package/dist/{tempIcons → icons}/DoubleArrowIcon.js +0 -0
  495. /package/dist/{tempIcons → icons}/DownArrowIcon.cjs +0 -0
  496. /package/dist/{tempIcons → icons}/DownArrowIcon.d.ts +0 -0
  497. /package/dist/{tempIcons → icons}/DownArrowIcon.js +0 -0
  498. /package/dist/{tempIcons → icons}/DragIndicatorIcon.cjs +0 -0
  499. /package/dist/{tempIcons → icons}/DragIndicatorIcon.d.ts +0 -0
  500. /package/dist/{tempIcons → icons}/DragIndicatorIcon.js +0 -0
  501. /package/dist/{tempIcons → icons}/DropdownIcon.cjs +0 -0
  502. /package/dist/{tempIcons → icons}/DropdownIcon.d.ts +0 -0
  503. /package/dist/{tempIcons → icons}/DropdownIcon.js +0 -0
  504. /package/dist/{tempIcons → icons}/EditIcon.cjs +0 -0
  505. /package/dist/{tempIcons → icons}/EditIcon.d.ts +0 -0
  506. /package/dist/{tempIcons → icons}/EditIcon.js +0 -0
  507. /package/dist/{tempIcons → icons}/EndArrowIcon.cjs +0 -0
  508. /package/dist/{tempIcons → icons}/EndArrowIcon.d.ts +0 -0
  509. /package/dist/{tempIcons → icons}/EndArrowIcon.js +0 -0
  510. /package/dist/{tempIcons → icons}/FailIcon.cjs +0 -0
  511. /package/dist/{tempIcons → icons}/FailIcon.d.ts +0 -0
  512. /package/dist/{tempIcons → icons}/FailIcon.js +0 -0
  513. /package/dist/{tempIcons → icons}/HelpIcon.cjs +0 -0
  514. /package/dist/{tempIcons → icons}/HelpIcon.d.ts +0 -0
  515. /package/dist/{tempIcons → icons}/HelpIcon.js +0 -0
  516. /package/dist/{tempIcons → icons}/InactiveCheckboxIcon.cjs +0 -0
  517. /package/dist/{tempIcons → icons}/InactiveCheckboxIcon.d.ts +0 -0
  518. /package/dist/{tempIcons → icons}/InactiveCheckboxIcon.js +0 -0
  519. /package/dist/{tempIcons → icons}/InactiveRadioIcon.cjs +0 -0
  520. /package/dist/{tempIcons → icons}/InactiveRadioIcon.d.ts +0 -0
  521. /package/dist/{tempIcons → icons}/InactiveRadioIcon.js +0 -0
  522. /package/dist/{tempIcons → icons}/InfoIcon.cjs +0 -0
  523. /package/dist/{tempIcons → icons}/InfoIcon.d.ts +0 -0
  524. /package/dist/{tempIcons → icons}/InfoIcon.js +0 -0
  525. /package/dist/{tempIcons → icons}/LaunchIcon.cjs +0 -0
  526. /package/dist/{tempIcons → icons}/LaunchIcon.d.ts +0 -0
  527. /package/dist/{tempIcons → icons}/LaunchIcon.js +0 -0
  528. /package/dist/{tempIcons → icons}/LeftArrowIcon.cjs +0 -0
  529. /package/dist/{tempIcons → icons}/LeftArrowIcon.d.ts +0 -0
  530. /package/dist/{tempIcons → icons}/LeftArrowIcon.js +0 -0
  531. /package/dist/{tempIcons → icons}/MergeIcon.cjs +0 -0
  532. /package/dist/{tempIcons → icons}/MergeIcon.d.ts +0 -0
  533. /package/dist/{tempIcons → icons}/MergeIcon.js +0 -0
  534. /package/dist/{tempIcons → icons}/MinusIcon.cjs +0 -0
  535. /package/dist/{tempIcons → icons}/MinusIcon.d.ts +0 -0
  536. /package/dist/{tempIcons → icons}/MinusIcon.js +0 -0
  537. /package/dist/{tempIcons → icons}/PlusIcon.cjs +0 -0
  538. /package/dist/{tempIcons → icons}/PlusIcon.d.ts +0 -0
  539. /package/dist/{tempIcons → icons}/PlusIcon.js +0 -0
  540. /package/dist/{tempIcons → icons}/RecommendIcon.cjs +0 -0
  541. /package/dist/{tempIcons → icons}/RecommendIcon.d.ts +0 -0
  542. /package/dist/{tempIcons → icons}/RecommendIcon.js +0 -0
  543. /package/dist/{tempIcons → icons}/ReorderIcon.cjs +0 -0
  544. /package/dist/{tempIcons → icons}/ReorderIcon.d.ts +0 -0
  545. /package/dist/{tempIcons → icons}/ReorderIcon.js +0 -0
  546. /package/dist/{tempIcons → icons}/RightArrowIcon.cjs +0 -0
  547. /package/dist/{tempIcons → icons}/RightArrowIcon.d.ts +0 -0
  548. /package/dist/{tempIcons → icons}/RightArrowIcon.js +0 -0
  549. /package/dist/{tempIcons → icons}/SearchIcon.cjs +0 -0
  550. /package/dist/{tempIcons → icons}/SearchIcon.d.ts +0 -0
  551. /package/dist/{tempIcons → icons}/SearchIcon.js +0 -0
  552. /package/dist/{tempIcons → icons}/StartArrowIcon.cjs +0 -0
  553. /package/dist/{tempIcons → icons}/StartArrowIcon.d.ts +0 -0
  554. /package/dist/{tempIcons → icons}/StartArrowIcon.js +0 -0
  555. /package/dist/{tempIcons → icons}/SuccessIcon.cjs +0 -0
  556. /package/dist/{tempIcons → icons}/SuccessIcon.d.ts +0 -0
  557. /package/dist/{tempIcons → icons}/SuccessIcon.js +0 -0
  558. /package/dist/{tempIcons → icons}/ThreeDotsIcon.cjs +0 -0
  559. /package/dist/{tempIcons → icons}/ThreeDotsIcon.d.ts +0 -0
  560. /package/dist/{tempIcons → icons}/ThreeDotsIcon.js +0 -0
  561. /package/dist/{tempIcons → icons}/UpArrowIcon.cjs +0 -0
  562. /package/dist/{tempIcons → icons}/UpArrowIcon.d.ts +0 -0
  563. /package/dist/{tempIcons → icons}/UpArrowIcon.js +0 -0
  564. /package/dist/{tempIcons → icons}/VisibilityIcon.cjs +0 -0
  565. /package/dist/{tempIcons → icons}/VisibilityIcon.d.ts +0 -0
  566. /package/dist/{tempIcons → icons}/VisibilityIcon.js +0 -0
  567. /package/dist/{tempIcons → icons}/VisibilityOffIcon.cjs +0 -0
  568. /package/dist/{tempIcons → icons}/VisibilityOffIcon.d.ts +0 -0
  569. /package/dist/{tempIcons → icons}/VisibilityOffIcon.js +0 -0
  570. /package/dist/{tempIcons → icons}/WarningIcon.cjs +0 -0
  571. /package/dist/{tempIcons → icons}/WarningIcon.d.ts +0 -0
  572. /package/dist/{tempIcons → icons}/WarningIcon.js +0 -0
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var framerMotion = require('framer-motion');
5
5
  var styled = require('./styled.cjs');
6
6
  var colors = require('../../theme/modules/colors.cjs');
7
- var UpArrowIcon = require('../../tempIcons/UpArrowIcon.cjs');
7
+ var UpArrowIcon = require('../../icons/UpArrowIcon.cjs');
8
8
  var Text = require('../Text/Text.cjs');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n className,\n children,\n label,\n iconSlot,\n glyphColor = colors.neutral.ink.lightest,\n timeout = 350,\n description,\n shouldOpenOnMount,\n variant = 'default',\n summaryTextVariant = 'body',\n}: AccordionProps) => {\n const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n const handleOpen = () => setShouldOpen(!shouldOpen);\n\n const FRAMER_MOTION_CONFIG = {\n initial: { opacity: 0 },\n exit: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n };\n\n if (variant === 'unstyled') {\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <UnstyledAccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </UnstyledAccordionSummary>\n {shouldOpen && (\n <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n )}\n </AccordionDetails>\n );\n }\n\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <AccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.cjs","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n className,\n children,\n label,\n iconSlot,\n glyphColor = colors.neutral.ink.lightest,\n timeout = 350,\n description,\n shouldOpenOnMount,\n variant = 'default',\n summaryTextVariant = 'body',\n}: AccordionProps) => {\n const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n const handleOpen = () => setShouldOpen(!shouldOpen);\n\n const FRAMER_MOTION_CONFIG = {\n initial: { opacity: 0 },\n exit: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n };\n\n if (variant === 'unstyled') {\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <UnstyledAccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </UnstyledAccordionSummary>\n {shouldOpen && (\n <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n )}\n </AccordionDetails>\n );\n }\n\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <AccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["colors","useState","React","AccordionDetails","UnstyledAccordionSummary","Top","Left","Text","Right","motion","UpArrowIcon","Description","UnstyledAccordionContent","AccordionSummary","AccordionContent"],"mappings":"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"}
@@ -2,7 +2,7 @@ import React__default, { useState } from 'react';
2
2
  import { motion } from 'framer-motion';
3
3
  import { AccordionDetails, UnstyledAccordionSummary, Top, Left, Right, Description, UnstyledAccordionContent, AccordionSummary, AccordionContent } from './styled.js';
4
4
  import { colors } from '../../theme/modules/colors.js';
5
- import { UpArrowIcon } from '../../tempIcons/UpArrowIcon.js';
5
+ import { UpArrowIcon } from '../../icons/UpArrowIcon.js';
6
6
  import { Text } from '../Text/Text.js';
7
7
 
8
8
  const Accordion = ({ className, children, label, iconSlot, glyphColor = colors.neutral.ink.lightest, timeout = 350, description, shouldOpenOnMount, variant = 'default', summaryTextVariant = 'body', }) => {
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../tempIcons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n className,\n children,\n label,\n iconSlot,\n glyphColor = colors.neutral.ink.lightest,\n timeout = 350,\n description,\n shouldOpenOnMount,\n variant = 'default',\n summaryTextVariant = 'body',\n}: AccordionProps) => {\n const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n const handleOpen = () => setShouldOpen(!shouldOpen);\n\n const FRAMER_MOTION_CONFIG = {\n initial: { opacity: 0 },\n exit: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n };\n\n if (variant === 'unstyled') {\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <UnstyledAccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </UnstyledAccordionSummary>\n {shouldOpen && (\n <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n )}\n </AccordionDetails>\n );\n }\n\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <AccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["React"],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nimport { motion } from 'framer-motion';\nimport {\n Top,\n Text,\n Left,\n Right,\n Description,\n AccordionDetails,\n AccordionContent,\n AccordionSummary,\n UnstyledAccordionSummary,\n UnstyledAccordionContent,\n} from './styled';\nimport { colors } from '../../theme/modules/colors';\nimport { UpArrowIcon } from '../../icons/UpArrowIcon';\nimport { AccordionProps } from './types';\n\nexport const Accordion: FC<AccordionProps> = ({\n className,\n children,\n label,\n iconSlot,\n glyphColor = colors.neutral.ink.lightest,\n timeout = 350,\n description,\n shouldOpenOnMount,\n variant = 'default',\n summaryTextVariant = 'body',\n}: AccordionProps) => {\n const [shouldOpen, setShouldOpen] = useState(!!shouldOpenOnMount);\n const handleOpen = () => setShouldOpen(!shouldOpen);\n\n const FRAMER_MOTION_CONFIG = {\n initial: { opacity: 0 },\n exit: { opacity: 0 },\n animate: { opacity: 1 },\n transition: { from: 0, type: 'tween', duration: timeout / 1000 },\n };\n\n if (variant === 'unstyled') {\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <UnstyledAccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </UnstyledAccordionSummary>\n {shouldOpen && (\n <UnstyledAccordionContent {...FRAMER_MOTION_CONFIG}>{children}</UnstyledAccordionContent>\n )}\n </AccordionDetails>\n );\n }\n\n return (\n <AccordionDetails open={!!shouldOpenOnMount} className={className}>\n <AccordionSummary onClick={handleOpen}>\n <Top>\n <Left glyphColor={glyphColor}>\n {iconSlot}\n <Text variant={summaryTextVariant}>{label}</Text>\n </Left>\n <Right>\n <motion.span\n animate={{\n rotate: shouldOpen ? 0 : 180,\n }}\n initial={{ rotate: 180 }}\n >\n <UpArrowIcon name={shouldOpen ? 'downArrow' : 'upArrow'} />\n </motion.span>\n </Right>\n </Top>\n {!!description && <Description variant=\"hintText\">{description}</Description>}\n </AccordionSummary>\n {shouldOpen && <AccordionContent {...FRAMER_MOTION_CONFIG}>{children}</AccordionContent>}\n </AccordionDetails>\n );\n};\n"],"names":["React"],"mappings":"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"}
@@ -8,7 +8,7 @@ var index = require('../../../theme/index.cjs');
8
8
  var Stack = require('../../Stack/Stack.cjs');
9
9
  require('../../Stack/types.cjs');
10
10
  var Button = require('../../Button/Button.cjs');
11
- var CrossIcon = require('../../../tempIcons/CrossIcon.cjs');
11
+ var CrossIcon = require('../../../icons/CrossIcon.cjs');
12
12
  var constants$1 = require('../constants.cjs');
13
13
 
14
14
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.cjs","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../tempIcons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot || IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children || (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot || (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["ColourMap","IconMap","React","AlertContainer","Stack","SpacingMap","IconSizeMap","Text","theme","Button","CrossIcon"],"mappings":"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"}
1
+ {"version":3,"file":"Alert.cjs","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot || IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children || (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot || (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["ColourMap","IconMap","React","AlertContainer","Stack","SpacingMap","IconSizeMap","Text","theme","Button","CrossIcon"],"mappings":"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"}
@@ -6,7 +6,7 @@ import { theme } from '../../../theme/index.js';
6
6
  import { Stack } from '../../Stack/Stack.js';
7
7
  import '../../Stack/types.js';
8
8
  import { Button } from '../../Button/Button.js';
9
- import { CrossIcon } from '../../../tempIcons/CrossIcon.js';
9
+ import { CrossIcon } from '../../../icons/CrossIcon.js';
10
10
  import { ColourMap, IconMap } from '../constants.js';
11
11
 
12
12
  /* eslint-disable react/destructuring-assignment */
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../tempIcons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot || IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children || (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot || (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["React"],"mappings":"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"}
1
+ {"version":3,"file":"Alert.js","sources":["../../../../src/components/Alerts/Alert/Alert.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\n\nimport { AlertContainer } from './styled';\nimport { IconSizeMap, SpacingMap } from './constants';\n\nimport { Text } from '../../Text';\nimport { theme } from '../../../theme';\nimport { Stack } from '../../Stack';\nimport { Button } from '../../Button';\nimport { CrossIcon } from '../../../icons/CrossIcon';\nimport { ColourMap, IconMap } from '../constants';\nimport { AlertProps } from './types';\n\nexport const Alert = ({\n size = 'base',\n variant = 'default',\n colours: passedColours,\n rightActions,\n rightActionsSlot,\n title,\n titleSlot,\n messageSlot,\n message,\n children,\n iconSlot,\n onClickClose,\n ...divProps\n}: AlertProps) => {\n const colours = passedColours ?? ColourMap[variant];\n const IconSlot = iconSlot || IconMap[variant];\n\n const isXsSize = size === 'xs';\n\n return (\n <AlertContainer\n colours={colours}\n direction=\"horizontal\"\n alignX=\"between\"\n spacing=\"0\"\n {...divProps}\n >\n <Stack\n direction=\"horizontal\"\n alignY={isXsSize ? 'center' : 'start'}\n style={{ margin: SpacingMap[size], gap: SpacingMap[size] }}\n spacing={0}\n >\n <IconSlot\n aria-hidden\n style={{\n minWidth: IconSizeMap[size],\n minHeight: IconSizeMap[size],\n width: IconSizeMap[size],\n height: IconSizeMap[size],\n }}\n color={colours.primary}\n />\n\n {children || (\n <Stack direction=\"vertical\" spacing={isXsSize ? 0 : 'xs'}>\n {titleSlot || (\n <Text\n variant={isXsSize ? 'bodySmallBold' : 'bodyBold'}\n style={size === 'base' ? { lineHeight: '24px' } : {}}\n >\n {title}\n </Text>\n )}\n {messageSlot || <Text variant={isXsSize ? 'bodySmall' : 'body'}>{message}</Text>}\n </Stack>\n )}\n </Stack>\n\n <Stack\n direction=\"horizontal\"\n alignX=\"end\"\n spacing={0}\n style={{\n margin: isXsSize ? undefined : theme.sizes[3],\n gap: isXsSize ? undefined : SpacingMap[size],\n alignItems: 'center',\n }}\n >\n {rightActionsSlot}\n\n {rightActions && (\n <Stack alignY=\"center\" spacing={0} style={{ gap: SpacingMap[size] }}>\n {rightActions.map(({ label, ...actionProps }) => (\n <Button key={label} type=\"button\" size=\"sm\" {...actionProps}>\n {label}\n </Button>\n ))}\n </Stack>\n )}\n\n {onClickClose && (\n <Stack\n alignY={isXsSize ? 'center' : 'start'}\n style={{ height: '100%', padding: isXsSize ? theme.sizes.xs : undefined }}\n >\n <Button\n variant=\"flat\"\n iconSlot={<CrossIcon />}\n onClick={onClickClose}\n aria-label=\"Close\"\n size=\"sm\"\n />\n </Stack>\n )}\n </Stack>\n </AlertContainer>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAAA;AAca,MAAA,KAAK,GAAG,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,OAAO,GAAG,SAAS,EACnB,OAAO,EAAE,aAAa,EACtB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,GAAG,QAAQ,EACA,KAAI;AACf,IAAA,MAAM,OAAO,GAAG,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAb,aAAa,GAAI,SAAS,CAAC,OAAO,CAAC;IACnD,MAAM,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,OAAO,CAAC;AAE7C,IAAA,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAI;IAE9B,QACEA,6BAAC,cAAc,EAAA,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,GAAG,KACP,QAAQ,EAAA;AAEZ,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAC1D,OAAO,EAAE,CAAC,EAAA;YAEVA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAEP,EAAA,aAAA,EAAA,IAAA,EAAA,KAAK,EAAE;AACL,oBAAA,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3B,oBAAA,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC;AAC5B,oBAAA,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC;AACxB,oBAAA,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC;AAC1B,iBAAA,EACD,KAAK,EAAE,OAAO,CAAC,OAAO,EACtB,CAAA;AAED,YAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAC,EAAA,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAA;AACrD,gBAAA,SAAS,KACRA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAE,QAAQ,GAAG,eAAe,GAAG,UAAU,EAChD,KAAK,EAAE,IAAI,KAAK,MAAM,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,EAAE,EAEnD,EAAA,KAAK,CACD,CACR;gBACA,WAAW,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,EAAA,EAAG,OAAO,CAAQ,CAC1E,CACT,CACK;AAER,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7C,gBAAA,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC;AAC5C,gBAAA,UAAU,EAAE,QAAQ;AACrB,aAAA,EAAA;YAEA,gBAAgB;AAEhB,YAAA,YAAY,KACXA,cAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAA,EAChE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,MAC1CA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAA,GAAK,WAAW,EAAA,EACxD,KAAK,CACC,CACV,CAAC,CACI,CACT;AAEA,YAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,EAAE,EAAA;gBAEzEA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,MAAM,EACd,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,YAAY,EACV,YAAA,EAAA,OAAO,EAClB,IAAI,EAAC,IAAI,EACT,CAAA,CACI,CACT,CACK,CACO;AAErB;;;;"}
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('../../theme/index.cjs');
4
- var AttentionIcon = require('../../tempIcons/AttentionIcon.cjs');
5
- var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
6
- var InfoIcon = require('../../tempIcons/InfoIcon.cjs');
7
- var RecommendIcon = require('../../tempIcons/RecommendIcon.cjs');
8
- var SuccessIcon = require('../../tempIcons/SuccessIcon.cjs');
9
- var WarningIcon = require('../../tempIcons/WarningIcon.cjs');
4
+ var AttentionIcon = require('../../icons/AttentionIcon.cjs');
5
+ var HelpIcon = require('../../icons/HelpIcon.cjs');
6
+ var InfoIcon = require('../../icons/InfoIcon.cjs');
7
+ var RecommendIcon = require('../../icons/RecommendIcon.cjs');
8
+ var SuccessIcon = require('../../icons/SuccessIcon.cjs');
9
+ var WarningIcon = require('../../icons/WarningIcon.cjs');
10
10
 
11
11
  const IconMap = {
12
12
  default: InfoIcon.InfoIcon,
@@ -1 +1 @@
1
- {"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\nimport { RecommendIcon } from '../../tempIcons/RecommendIcon';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { WarningIcon } from '../../tempIcons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n default: InfoIcon,\n error: AttentionIcon,\n success: SuccessIcon,\n info: HelpIcon,\n warning: WarningIcon,\n recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n default: {\n primary: theme.colors.neutral.ink.base,\n background: theme.colors.neutral.grey.lightest,\n },\n error: {\n primary: theme.colors.secondary.red.base,\n background: theme.colors.secondary.red.lightest,\n },\n success: {\n primary: theme.colors.secondary.green.base,\n background: theme.colors.secondary.green.lightest,\n },\n info: {\n primary: theme.colors.secondary.blue.base,\n background: theme.colors.secondary.blue.lightest,\n },\n warning: {\n primary: theme.colors.secondary.orange.base,\n background: theme.colors.secondary.orange.lightest,\n },\n recommend: {\n primary: theme.colors.secondary.purple.dark,\n background: theme.colors.secondary.purple.lightest,\n },\n};\n"],"names":["InfoIcon","AttentionIcon","SuccessIcon","HelpIcon","WarningIcon","RecommendIcon","theme"],"mappings":";;;;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAEA,iBAAQ;AACjB,IAAA,KAAK,EAAEC,2BAAa;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;;"}
1
+ {"version":3,"file":"constants.cjs","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../icons/AttentionIcon';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { InfoIcon } from '../../icons/InfoIcon';\nimport { RecommendIcon } from '../../icons/RecommendIcon';\nimport { SuccessIcon } from '../../icons/SuccessIcon';\nimport { WarningIcon } from '../../icons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n default: InfoIcon,\n error: AttentionIcon,\n success: SuccessIcon,\n info: HelpIcon,\n warning: WarningIcon,\n recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n default: {\n primary: theme.colors.neutral.ink.base,\n background: theme.colors.neutral.grey.lightest,\n },\n error: {\n primary: theme.colors.secondary.red.base,\n background: theme.colors.secondary.red.lightest,\n },\n success: {\n primary: theme.colors.secondary.green.base,\n background: theme.colors.secondary.green.lightest,\n },\n info: {\n primary: theme.colors.secondary.blue.base,\n background: theme.colors.secondary.blue.lightest,\n },\n warning: {\n primary: theme.colors.secondary.orange.base,\n background: theme.colors.secondary.orange.lightest,\n },\n recommend: {\n primary: theme.colors.secondary.purple.dark,\n background: theme.colors.secondary.purple.lightest,\n },\n};\n"],"names":["InfoIcon","AttentionIcon","SuccessIcon","HelpIcon","WarningIcon","RecommendIcon","theme"],"mappings":";;;;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAEA,iBAAQ;AACjB,IAAA,KAAK,EAAEC,2BAAa;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,SAAS,EAAEC,2BAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;;"}
@@ -1,10 +1,10 @@
1
1
  import { theme } from '../../theme/index.js';
2
- import { AttentionIcon } from '../../tempIcons/AttentionIcon.js';
3
- import { HelpIcon } from '../../tempIcons/HelpIcon.js';
4
- import { InfoIcon } from '../../tempIcons/InfoIcon.js';
5
- import { RecommendIcon } from '../../tempIcons/RecommendIcon.js';
6
- import { SuccessIcon } from '../../tempIcons/SuccessIcon.js';
7
- import { WarningIcon } from '../../tempIcons/WarningIcon.js';
2
+ import { AttentionIcon } from '../../icons/AttentionIcon.js';
3
+ import { HelpIcon } from '../../icons/HelpIcon.js';
4
+ import { InfoIcon } from '../../icons/InfoIcon.js';
5
+ import { RecommendIcon } from '../../icons/RecommendIcon.js';
6
+ import { SuccessIcon } from '../../icons/SuccessIcon.js';
7
+ import { WarningIcon } from '../../icons/WarningIcon.js';
8
8
 
9
9
  const IconMap = {
10
10
  default: InfoIcon,
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../tempIcons/AttentionIcon';\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { InfoIcon } from '../../tempIcons/InfoIcon';\nimport { RecommendIcon } from '../../tempIcons/RecommendIcon';\nimport { SuccessIcon } from '../../tempIcons/SuccessIcon';\nimport { WarningIcon } from '../../tempIcons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n default: InfoIcon,\n error: AttentionIcon,\n success: SuccessIcon,\n info: HelpIcon,\n warning: WarningIcon,\n recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n default: {\n primary: theme.colors.neutral.ink.base,\n background: theme.colors.neutral.grey.lightest,\n },\n error: {\n primary: theme.colors.secondary.red.base,\n background: theme.colors.secondary.red.lightest,\n },\n success: {\n primary: theme.colors.secondary.green.base,\n background: theme.colors.secondary.green.lightest,\n },\n info: {\n primary: theme.colors.secondary.blue.base,\n background: theme.colors.secondary.blue.lightest,\n },\n warning: {\n primary: theme.colors.secondary.orange.base,\n background: theme.colors.secondary.orange.lightest,\n },\n recommend: {\n primary: theme.colors.secondary.purple.dark,\n background: theme.colors.secondary.purple.lightest,\n },\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;"}
1
+ {"version":3,"file":"constants.js","sources":["../../../src/components/Alerts/constants.ts"],"sourcesContent":["import { theme } from 'Theme';\nimport { AlertColours, AlertVariants } from './types';\nimport { AttentionIcon } from '../../icons/AttentionIcon';\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { InfoIcon } from '../../icons/InfoIcon';\nimport { RecommendIcon } from '../../icons/RecommendIcon';\nimport { SuccessIcon } from '../../icons/SuccessIcon';\nimport { WarningIcon } from '../../icons/WarningIcon';\n\nexport const IconMap: Record<AlertVariants, (props: any) => React.JSX.Element> = {\n default: InfoIcon,\n error: AttentionIcon,\n success: SuccessIcon,\n info: HelpIcon,\n warning: WarningIcon,\n recommend: RecommendIcon,\n};\n\nexport const ColourMap: Record<AlertVariants, AlertColours> = {\n default: {\n primary: theme.colors.neutral.ink.base,\n background: theme.colors.neutral.grey.lightest,\n },\n error: {\n primary: theme.colors.secondary.red.base,\n background: theme.colors.secondary.red.lightest,\n },\n success: {\n primary: theme.colors.secondary.green.base,\n background: theme.colors.secondary.green.lightest,\n },\n info: {\n primary: theme.colors.secondary.blue.base,\n background: theme.colors.secondary.blue.lightest,\n },\n warning: {\n primary: theme.colors.secondary.orange.base,\n background: theme.colors.secondary.orange.lightest,\n },\n recommend: {\n primary: theme.colors.secondary.purple.dark,\n background: theme.colors.secondary.purple.lightest,\n },\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,OAAO,GAA6D;AAC/E,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;;AAGb,MAAA,SAAS,GAAwC;AAC5D,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;QACtC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;AAC/C,KAAA;AACD,IAAA,KAAK,EAAE;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;QACxC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ;AAChD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;QAC1C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;QACzC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;AACD,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;QAC3C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ;AACnD,KAAA;;;;;"}
@@ -4,8 +4,8 @@ var React = require('react');
4
4
  var sizes = require('../../theme/modules/sizes.cjs');
5
5
  var urlUtils = require('./utils/urlUtils.cjs');
6
6
  var styled = require('./styled.cjs');
7
- var HelpIcon = require('../../tempIcons/HelpIcon.cjs');
8
- var LaunchIcon = require('../../tempIcons/LaunchIcon.cjs');
7
+ var HelpIcon = require('../../icons/HelpIcon.cjs');
8
+ var LaunchIcon = require('../../icons/LaunchIcon.cjs');
9
9
  var isExternalLink = require('./isExternalLink.cjs');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { LaunchIcon } from '../../tempIcons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target || (isExternal ? '_blank' : undefined);\n const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","AnchorMapping","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAGC,oBAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEH,qCAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACI,iBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBL,sBAAA,CAAA,aAAA,CAACM,qBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
1
+ {"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { LaunchIcon } from '../../icons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target || (isExternal ? '_blank' : undefined);\n const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React","createContextAwareUrl","isExternalLink","AnchorMapping","HelpIcon","sizes","LaunchIcon"],"mappings":";;;;;;;;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,sBAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAGC,8BAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAGC,6BAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAGC,oBAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEH,qCAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,qCAACI,iBAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBL,sBAAA,CAAA,aAAA,CAACM,qBAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAED,WAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
@@ -2,8 +2,8 @@ import React__default from 'react';
2
2
  import { sizes } from '../../theme/modules/sizes.js';
3
3
  import { createContextAwareUrl } from './utils/urlUtils.js';
4
4
  import { AnchorMapping } from './styled.js';
5
- import { HelpIcon } from '../../tempIcons/HelpIcon.js';
6
- import { LaunchIcon } from '../../tempIcons/LaunchIcon.js';
5
+ import { HelpIcon } from '../../icons/HelpIcon.js';
6
+ import { LaunchIcon } from '../../icons/LaunchIcon.js';
7
7
  import { isExternalLink } from './isExternalLink.js';
8
8
 
9
9
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../tempIcons/HelpIcon';\nimport { LaunchIcon } from '../../tempIcons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target || (isExternal ? '_blank' : undefined);\n const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React"],"mappings":";;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEA,6BAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
1
+ {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { sizes } from 'Theme/modules/sizes';\nimport { createContextAwareUrl } from './utils/urlUtils';\nimport { AnchorProps } from './types';\nimport { AnchorMapping } from './styled';\n\nimport { HelpIcon } from '../../icons/HelpIcon';\nimport { LaunchIcon } from '../../icons/LaunchIcon';\n\nimport { isExternalLink } from './isExternalLink';\n\n/**\n * Anchor component for handling context-aware links with consistent functionality and styling options.\n *\n * https://www.figma.com/design/KFfBvJvYT4evKe9eiLEnwD/%F0%9F%8E%A8-Design-System?node-id=1170-63891&m=dev\n *\n * @param variant - The visual style variant ('base' or 'unstyled')\n * @param href - The URL the link points to (will be processed to be context-aware)\n * @param showHelpIcon - Whether to show a help icon on the left (defaults to false)\n * @param children - The content of the anchor\n * @param rest - All other standard anchor HTML attributes\n */\nexport const Anchor = React.memo(\n ({\n variant = 'base',\n size = 'base',\n href,\n showHelpIcon = false,\n leftIconSlot = null,\n hideExternalLinkIcon = false,\n allowedHostnames = [],\n children,\n target,\n rel,\n ...rest\n }: AnchorProps) => {\n // Process the URL to make it context-aware\n const processedHref = href ? createContextAwareUrl(href) : undefined;\n\n // Determine if link is external based on processed href\n const isExternal = processedHref ? isExternalLink(processedHref, allowedHostnames) : false;\n\n // Set security attributes for external links if not given in props\n const secureTarget = target || (isExternal ? '_blank' : undefined);\n const secureRel = rel || (isExternal ? 'noopener noreferrer' : undefined);\n\n // Lookup the appropriate styled component based on variant\n const AnchorComponent = AnchorMapping[variant];\n\n // Show icon when when link is external and/or will open new tab (and not overridden by variant or hideExternalLinkIcon)\n const shouldShowExternalLinkIcon =\n (isExternal || secureTarget === '_blank') && !hideExternalLinkIcon && variant === 'base';\n\n return (\n <AnchorComponent\n href={processedHref}\n target={secureTarget}\n rel={secureRel}\n size={size}\n {...rest}\n >\n {leftIconSlot}\n {showHelpIcon && !leftIconSlot && (\n <HelpIcon role=\"presentation\" data-testid=\"help-icon\" style={{ marginRight: sizes.xs }} />\n )}\n\n {children}\n {shouldShowExternalLinkIcon && (\n <LaunchIcon\n role=\"presentation\"\n data-testid=\"external-icon\"\n style={{ marginLeft: sizes.xs }}\n />\n )}\n </AnchorComponent>\n );\n },\n);\n"],"names":["React"],"mappings":";;;;;;;;AAYA;;;;;;;;;;AAUG;MACU,MAAM,GAAGA,cAAK,CAAC,IAAI,CAC9B,CAAC,EACC,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,IAAI,EACnB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,EACrB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACK,KAAI;;AAEhB,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,SAAS;;AAGpE,IAAA,MAAM,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK;;AAG1F,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClE,IAAA,MAAM,SAAS,GAAG,GAAG,KAAK,UAAU,GAAG,qBAAqB,GAAG,SAAS,CAAC;;AAGzE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC;;AAG9C,IAAA,MAAM,0BAA0B,GAC9B,CAAC,UAAU,IAAI,YAAY,KAAK,QAAQ,KAAK,CAAC,oBAAoB,IAAI,OAAO,KAAK,MAAM;IAE1F,QACEA,6BAAC,eAAe,EAAA,EACd,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,KACN,IAAI,EAAA;QAEP,YAAY;QACZ,YAAY,IAAI,CAAC,YAAY,KAC5BA,6BAAC,QAAQ,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,aAAA,EAAa,WAAW,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAA,CAAI,CAC3F;QAEA,QAAQ;QACR,0BAA0B,KACzBA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,cAAc,EACP,aAAA,EAAA,eAAe,EAC3B,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,EAC/B,CAAA,CACH,CACe;AAEtB,CAAC;;;;"}
@@ -22,7 +22,7 @@ const styleMappings = {
22
22
  };
23
23
  const UnstyledAnchor = styled__default.default.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1yb7xtw" }) ``;
24
24
  // Standard variant styling
25
- const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;}`;
25
+ const StandardAnchor = styled__default.default(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => utils.getTextStyles(index.theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${index.theme.colors.secondary.blue.dark};border-radius:${index.theme.radius.base};box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}&:hover{color:${index.theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
26
26
  // Inherit font size and line height from parent
27
27
  const InheritAnchor = styled__default.default(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--uob8vf" }) `font-size:inherit;line-height:inherit;`;
28
28
  const AnchorMapping = {
@@ -1 +1 @@
1
- {"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":["theme","styled","getTextStyles"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAGC,uBAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAKC,mBAAa,CAACF,WAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/BA,WAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAK9C;MACa,aAAa,GAAGC,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;;;;"}
1
+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n flex-shrink: 0;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":["theme","styled","getTextStyles"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAEA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAGC,uBAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAKC,mBAAa,CAACF,WAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/BA,WAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAGC,uBAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;;;;"}
@@ -16,7 +16,7 @@ const styleMappings = {
16
16
  };
17
17
  const UnstyledAnchor = styled.a.withConfig({ displayName: "vui--UnstyledAnchor", componentId: "vui--1yb7xtw" }) ``;
18
18
  // Standard variant styling
19
- const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;}`;
19
+ const StandardAnchor = styled(UnstyledAnchor).withConfig({ displayName: "vui--StandardAnchor", componentId: "vui--dtxbpd" }) `display:inline-flex;align-items:center;cursor:pointer;transition:color 0.1s ease;text-decoration:none;padding:0 2px;${({ size }) => getTextStyles(theme.text[styleMappings[size]])};&:focus{outline:0;border-color:${theme.colors.secondary.blue.dark};border-radius:${theme.radius.base};box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}&:hover{color:${theme.colors.secondary.blue.dark};}svg{width:${({ size }) => sizeMappings[size]};height:${({ size }) => sizeMappings[size]};vertical-align:middle;flex-shrink:0;}`;
20
20
  // Inherit font size and line height from parent
21
21
  const InheritAnchor = styled(StandardAnchor).withConfig({ displayName: "vui--InheritAnchor", componentId: "vui--uob8vf" }) `font-size:inherit;line-height:inherit;`;
22
22
  const AnchorMapping = {
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAG,MAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5C,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/B,KAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAK9C;MACa,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../src/components/Anchor/styled.ts"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport { getTextStyles } from '../../theme/utils';\nimport { theme } from '../../theme';\nimport { AnchorProps, AnchorSize } from './types';\n\ntype StyledAnchorProps = {\n size: AnchorSize;\n};\n\nconst sizeMappings: Record<StyledAnchorProps['size'], string> = {\n lg: theme.sizes.md,\n md: theme.sizes[5],\n base: theme.sizes.base,\n sm: theme.sizes[3],\n};\n\nconst styleMappings: Record<StyledAnchorProps['size'], string> = {\n lg: 'linkLarge',\n md: 'linkMedium',\n base: 'link',\n sm: 'linkSmall',\n};\n\nexport const UnstyledAnchor = styled.a<StyledAnchorProps>``;\n\n// Standard variant styling\nexport const StandardAnchor = styled(UnstyledAnchor)<StyledAnchorProps>`\n display: inline-flex;\n align-items: center;\n\n cursor: pointer;\n transition: color 0.1s ease;\n text-decoration: none;\n padding: 0 2px;\n\n ${({ size }) => getTextStyles(theme.text[styleMappings[size]])};\n\n &:focus {\n outline: 0;\n border-color: ${theme.colors.secondary.blue.dark};\n border-radius: ${theme.radius.base};\n box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n }\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n svg {\n width: ${({ size }) => sizeMappings[size]};\n height: ${({ size }) => sizeMappings[size]};\n vertical-align: middle;\n flex-shrink: 0;\n }\n`;\n\n// Inherit font size and line height from parent\nexport const InheritAnchor = styled(StandardAnchor)<StyledAnchorProps>`\n font-size: inherit;\n line-height: inherit;\n`;\n\nexport const AnchorMapping: Record<\n NonNullable<AnchorProps['variant']>,\n StyledComponent<'a', any, StyledAnchorProps>\n> = {\n base: StandardAnchor,\n unstyled: UnstyledAnchor,\n inherit: InheritAnchor,\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,YAAY,GAA8C;AAC9D,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;AAClB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAClB,IAAA,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACtB,IAAA,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;CACnB;AAED,MAAM,aAAa,GAA8C;AAC/D,IAAA,EAAE,EAAE,WAAW;AACf,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,WAAW;CAChB;MAEY,cAAc,GAAG,MAAM,CAAC,CAAC;AAEtC;AACa,MAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oHAAA,EAShD,CAAC,EAAE,IAAI,EAAE,KAAK,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,gCAAA,EAI5C,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kBAC/B,KAAK,CAAC,MAAM,CAAC,IAAI,CACV,sBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,gBAAA,EAIhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,eAIhC,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,WAC/B,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC;AAM9C;MACa,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA;AAKtC,MAAA,aAAa,GAGtB;AACF,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,OAAO,EAAE,aAAa;;;;;"}
@@ -35,7 +35,7 @@ const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext)
35
35
  */
36
36
  const createContextAwareUrl = (url) => {
37
37
  // Don't modify anchor URLs (they should be treated as absolute)
38
- if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
38
+ if (!url || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
39
39
  return url;
40
40
  return addPrefixToUrl(url);
41
41
  };
@@ -1 +1 @@
1
- {"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n !!(\n window.veeqoContext &&\n window.veeqoContext.vqHost !== 'standalone' &&\n window.veeqoContext.baseUrl\n );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string): string => {\n // Don't modify anchor URLs (they should be treated as absolute)\n if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAW,KAAY;;AAE3D,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAE7E,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;"}
1
+ {"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n !!(\n window.veeqoContext &&\n window.veeqoContext.vqHost !== 'standalone' &&\n window.veeqoContext.baseUrl\n );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined): string | undefined => {\n // Don't modify anchor URLs (they should be treated as absolute)\n if (!url || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAuB,KAAwB;;AAEnF,IAAA,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAErF,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;"}
@@ -29,4 +29,4 @@ export declare const addPrefixToUrl: (url: string) => string;
29
29
  * @param {string} url - The URL to process
30
30
  * @returns {string} The processed URL
31
31
  */
32
- export declare const createContextAwareUrl: (url: string) => string;
32
+ export declare const createContextAwareUrl: (url: string | undefined) => string | undefined;
@@ -33,7 +33,7 @@ const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext)
33
33
  */
34
34
  const createContextAwareUrl = (url) => {
35
35
  // Don't modify anchor URLs (they should be treated as absolute)
36
- if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
36
+ if (!url || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
37
37
  return url;
38
38
  return addPrefixToUrl(url);
39
39
  };
@@ -1 +1 @@
1
- {"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n !!(\n window.veeqoContext &&\n window.veeqoContext.vqHost !== 'standalone' &&\n window.veeqoContext.baseUrl\n );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string): string => {\n // Don't modify anchor URLs (they should be treated as absolute)\n if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAW,KAAY;;AAE3D,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAE7E,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}
1
+ {"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n !!(\n window.veeqoContext &&\n window.veeqoContext.vqHost !== 'standalone' &&\n window.veeqoContext.baseUrl\n );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined): string | undefined => {\n // Don't modify anchor URLs (they should be treated as absolute)\n if (!url || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAAuB,KAAwB;;AAEnF,IAAA,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAErF,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}
@@ -4,7 +4,7 @@ var React = require('react');
4
4
  var colors = require('../../theme/modules/colors.cjs');
5
5
  var styled = require('./styled.cjs');
6
6
  var Button = require('../Button/Button.cjs');
7
- var CrossIcon = require('../../tempIcons/CrossIcon.cjs');
7
+ var CrossIcon = require('../../icons/CrossIcon.cjs');
8
8
  var sizes = require('../../theme/modules/sizes.cjs');
9
9
 
10
10
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n help: colors.secondary.blue.base,\n info: colors.neutral.ink.base,\n error: colors.secondary.red.base,\n success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n type?: BannerTypes;\n backgroundColor?: string;\n text?: string;\n iconSlot?: ReactElement;\n onClose?: ReactEventHandler;\n className?: string;\n header?: ReactNode;\n children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n type = 'info',\n text,\n iconSlot,\n onClose,\n className,\n header,\n children,\n backgroundColor = 'white',\n ...props\n}: BannerProps) => {\n const accentColor = accentColors[type as BannerTypes];\n\n return (\n <Pill\n accentColor={accentColor}\n className={className}\n backgroundColor={backgroundColor}\n {...props}\n >\n <Row>\n {iconSlot && (\n <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n {iconSlot}\n </IconCol>\n )}\n {children ? (\n <ChildContainer>{children}</ChildContainer>\n ) : (\n <>\n <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n <Col>\n {onClose && (\n <Button\n variant=\"flat\"\n aria-label=\"Close\"\n iconSlot={<CrossIcon />}\n onClick={onClose}\n />\n )}\n </Col>\n </>\n )}\n </Row>\n </Pill>\n );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,WAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAC,CAAA,aAAA,CAAAG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAC,CAAA,aAAA,CAAAK,qBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,mBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
1
+ {"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n help: colors.secondary.blue.base,\n info: colors.neutral.ink.base,\n error: colors.secondary.red.base,\n success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n type?: BannerTypes;\n backgroundColor?: string;\n text?: string;\n iconSlot?: ReactElement;\n onClose?: ReactEventHandler;\n className?: string;\n header?: ReactNode;\n children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n type = 'info',\n text,\n iconSlot,\n onClose,\n className,\n header,\n children,\n backgroundColor = 'white',\n ...props\n}: BannerProps) => {\n const accentColor = accentColors[type as BannerTypes];\n\n return (\n <Pill\n accentColor={accentColor}\n className={className}\n backgroundColor={backgroundColor}\n {...props}\n >\n <Row>\n {iconSlot && (\n <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n {iconSlot}\n </IconCol>\n )}\n {children ? (\n <ChildContainer>{children}</ChildContainer>\n ) : (\n <>\n <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n <Col>\n {onClose && (\n <Button\n variant=\"flat\"\n aria-label=\"Close\"\n iconSlot={<CrossIcon />}\n onClick={onClose}\n />\n )}\n </Col>\n </>\n )}\n </Row>\n </Pill>\n );\n};\n"],"names":["colors","React","Pill","Row","IconCol","sizes","ChildContainer","HeaderCol","Text","Col","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAEA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAEA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,WAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,sBAAA,CAAA,aAAA,CAACE,UAAG,EAAA,IAAA;YACD,QAAQ,KACPF,sBAAC,CAAA,aAAA,CAAAG,cAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAEC,WAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPJ,sBAAC,CAAA,aAAA,CAAAK,qBAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,sBAAA,CAAA,aAAA,CAACM,gBAAS,EAAA,IAAA,EAAE,MAAM,IAAIN,sBAAC,CAAA,aAAA,CAAAO,WAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAP,sBAAA,CAAA,aAAA,CAACQ,UAAG,EAAA,IAAA,EACD,OAAO,KACNR,sBAAA,CAAA,aAAA,CAACS,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAET,sBAAA,CAAA,aAAA,CAACU,mBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
@@ -2,7 +2,7 @@ import React__default from 'react';
2
2
  import { colors } from '../../theme/modules/colors.js';
3
3
  import { Pill as BannerLayout, Row, IconCol, ChildContainer, HeaderCol, Text as StyledText, Col } from './styled.js';
4
4
  import { Button } from '../Button/Button.js';
5
- import { CrossIcon } from '../../tempIcons/CrossIcon.js';
5
+ import { CrossIcon } from '../../icons/CrossIcon.js';
6
6
  import { sizes } from '../../theme/modules/sizes.js';
7
7
 
8
8
  const accentColors = {
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../tempIcons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n help: colors.secondary.blue.base,\n info: colors.neutral.ink.base,\n error: colors.secondary.red.base,\n success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n type?: BannerTypes;\n backgroundColor?: string;\n text?: string;\n iconSlot?: ReactElement;\n onClose?: ReactEventHandler;\n className?: string;\n header?: ReactNode;\n children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n type = 'info',\n text,\n iconSlot,\n onClose,\n className,\n header,\n children,\n backgroundColor = 'white',\n ...props\n}: BannerProps) => {\n const accentColor = accentColors[type as BannerTypes];\n\n return (\n <Pill\n accentColor={accentColor}\n className={className}\n backgroundColor={backgroundColor}\n {...props}\n >\n <Row>\n {iconSlot && (\n <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n {iconSlot}\n </IconCol>\n )}\n {children ? (\n <ChildContainer>{children}</ChildContainer>\n ) : (\n <>\n <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n <Col>\n {onClose && (\n <Button\n variant=\"flat\"\n aria-label=\"Close\"\n iconSlot={<CrossIcon />}\n onClick={onClose}\n />\n )}\n </Col>\n </>\n )}\n </Row>\n </Pill>\n );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAC,CAAA,aAAA,CAAAE,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
1
+ {"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { ReactEventHandler, ReactNode, ReactElement } from 'react';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BannerTypes } from './types';\n\nimport { Pill, Text, Row, Col, HeaderCol, ChildContainer, IconCol } from './styled';\nimport { Button } from '../Button';\nimport { CrossIcon } from '../../icons/CrossIcon';\nimport { sizes } from '../../theme/modules/sizes';\n\nconst accentColors = {\n help: colors.secondary.blue.base,\n info: colors.neutral.ink.base,\n error: colors.secondary.red.base,\n success: colors.secondary.green.base,\n};\n\ntype BannerProps = {\n type?: BannerTypes;\n backgroundColor?: string;\n text?: string;\n iconSlot?: ReactElement;\n onClose?: ReactEventHandler;\n className?: string;\n header?: ReactNode;\n children?: ReactNode;\n};\n\n/**\n * The `Banner` component was previously called `Alert` (and similarly `Pill`).\n */\nexport const Banner = ({\n type = 'info',\n text,\n iconSlot,\n onClose,\n className,\n header,\n children,\n backgroundColor = 'white',\n ...props\n}: BannerProps) => {\n const accentColor = accentColors[type as BannerTypes];\n\n return (\n <Pill\n accentColor={accentColor}\n className={className}\n backgroundColor={backgroundColor}\n {...props}\n >\n <Row>\n {iconSlot && (\n <IconCol style={{ marginRight: sizes.md }} accentColor={accentColor}>\n {iconSlot}\n </IconCol>\n )}\n {children ? (\n <ChildContainer>{children}</ChildContainer>\n ) : (\n <>\n <HeaderCol>{header || <Text variant=\"headingSmall\">{text}</Text>}</HeaderCol>\n <Col>\n {onClose && (\n <Button\n variant=\"flat\"\n aria-label=\"Close\"\n iconSlot={<CrossIcon />}\n onClick={onClose}\n />\n )}\n </Col>\n </>\n )}\n </Row>\n </Pill>\n );\n};\n"],"names":["React","Pill","Text"],"mappings":";;;;;;;AAWA,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;AAC7B,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;CACrC;AAaD;;AAEG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,IAAmB,CAAC;AAErD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAAC,YAAI,EACH,EAAA,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,KAC5B,KAAK,EAAA;AAET,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA;YACD,QAAQ,KACPA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAA,EAChE,QAAQ,CACD,CACX;AACA,YAAA,QAAQ,IACPA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAE,IAAA,EAAA,QAAQ,CAAkB,KAE3CA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,gBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EAAE,MAAM,IAAIA,cAAC,CAAA,aAAA,CAAAE,UAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAQ,CAAa;AAC7E,gBAAAF,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,IAAA,EACD,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EAAA,YAAA,EACH,OAAO,EAClB,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACG,CACL,CACJ,CACG,CACD;AAEX;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  var React = require('react');
4
4
  var styled = require('./components/styled.cjs');
5
- var RightArrowIcon = require('../../tempIcons/RightArrowIcon.cjs');
5
+ var RightArrowIcon = require('../../icons/RightArrowIcon.cjs');
6
6
  var sizes = require('../../theme/modules/sizes.cjs');
7
7
  var Breadcrumb = require('./components/Breadcrumb.cjs');
8
8
 
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n items,\n Separator = <DefaultSeparator />,\n LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n <BreadcrumbsSC className=\"breadcrumbs\">\n {items.map((item, i) => (\n <Breadcrumb\n key={item.title}\n title={item.title}\n href={item.pathname}\n LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n >\n {items.length !== i + 1 && Separator}\n </Breadcrumb>\n ))}\n </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAC,CAAA,aAAA,CAAAI,qBAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
1
+ {"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n items,\n Separator = <DefaultSeparator />,\n LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n <BreadcrumbsSC className=\"breadcrumbs\">\n {items.map((item, i) => (\n <Breadcrumb\n key={item.title}\n title={item.title}\n href={item.pathname}\n LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n >\n {items.length !== i + 1 && Separator}\n </Breadcrumb>\n ))}\n </BreadcrumbsSC>\n);\n"],"names":["React","RightArrowIcon","sizes","BreadcrumbsSC","Breadcrumb"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,sBAAA,CAAA,aAAA,CAACC,6BAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAEC,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKF,4CAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,qCAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,qCAACG,oBAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBH,sBAAC,CAAA,aAAA,CAAAI,qBAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import { BreadcrumbsSC } from './components/styled.js';
3
- import { RightArrowIcon } from '../../tempIcons/RightArrowIcon.js';
3
+ import { RightArrowIcon } from '../../icons/RightArrowIcon.js';
4
4
  import { sizes } from '../../theme/modules/sizes.js';
5
5
  import { Breadcrumb } from './components/Breadcrumb.js';
6
6
 
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../tempIcons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n items,\n Separator = <DefaultSeparator />,\n LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n <BreadcrumbsSC className=\"breadcrumbs\">\n {items.map((item, i) => (\n <Breadcrumb\n key={item.title}\n title={item.title}\n href={item.pathname}\n LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n >\n {items.length !== i + 1 && Separator}\n </Breadcrumb>\n ))}\n </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
1
+ {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbsSC } from './components/styled';\nimport { BreadcrumbsProps, DefaultLinkProps } from './types';\nimport { RightArrowIcon } from '../../icons/RightArrowIcon';\nimport { sizes } from '../../theme/modules/sizes';\nimport { Breadcrumb } from './components/Breadcrumb';\n\nconst DefaultSeparator = () => (\n <RightArrowIcon className=\"separator\" width={sizes.base} height={sizes.base} />\n);\n\nconst DefaultLink = ({ children, href }: DefaultLinkProps) => <a href={href}>{children}</a>;\nconst BreadcrumbText = ({ children }: any) => <span>{children}</span>;\n\nexport const Breadcrumbs = ({\n items,\n Separator = <DefaultSeparator />,\n LinkComponent = DefaultLink,\n}: BreadcrumbsProps) => (\n <BreadcrumbsSC className=\"breadcrumbs\">\n {items.map((item, i) => (\n <Breadcrumb\n key={item.title}\n title={item.title}\n href={item.pathname}\n LinkComponent={i !== items.length - 1 ? LinkComponent : BreadcrumbText}\n >\n {items.length !== i + 1 && Separator}\n </Breadcrumb>\n ))}\n </BreadcrumbsSC>\n);\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,GAAG,OACvBA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAChF;AAED,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAoB,KAAKA,oCAAG,IAAI,EAAE,IAAI,EAAG,EAAA,QAAQ,CAAK;AAC3F,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAO,KAAKA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,QAAQ,CAAQ;MAExD,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,SAAS,GAAGA,6BAAC,gBAAgB,EAAA,IAAA,CAAG,EAChC,aAAa,GAAG,WAAW,GACV,MACjBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAC,aAAa,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,MACjBA,cAAC,CAAA,aAAA,CAAA,UAAU,EACT,EAAA,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,aAAa,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,cAAc,EAAA,EAErE,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,CACzB,CACd,CAAC,CACY;;;;"}
@@ -3,7 +3,7 @@
3
3
  var React = require('react');
4
4
  var Loader = require('../Loader/Loader.cjs');
5
5
  var styled = require('./components/styled.cjs');
6
- var DropdownIcon = require('../../tempIcons/DropdownIcon.cjs');
6
+ var DropdownIcon = require('../../icons/DropdownIcon.cjs');
7
7
 
8
8
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
9