@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.20.full

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 (421) hide show
  1. package/dist/Accordion/ContentAccordion.cjs +40 -11
  2. package/dist/Accordion/ContentAccordion.cjs.map +1 -1
  3. package/dist/Accordion/ContentAccordion.js +40 -11
  4. package/dist/Accordion/ContentAccordion.js.map +1 -1
  5. package/dist/Accordion/__tests__/AccordionMenu.test.tsx +42 -0
  6. package/dist/Accordion/__tests__/ContentAccordion.test.tsx +150 -0
  7. package/dist/Accordion/styles.cjs +51 -13
  8. package/dist/Accordion/styles.cjs.map +1 -1
  9. package/dist/Accordion/styles.js +51 -13
  10. package/dist/Accordion/styles.js.map +1 -1
  11. package/dist/AuthPage/__tests__/AuthPage.test.tsx +27 -0
  12. package/dist/Banners/Banner.cjs +38 -34
  13. package/dist/Banners/Banner.cjs.map +1 -1
  14. package/dist/Banners/Banner.d.ts +2 -3
  15. package/dist/Banners/Banner.js +38 -34
  16. package/dist/Banners/Banner.js.map +1 -1
  17. package/dist/Banners/__tests__/Banner.test.tsx +47 -0
  18. package/dist/Banners/__tests__/OverviewBanner.test.tsx +20 -0
  19. package/dist/Banners/styles.cjs +8 -16
  20. package/dist/Banners/styles.cjs.map +1 -1
  21. package/dist/Banners/styles.js +8 -16
  22. package/dist/Banners/styles.js.map +1 -1
  23. package/dist/Breadcrumb/Breadcrumb.cjs +8 -2
  24. package/dist/Breadcrumb/Breadcrumb.cjs.map +1 -1
  25. package/dist/Breadcrumb/Breadcrumb.js +8 -2
  26. package/dist/Breadcrumb/Breadcrumb.js.map +1 -1
  27. package/dist/Breadcrumb/__tests__/Breadcrumb.test.tsx +78 -0
  28. package/dist/Breadcrumb/styles.cjs +15 -4
  29. package/dist/Breadcrumb/styles.cjs.map +1 -1
  30. package/dist/Breadcrumb/styles.js +15 -4
  31. package/dist/Breadcrumb/styles.js.map +1 -1
  32. package/dist/Button/BackButton.cjs +27 -6
  33. package/dist/Button/BackButton.cjs.map +1 -1
  34. package/dist/Button/BackButton.js +27 -6
  35. package/dist/Button/BackButton.js.map +1 -1
  36. package/dist/Button/Button.cjs +179 -47
  37. package/dist/Button/Button.cjs.map +1 -1
  38. package/dist/Button/Button.d.ts +2 -0
  39. package/dist/Button/Button.js +179 -47
  40. package/dist/Button/Button.js.map +1 -1
  41. package/dist/Button/Iconbutton.cjs +83 -21
  42. package/dist/Button/Iconbutton.cjs.map +1 -1
  43. package/dist/Button/Iconbutton.js +83 -21
  44. package/dist/Button/Iconbutton.js.map +1 -1
  45. package/dist/Button/__tests__/BackButton.test.tsx +32 -0
  46. package/dist/Button/__tests__/Button.test.tsx +45 -0
  47. package/dist/Button/__tests__/DualButton.test.tsx +119 -0
  48. package/dist/Card/HorizontalCard/HorizontalCard.cjs +20 -5
  49. package/dist/Card/HorizontalCard/HorizontalCard.cjs.map +1 -1
  50. package/dist/Card/HorizontalCard/HorizontalCard.js +20 -5
  51. package/dist/Card/HorizontalCard/HorizontalCard.js.map +1 -1
  52. package/dist/Card/HorizontalCard/HorizontalCardBody.cjs +12 -3
  53. package/dist/Card/HorizontalCard/HorizontalCardBody.cjs.map +1 -1
  54. package/dist/Card/HorizontalCard/HorizontalCardBody.js +12 -3
  55. package/dist/Card/HorizontalCard/HorizontalCardBody.js.map +1 -1
  56. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs +8 -2
  57. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs.map +1 -1
  58. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js +8 -2
  59. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js.map +1 -1
  60. package/dist/Card/HorizontalCard/__tests__/HorizontalCard.test.tsx +71 -0
  61. package/dist/Card/HorizontalCard/__tests__/VerticalCard.test.tsx +124 -0
  62. package/dist/Card/VerticalCard/Card.cjs +20 -5
  63. package/dist/Card/VerticalCard/Card.cjs.map +1 -1
  64. package/dist/Card/VerticalCard/Card.js +20 -5
  65. package/dist/Card/VerticalCard/Card.js.map +1 -1
  66. package/dist/Card/VerticalCard/CardBottomSection.cjs +28 -7
  67. package/dist/Card/VerticalCard/CardBottomSection.cjs.map +1 -1
  68. package/dist/Card/VerticalCard/CardBottomSection.js +28 -7
  69. package/dist/Card/VerticalCard/CardBottomSection.js.map +1 -1
  70. package/dist/Card/VerticalCard/CardMiddleSection.cjs +19 -4
  71. package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
  72. package/dist/Card/VerticalCard/CardMiddleSection.js +19 -4
  73. package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
  74. package/dist/Card/VerticalCard/CardTopSection.cjs +9 -2
  75. package/dist/Card/VerticalCard/CardTopSection.cjs.map +1 -1
  76. package/dist/Card/VerticalCard/CardTopSection.js +9 -2
  77. package/dist/Card/VerticalCard/CardTopSection.js.map +1 -1
  78. package/dist/Card/__tests__/Card.test.tsx +146 -0
  79. package/dist/Chips/ChipStyles.cjs +4 -1
  80. package/dist/Chips/ChipStyles.cjs.map +1 -1
  81. package/dist/Chips/ChipStyles.js +4 -1
  82. package/dist/Chips/ChipStyles.js.map +1 -1
  83. package/dist/Chips/__tests__/ActionChip.test.tsx +94 -0
  84. package/dist/Chips/__tests__/ChoiceChips.test.tsx +79 -0
  85. package/dist/Chips/__tests__/FilterChip.test.tsx +95 -0
  86. package/dist/Chips/__tests__/InputChip.test.tsx +155 -0
  87. package/dist/ChipsInput/ChipInputField.cjs +16 -4
  88. package/dist/ChipsInput/ChipInputField.cjs.map +1 -1
  89. package/dist/ChipsInput/ChipInputField.js +16 -4
  90. package/dist/ChipsInput/ChipInputField.js.map +1 -1
  91. package/dist/ChipsInput/__tests__/ChipDropdownInput.test.tsx +100 -0
  92. package/dist/ChipsInput/__tests__/ChipInputFields.test.tsx +155 -0
  93. package/dist/Dropdown/BasicDropdown.cjs +12 -3
  94. package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
  95. package/dist/Dropdown/BasicDropdown.js +12 -3
  96. package/dist/Dropdown/BasicDropdown.js.map +1 -1
  97. package/dist/Dropdown/CommonStyling.cjs +172 -42
  98. package/dist/Dropdown/CommonStyling.cjs.map +1 -1
  99. package/dist/Dropdown/CommonStyling.js +172 -42
  100. package/dist/Dropdown/CommonStyling.js.map +1 -1
  101. package/dist/Dropdown/DropdownContent.cjs +36 -10
  102. package/dist/Dropdown/DropdownContent.cjs.map +1 -1
  103. package/dist/Dropdown/DropdownContent.js +36 -10
  104. package/dist/Dropdown/DropdownContent.js.map +1 -1
  105. package/dist/Dropdown/DropdownFilter.cjs +12 -3
  106. package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
  107. package/dist/Dropdown/DropdownFilter.js +12 -3
  108. package/dist/Dropdown/DropdownFilter.js.map +1 -1
  109. package/dist/Dropdown/__tests__/DropdownFilter.test.tsx +39 -0
  110. package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs +4 -1
  111. package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map +1 -1
  112. package/dist/Footer/Components/FooterNewsletterAndSocialSection.js +4 -1
  113. package/dist/Footer/Components/FooterNewsletterAndSocialSection.js.map +1 -1
  114. package/dist/Footer/__tests__/Footer.test.tsx +182 -0
  115. package/dist/GlobalNavigationBar/Logo.cjs +2 -1
  116. package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
  117. package/dist/GlobalNavigationBar/Logo.js +2 -1
  118. package/dist/GlobalNavigationBar/Logo.js.map +1 -1
  119. package/dist/GlobalNavigationBar/__tests__/GlobalNavigationBar.tests.d.ts +1 -0
  120. package/dist/GlobalNavigationBar/__tests__/Logo.test.tsx +39 -0
  121. package/dist/GlobalNavigationBar/__tests__/Logo.tests.d.ts +1 -0
  122. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs +10 -1
  123. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -1
  124. package/dist/GlobalNavigationBar/desktop/MainMenu.js +10 -1
  125. package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -1
  126. package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs +3 -2
  127. package/dist/GlobalNavigationBar/desktop/RightSideNav.cjs.map +1 -1
  128. package/dist/GlobalNavigationBar/desktop/RightSideNav.js +3 -2
  129. package/dist/GlobalNavigationBar/desktop/RightSideNav.js.map +1 -1
  130. package/dist/GlobalNavigationBar/desktop/UserMenu.cjs +4 -1
  131. package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map +1 -1
  132. package/dist/GlobalNavigationBar/desktop/UserMenu.js +4 -1
  133. package/dist/GlobalNavigationBar/desktop/UserMenu.js.map +1 -1
  134. package/dist/GlobalNavigationBar/desktop/__tests__/DesktopActions.test.tsx +108 -0
  135. package/dist/GlobalNavigationBar/desktop/__tests__/ExtendedMainMenu.test.tsx +28 -0
  136. package/dist/GlobalNavigationBar/desktop/__tests__/MainMenu.test.tsx +55 -0
  137. package/dist/GlobalNavigationBar/desktop/__tests__/RightSideNav.test.tsx +45 -0
  138. package/dist/GlobalNavigationBar/desktop/__tests__/UserMenu.test.tsx +125 -0
  139. package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs.map +1 -1
  140. package/dist/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  141. package/dist/GlobalNavigationBar/mobile/__tests__/MobileMenu.test.tsx +317 -0
  142. package/dist/GlobalNavigationBar/mobile/__tests__/MobileMenuContent.test.tsx +294 -0
  143. package/dist/GlobalNavigationBar/mobile/__tests__/MobileMenuHeader.test.tsx +195 -0
  144. package/dist/HyperLink/HyperLink.cjs +18 -2
  145. package/dist/HyperLink/HyperLink.cjs.map +1 -1
  146. package/dist/HyperLink/HyperLink.d.ts +2 -0
  147. package/dist/HyperLink/HyperLink.js +18 -2
  148. package/dist/HyperLink/HyperLink.js.map +1 -1
  149. package/dist/HyperLink/styling.cjs +38 -8
  150. package/dist/HyperLink/styling.cjs.map +1 -1
  151. package/dist/HyperLink/styling.js +38 -8
  152. package/dist/HyperLink/styling.js.map +1 -1
  153. package/dist/InputFields/Checkbox.cjs +54 -14
  154. package/dist/InputFields/Checkbox.cjs.map +1 -1
  155. package/dist/InputFields/Checkbox.js +54 -14
  156. package/dist/InputFields/Checkbox.js.map +1 -1
  157. package/dist/InputFields/DatepickerField.cjs +149 -43
  158. package/dist/InputFields/DatepickerField.cjs.map +1 -1
  159. package/dist/InputFields/DatepickerField.d.ts +1 -1
  160. package/dist/InputFields/DatepickerField.js +150 -44
  161. package/dist/InputFields/DatepickerField.js.map +1 -1
  162. package/dist/InputFields/DatepickerFieldHeader.cjs +20 -5
  163. package/dist/InputFields/DatepickerFieldHeader.cjs.map +1 -1
  164. package/dist/InputFields/DatepickerFieldHeader.js +20 -5
  165. package/dist/InputFields/DatepickerFieldHeader.js.map +1 -1
  166. package/dist/InputFields/Label.cjs +38 -11
  167. package/dist/InputFields/Label.cjs.map +1 -1
  168. package/dist/InputFields/Label.js +38 -11
  169. package/dist/InputFields/Label.js.map +1 -1
  170. package/dist/InputFields/NumberField.cjs +66 -16
  171. package/dist/InputFields/NumberField.cjs.map +1 -1
  172. package/dist/InputFields/NumberField.js +66 -16
  173. package/dist/InputFields/NumberField.js.map +1 -1
  174. package/dist/InputFields/PasswordField.cjs +4 -1
  175. package/dist/InputFields/PasswordField.cjs.map +1 -1
  176. package/dist/InputFields/PasswordField.d.ts +1 -1
  177. package/dist/InputFields/PasswordField.js +4 -1
  178. package/dist/InputFields/PasswordField.js.map +1 -1
  179. package/dist/InputFields/QuickSearch.cjs +30 -6
  180. package/dist/InputFields/QuickSearch.cjs.map +1 -1
  181. package/dist/InputFields/QuickSearch.js +30 -6
  182. package/dist/InputFields/QuickSearch.js.map +1 -1
  183. package/dist/InputFields/RadioButton.cjs +63 -15
  184. package/dist/InputFields/RadioButton.cjs.map +1 -1
  185. package/dist/InputFields/RadioButton.js +63 -15
  186. package/dist/InputFields/RadioButton.js.map +1 -1
  187. package/dist/InputFields/RichTextField.cjs +60 -15
  188. package/dist/InputFields/RichTextField.cjs.map +1 -1
  189. package/dist/InputFields/RichTextField.js +60 -15
  190. package/dist/InputFields/RichTextField.js.map +1 -1
  191. package/dist/InputFields/SearchBar.cjs +4 -1
  192. package/dist/InputFields/SearchBar.cjs.map +1 -1
  193. package/dist/InputFields/SearchBar.js +4 -1
  194. package/dist/InputFields/SearchBar.js.map +1 -1
  195. package/dist/InputFields/TextField.cjs +9 -3
  196. package/dist/InputFields/TextField.cjs.map +1 -1
  197. package/dist/InputFields/TextField.d.ts +1 -1
  198. package/dist/InputFields/TextField.js +9 -3
  199. package/dist/InputFields/TextField.js.map +1 -1
  200. package/dist/InputFields/Textarea.cjs +68 -17
  201. package/dist/InputFields/Textarea.cjs.map +1 -1
  202. package/dist/InputFields/Textarea.js +68 -17
  203. package/dist/InputFields/Textarea.js.map +1 -1
  204. package/dist/InputFields/__tests__/NumberField.test.tsx +67 -0
  205. package/dist/InputFields/__tests__/NumberInput.test.tsx +68 -0
  206. package/dist/InputFields/__tests__/QuickSearch.test.tsx +42 -0
  207. package/dist/InputFields/components/SearchBarInput.cjs +28 -7
  208. package/dist/InputFields/components/SearchBarInput.cjs.map +1 -1
  209. package/dist/InputFields/components/SearchBarInput.js +28 -7
  210. package/dist/InputFields/components/SearchBarInput.js.map +1 -1
  211. package/dist/InputFields/components/SearchField.cjs +60 -15
  212. package/dist/InputFields/components/SearchField.cjs.map +1 -1
  213. package/dist/InputFields/components/SearchField.js +60 -15
  214. package/dist/InputFields/components/SearchField.js.map +1 -1
  215. package/dist/InputFields/styling.cjs +95 -39
  216. package/dist/InputFields/styling.cjs.map +1 -1
  217. package/dist/InputFields/styling.d.ts +1 -2
  218. package/dist/InputFields/styling.js +95 -39
  219. package/dist/InputFields/styling.js.map +1 -1
  220. package/dist/LinearProgress/LinearProgress.cjs +161 -53
  221. package/dist/LinearProgress/LinearProgress.cjs.map +1 -1
  222. package/dist/LinearProgress/LinearProgress.js +161 -53
  223. package/dist/LinearProgress/LinearProgress.js.map +1 -1
  224. package/dist/LinearProgress/__tests__/LinearProgress.test.tsx +25 -0
  225. package/dist/List/ListRow.cjs +36 -9
  226. package/dist/List/ListRow.cjs.map +1 -1
  227. package/dist/List/ListRow.js +36 -9
  228. package/dist/List/ListRow.js.map +1 -1
  229. package/dist/List/__tests__/ListRow.test.tsx +18 -0
  230. package/dist/List/__tests__/ListRow.tests.d.ts +1 -0
  231. package/dist/LoadingIndicator/LoadingIndicator.cjs +4 -1
  232. package/dist/LoadingIndicator/LoadingIndicator.cjs.map +1 -1
  233. package/dist/LoadingIndicator/LoadingIndicator.js +4 -1
  234. package/dist/LoadingIndicator/LoadingIndicator.js.map +1 -1
  235. package/dist/LoadingPage/GlobalLoadingPage.cjs +4 -1
  236. package/dist/LoadingPage/GlobalLoadingPage.cjs.map +1 -1
  237. package/dist/LoadingPage/GlobalLoadingPage.js +4 -1
  238. package/dist/LoadingPage/GlobalLoadingPage.js.map +1 -1
  239. package/dist/LoadingPage/__tests__/GlobalLoadingPage.test.tsx +23 -0
  240. package/dist/MenuItem/MenuItem.cjs +101 -26
  241. package/dist/MenuItem/MenuItem.cjs.map +1 -1
  242. package/dist/MenuItem/MenuItem.js +101 -26
  243. package/dist/MenuItem/MenuItem.js.map +1 -1
  244. package/dist/MiniProductCard/MiniProductCard.cjs +15 -1
  245. package/dist/MiniProductCard/MiniProductCard.cjs.map +1 -1
  246. package/dist/MiniProductCard/MiniProductCard.d.ts +1 -0
  247. package/dist/MiniProductCard/MiniProductCard.js +15 -1
  248. package/dist/MiniProductCard/MiniProductCard.js.map +1 -1
  249. package/dist/Modals/Modal.cjs +4 -1
  250. package/dist/Modals/Modal.cjs.map +1 -1
  251. package/dist/Modals/Modal.js +4 -1
  252. package/dist/Modals/Modal.js.map +1 -1
  253. package/dist/Modals/ModalContent.cjs +24 -6
  254. package/dist/Modals/ModalContent.cjs.map +1 -1
  255. package/dist/Modals/ModalContent.js +24 -6
  256. package/dist/Modals/ModalContent.js.map +1 -1
  257. package/dist/Modals/ModalDialog.cjs +12 -3
  258. package/dist/Modals/ModalDialog.cjs.map +1 -1
  259. package/dist/Modals/ModalDialog.js +12 -3
  260. package/dist/Modals/ModalDialog.js.map +1 -1
  261. package/dist/Modals/ModalNote.cjs +16 -4
  262. package/dist/Modals/ModalNote.cjs.map +1 -1
  263. package/dist/Modals/ModalNote.js +16 -4
  264. package/dist/Modals/ModalNote.js.map +1 -1
  265. package/dist/Modals/ModalStyles.cjs +44 -11
  266. package/dist/Modals/ModalStyles.cjs.map +1 -1
  267. package/dist/Modals/ModalStyles.js +44 -11
  268. package/dist/Modals/ModalStyles.js.map +1 -1
  269. package/dist/Modals/__tests__/Modal.test.tsx +169 -0
  270. package/dist/Modals/__tests__/ModalContainer.test.tsx +77 -0
  271. package/dist/Modals/__tests__/ModalContent.test.tsx +126 -0
  272. package/dist/NavItem/NavItem.cjs +11 -2
  273. package/dist/NavItem/NavItem.cjs.map +1 -1
  274. package/dist/NavItem/NavItem.js +11 -2
  275. package/dist/NavItem/NavItem.js.map +1 -1
  276. package/dist/NavItem/__tests__/NavItem.test.ts +6 -0
  277. package/dist/NotificationDot/NotificationDot.cjs +17 -2
  278. package/dist/NotificationDot/NotificationDot.cjs.map +1 -1
  279. package/dist/NotificationDot/NotificationDot.js +17 -2
  280. package/dist/NotificationDot/NotificationDot.js.map +1 -1
  281. package/dist/NotificationDot/__tests__/NotificationDot.test.tsx +33 -0
  282. package/dist/Paginator/Paginator.cjs +76 -29
  283. package/dist/Paginator/Paginator.cjs.map +1 -1
  284. package/dist/Paginator/Paginator.js +76 -29
  285. package/dist/Paginator/Paginator.js.map +1 -1
  286. package/dist/Paginator/__tests__/Paginator.test.tsx +39 -0
  287. package/dist/Panel/Panel.cjs +4 -1
  288. package/dist/Panel/Panel.cjs.map +1 -1
  289. package/dist/Panel/Panel.js +4 -1
  290. package/dist/Panel/Panel.js.map +1 -1
  291. package/dist/Popover/Popover.cjs +22 -3
  292. package/dist/Popover/Popover.cjs.map +1 -1
  293. package/dist/Popover/Popover.js +22 -3
  294. package/dist/Popover/Popover.js.map +1 -1
  295. package/dist/Popover/__tests__/Popover.test.tsx +64 -0
  296. package/dist/ProfileButton/ProfileButton.cjs +9 -2
  297. package/dist/ProfileButton/ProfileButton.cjs.map +1 -1
  298. package/dist/ProfileButton/ProfileButton.js +9 -2
  299. package/dist/ProfileButton/ProfileButton.js.map +1 -1
  300. package/dist/ProfileButton/__tests__/ProfileButton.test.tsx +31 -0
  301. package/dist/QuizButton/__tests__/QuizButton.test.tsx +53 -0
  302. package/dist/SegmentControl/SegmentControl.cjs +46 -11
  303. package/dist/SegmentControl/SegmentControl.cjs.map +1 -1
  304. package/dist/SegmentControl/SegmentControl.js +46 -11
  305. package/dist/SegmentControl/SegmentControl.js.map +1 -1
  306. package/dist/SegmentControl/__tests__/SegmentControl.test.tsx +145 -0
  307. package/dist/SideMenu/SideMenuHeader.cjs +12 -3
  308. package/dist/SideMenu/SideMenuHeader.cjs.map +1 -1
  309. package/dist/SideMenu/SideMenuHeader.js +12 -3
  310. package/dist/SideMenu/SideMenuHeader.js.map +1 -1
  311. package/dist/SideMenu/__tests__/SideMenu.test.tsx +99 -0
  312. package/dist/Switcher/SwitcherMenuItem.cjs +4 -1
  313. package/dist/Switcher/SwitcherMenuItem.cjs.map +1 -1
  314. package/dist/Switcher/SwitcherMenuItem.js +4 -1
  315. package/dist/Switcher/SwitcherMenuItem.js.map +1 -1
  316. package/dist/Switcher/__tests__/SwitcherMenuItem.tsx +14 -0
  317. package/dist/Table/TableFooter.cjs +8 -2
  318. package/dist/Table/TableFooter.cjs.map +1 -1
  319. package/dist/Table/TableFooter.js +8 -2
  320. package/dist/Table/TableFooter.js.map +1 -1
  321. package/dist/Table/TableStyles.cjs +132 -33
  322. package/dist/Table/TableStyles.cjs.map +1 -1
  323. package/dist/Table/TableStyles.js +132 -33
  324. package/dist/Table/TableStyles.js.map +1 -1
  325. package/dist/Table/__tests__/Table.test.tsx +499 -0
  326. package/dist/Tabs/HorizontalTabs.cjs +68 -18
  327. package/dist/Tabs/HorizontalTabs.cjs.map +1 -1
  328. package/dist/Tabs/HorizontalTabs.js +68 -18
  329. package/dist/Tabs/HorizontalTabs.js.map +1 -1
  330. package/dist/Tabs/TabLink.cjs +4 -1
  331. package/dist/Tabs/TabLink.cjs.map +1 -1
  332. package/dist/Tabs/TabLink.js +4 -1
  333. package/dist/Tabs/TabLink.js.map +1 -1
  334. package/dist/Tabs/VerticalTabs.cjs +1 -0
  335. package/dist/Tabs/VerticalTabs.cjs.map +1 -1
  336. package/dist/Tabs/VerticalTabs.js +1 -0
  337. package/dist/Tabs/VerticalTabs.js.map +1 -1
  338. package/dist/Tabs/__tests__/HorizontalTabs.test.tsx +95 -0
  339. package/dist/Tabs/__tests__/TabLink.test.tsx +40 -0
  340. package/dist/Tabs/__tests__/TabLink.tests.d.ts +1 -0
  341. package/dist/Tabs/__tests__/Tablist.test.tsx +37 -0
  342. package/dist/Tabs/__tests__/Tablist.tests.d.ts +2 -0
  343. package/dist/Tag/Tag.cjs +2 -2
  344. package/dist/Tag/Tag.cjs.map +1 -1
  345. package/dist/Tag/Tag.js +2 -2
  346. package/dist/Tag/Tag.js.map +1 -1
  347. package/dist/Tag/__tests__/Tag.test.tsx +86 -0
  348. package/dist/Tile/Tile.cjs +8 -2
  349. package/dist/Tile/Tile.cjs.map +1 -1
  350. package/dist/Tile/Tile.js +8 -2
  351. package/dist/Tile/Tile.js.map +1 -1
  352. package/dist/Tile/TileCommonItems.cjs +8 -2
  353. package/dist/Tile/TileCommonItems.cjs.map +1 -1
  354. package/dist/Tile/TileCommonItems.js +8 -2
  355. package/dist/Tile/TileCommonItems.js.map +1 -1
  356. package/dist/Tile/TileFooter.cjs +4 -1
  357. package/dist/Tile/TileFooter.cjs.map +1 -1
  358. package/dist/Tile/TileFooter.js +4 -1
  359. package/dist/Tile/TileFooter.js.map +1 -1
  360. package/dist/Tile/TileHeader.cjs +12 -3
  361. package/dist/Tile/TileHeader.cjs.map +1 -1
  362. package/dist/Tile/TileHeader.js +12 -3
  363. package/dist/Tile/TileHeader.js.map +1 -1
  364. package/dist/Toasters/Toast.cjs +62 -13
  365. package/dist/Toasters/Toast.cjs.map +1 -1
  366. package/dist/Toasters/Toast.js +62 -13
  367. package/dist/Toasters/Toast.js.map +1 -1
  368. package/dist/Toasters/__tests__/Toast.test.tsx +74 -0
  369. package/dist/Toggles/ToggleButton.cjs +9 -3
  370. package/dist/Toggles/ToggleButton.cjs.map +1 -1
  371. package/dist/Toggles/ToggleButton.d.ts +1 -1
  372. package/dist/Toggles/ToggleButton.js +9 -3
  373. package/dist/Toggles/ToggleButton.js.map +1 -1
  374. package/dist/Toggles/TogglerStyles.cjs +22 -8
  375. package/dist/Toggles/TogglerStyles.cjs.map +1 -1
  376. package/dist/Toggles/TogglerStyles.js +22 -8
  377. package/dist/Toggles/TogglerStyles.js.map +1 -1
  378. package/dist/Toggles/__tests__/ToggleButton.test.tsx +53 -0
  379. package/dist/Toggles/__tests__/ToggleSwitch.test.tsx +87 -0
  380. package/dist/Tooltips/TooltipStyles.cjs +28 -6
  381. package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
  382. package/dist/Tooltips/TooltipStyles.js +28 -6
  383. package/dist/Tooltips/TooltipStyles.js.map +1 -1
  384. package/dist/Tooltips/__tests__/TooltipWrapper.test.tsx +16 -0
  385. package/dist/common/InputStyling.cjs +30 -7
  386. package/dist/common/InputStyling.cjs.map +1 -1
  387. package/dist/common/InputStyling.js +30 -7
  388. package/dist/common/InputStyling.js.map +1 -1
  389. package/dist/common/Link.cjs +45 -0
  390. package/dist/common/Link.cjs.map +1 -0
  391. package/dist/common/Link.d.ts +9 -0
  392. package/dist/common/Link.js +37 -0
  393. package/dist/common/Link.js.map +1 -0
  394. package/dist/common/NavigationHelper.cjs +30 -0
  395. package/dist/common/NavigationHelper.cjs.map +1 -0
  396. package/dist/common/NavigationHelper.d.ts +4 -0
  397. package/dist/common/NavigationHelper.js +23 -0
  398. package/dist/common/NavigationHelper.js.map +1 -0
  399. package/dist/custom.d.ts +2 -0
  400. package/dist/styles/colors.cjs +439 -84
  401. package/dist/styles/colors.cjs.map +1 -1
  402. package/dist/styles/colors.d.ts +200 -11
  403. package/dist/styles/colors.js +439 -84
  404. package/dist/styles/colors.js.map +1 -1
  405. package/dist/styles/global.cjs +19 -2
  406. package/dist/styles/global.cjs.map +1 -1
  407. package/dist/styles/global.d.ts +3 -2
  408. package/dist/styles/global.js +18 -3
  409. package/dist/styles/global.js.map +1 -1
  410. package/dist/styles/index.cjs +21 -9
  411. package/dist/styles/index.cjs.map +1 -1
  412. package/dist/styles/index.d.ts +2 -2
  413. package/dist/styles/index.js +18 -6
  414. package/dist/styles/index.js.map +1 -1
  415. package/dist/styles/react-datepicker.css +766 -0
  416. package/dist/utils/color-tokens.cjs +91 -0
  417. package/dist/utils/color-tokens.cjs.map +1 -0
  418. package/dist/utils/color-tokens.d.ts +19 -0
  419. package/dist/utils/color-tokens.js +82 -0
  420. package/dist/utils/color-tokens.js.map +1 -0
  421. package/package.json +144 -141
@@ -1 +1 @@
1
- {"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","props","getColor","theme"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n &:focus, &.focus-state, &.focus-visible {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.action-within), &.hover-state {\r\n background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n }\r\n &:active:not(.action-within), &.active-state {\r\n background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n }\r\n &:disabled, &.disabled-state {\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n span {\r\n color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n }\r\n &::after {\r\n background-color: ${props => COLORS.getColor('white', props.theme)};\r\n }\r\n }\r\n`;\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAE7C,OAAO,MAAMC,wBAAwB,GAAGH,GAAG;AAC3C;AACA,MAAME,WAAW;AACjB;AACA;AACA;AACA,wBAAwBE,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAC3E,aAAaF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA,wBAAwBF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC5E,aAAaF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACjE;AACA;AACA,wBAAwBF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AACtE;AACA,eAAeF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AACnE;AACA;AACA,0BAA0BF,KAAK,IAAIH,MAAM,CAACI,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AACxE;AACA;AACA,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","props","generateToken","componentType","state","theme","defaultVariant"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n &:focus, &.focus-state, &.focus-visible {\r\n ${focusStyles}\r\n }\r\n\r\n &:hover:not(.action-within), &.hover-state {\r\n background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover' }, props.theme)};\r\n }\r\n\r\n &:active:not(.action-within), &.active-state {\r\n background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n }\r\n\r\n &:disabled, &.disabled-state {\r\n background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'disabled' }, props.theme)};\r\n span {\r\n color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)};\r\n }\r\n &::after {\r\n background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)};\r\n }\r\n }\r\n`;\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAE7C,OAAO,MAAMC,wBAAwB,GAAGH,GAAG;AAC3C;AACA,MAAME,WAAW;AACjB;AACA;AACA;AACA,wBAAwBE,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACnH,aAAaJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AAClG;AACA;AACA;AACA,wBAAwBJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACpH,aAAaJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAS,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACnG;AACA;AACA;AACA,wBAAwBJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACtH;AACA,eAAeJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAW,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACvG;AACA;AACA,0BAA0BJ,KAAK,IAAIH,MAAM,CAACI,aAAa,CAAC;EAAEC,aAAa,EAAE,YAAY;EAAEG,cAAc,EAAE;AAAU,CAAC,EAAEL,KAAK,CAACI,KAAK,CAAC;AAChI;AACA;AACA,CAAC","ignoreList":[]}
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.Link = void 0;
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _react = _interopRequireDefault(require("react"));
13
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
14
+ var _styles = require("../styles");
15
+ var _jsxRuntime = require("react/jsx-runtime");
16
+ const _excluded = ["to", "active", "className", "children"];
17
+ var _templateObject;
18
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
+ const StyledLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n\n ", "\n\n ", "\n"])), _styles.COLORS.BLUE_500, _styles.focusStyles, props => props.active && "\n color: ".concat(_styles.COLORS.BLUE_700, ";\n font-weight: bold;\n "));
21
+ const Link = _ref => {
22
+ let {
23
+ to,
24
+ active,
25
+ className,
26
+ children
27
+ } = _ref,
28
+ props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
29
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLink, _objectSpread(_objectSpread({
30
+ href: to,
31
+ active: active,
32
+ className: className
33
+ }, props), {}, {
34
+ children: children
35
+ }));
36
+ };
37
+ exports.Link = Link;
38
+ Link.propTypes = {
39
+ to: _propTypes.default.string,
40
+ active: _propTypes.default.bool,
41
+ className: _propTypes.default.string,
42
+ children: _propTypes.default.node
43
+ };
44
+ var _default = exports.default = Link;
45
+ //# sourceMappingURL=Link.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_jsxRuntime","_excluded","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledLink","styled","a","_taggedTemplateLiteral2","COLORS","BLUE_500","focusStyles","props","active","concat","BLUE_700","Link","_ref","to","className","children","_objectWithoutProperties2","jsx","href","exports","propTypes","_propTypes","string","bool","node","_default"],"sources":["../../src/common/Link.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n to?: string;\r\n active?: boolean;\r\n className?: string;\r\n children?: React.ReactNode;\r\n}\r\n\r\nconst StyledLink = styled.a<{ active?: boolean }>`\r\n color: ${COLORS.BLUE_500};\r\n text-decoration: none;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n ${focusStyles}\r\n\r\n ${props => props.active && `\r\n color: ${COLORS.BLUE_700};\r\n font-weight: bold;\r\n `}\r\n`;\r\n\r\nexport const Link: React.FC<LinkProps> = ({ to, active, className, children, ...props }) => {\r\n return (\r\n <StyledLink \r\n href={to} \r\n active={active}\r\n className={className}\r\n {...props}\r\n >\r\n {children}\r\n </StyledLink>\r\n );\r\n};\r\n\r\nexport default Link; "],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,MAAAI,SAAA;AAAA,IAAAC,eAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAShD,MAAMqB,UAAU,GAAGC,yBAAM,CAACC,CAAC,CAAAzB,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,CAAAP,OAAA,mJAChBQ,cAAM,CAACC,QAAQ,EAQtBC,mBAAW,EAEXC,KAAK,IAAIA,KAAK,CAACC,MAAM,oBAAAC,MAAA,CACZL,cAAM,CAACM,QAAQ,kCAEzB,CACF;AAEM,MAAMC,IAAyB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;MAAEC,EAAE;MAAEL,MAAM;MAAEM,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPL,KAAK,OAAAS,yBAAA,CAAApB,OAAA,EAAAgB,IAAA,EAAApC,SAAA;EACnF,oBACE,IAAAD,WAAA,CAAA0C,GAAA,EAACjB,UAAU,EAAAT,aAAA,CAAAA,aAAA;IACT2B,IAAI,EAAEL,EAAG;IACTL,MAAM,EAAEA,MAAO;IACfM,SAAS,EAAEA;EAAU,GACjBP,KAAK;IAAAQ,QAAA,EAERA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACI,OAAA,CAAAR,IAAA,GAAAA,IAAA;AAAAA,IAAA,CAAAS,SAAA;EAlCAP,EAAE,EAAAQ,UAAA,CAAAzB,OAAA,CAAA0B,MAAA;EACFd,MAAM,EAAAa,UAAA,CAAAzB,OAAA,CAAA2B,IAAA;EACNT,SAAS,EAAAO,UAAA,CAAAzB,OAAA,CAAA0B,MAAA;EACTP,QAAQ,EAAAM,UAAA,CAAAzB,OAAA,CAAA4B;AAAA;AAAA,IAAAC,QAAA,GAAAN,OAAA,CAAAvB,OAAA,GAiCKe,IAAI","ignoreList":[]}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
+ to?: string;
4
+ active?: boolean;
5
+ className?: string;
6
+ children?: React.ReactNode;
7
+ }
8
+ export declare const Link: React.FC<LinkProps>;
9
+ export default Link;
@@ -0,0 +1,37 @@
1
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
4
+ import _pt from "prop-types";
5
+ const _excluded = ["to", "active", "className", "children"];
6
+ var _templateObject;
7
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
8
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
9
+ import React from 'react';
10
+ import styled from 'styled-components';
11
+ import { COLORS, focusStyles } from '../styles';
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ const StyledLink = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n text-decoration: underline;\n }\n\n ", "\n\n ", "\n"])), COLORS.BLUE_500, focusStyles, props => props.active && "\n color: ".concat(COLORS.BLUE_700, ";\n font-weight: bold;\n "));
14
+ export const Link = _ref => {
15
+ let {
16
+ to,
17
+ active,
18
+ className,
19
+ children
20
+ } = _ref,
21
+ props = _objectWithoutProperties(_ref, _excluded);
22
+ return /*#__PURE__*/_jsx(StyledLink, _objectSpread(_objectSpread({
23
+ href: to,
24
+ active: active,
25
+ className: className
26
+ }, props), {}, {
27
+ children: children
28
+ }));
29
+ };
30
+ Link.propTypes = {
31
+ to: _pt.string,
32
+ active: _pt.bool,
33
+ className: _pt.string,
34
+ children: _pt.node
35
+ };
36
+ export default Link;
37
+ //# sourceMappingURL=Link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.js","names":["React","styled","COLORS","focusStyles","jsx","_jsx","StyledLink","a","_templateObject","_taggedTemplateLiteral","BLUE_500","props","active","concat","BLUE_700","Link","_ref","to","className","children","_objectWithoutProperties","_excluded","_objectSpread","href","propTypes","_pt","string","bool","node"],"sources":["../../src/common/Link.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\nexport interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n to?: string;\r\n active?: boolean;\r\n className?: string;\r\n children?: React.ReactNode;\r\n}\r\n\r\nconst StyledLink = styled.a<{ active?: boolean }>`\r\n color: ${COLORS.BLUE_500};\r\n text-decoration: none;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n ${focusStyles}\r\n\r\n ${props => props.active && `\r\n color: ${COLORS.BLUE_700};\r\n font-weight: bold;\r\n `}\r\n`;\r\n\r\nexport const Link: React.FC<LinkProps> = ({ to, active, className, children, ...props }) => {\r\n return (\r\n <StyledLink \r\n href={to} \r\n active={active}\r\n className={className}\r\n {...props}\r\n >\r\n {children}\r\n </StyledLink>\r\n );\r\n};\r\n\r\nexport default Link; "],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShD,MAAMC,UAAU,GAAGL,MAAM,CAACM,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,kJAChBP,MAAM,CAACQ,QAAQ,EAQtBP,WAAW,EAEXQ,KAAK,IAAIA,KAAK,CAACC,MAAM,oBAAAC,MAAA,CACZX,MAAM,CAACY,QAAQ,kCAEzB,CACF;AAED,OAAO,MAAMC,IAAyB,GAAGC,IAAA,IAAmD;EAAA,IAAlD;MAAEC,EAAE;MAAEL,MAAM;MAAEM,SAAS;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPL,KAAK,GAAAS,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnF,oBACEhB,IAAA,CAACC,UAAU,EAAAgB,aAAA,CAAAA,aAAA;IACTC,IAAI,EAAEN,EAAG;IACTL,MAAM,EAAEA,MAAO;IACfM,SAAS,EAAEA;EAAU,GACjBP,KAAK;IAAAQ,QAAA,EAERA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACJ,IAAA,CAAAS,SAAA;EAlCAP,EAAE,EAAAQ,GAAA,CAAAC,MAAA;EACFd,MAAM,EAAAa,GAAA,CAAAE,IAAA;EACNT,SAAS,EAAAO,GAAA,CAAAC,MAAA;EACTP,QAAQ,EAAAM,GAAA,CAAAG;AAAA;AAiCV,eAAeb,IAAI","ignoreList":[]}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useNavigationHelper = void 0;
7
+ var _reactRouter = require("react-router");
8
+ const useNavigationHelper = () => {
9
+ const navigateHook = (0, _reactRouter.useNavigate)();
10
+ const location = (0, _reactRouter.useLocation)();
11
+ const navigate = (url, isExternal) => {
12
+ if (isExternal) {
13
+ window.location.href = url;
14
+ } else {
15
+ navigateHook(url);
16
+ }
17
+ };
18
+ const isActiveRoute = (url, exact) => {
19
+ return !!(0, _reactRouter.matchPath)({
20
+ path: url,
21
+ end: exact
22
+ }, location.pathname ?? '');
23
+ };
24
+ return {
25
+ navigate,
26
+ isActiveRoute
27
+ };
28
+ };
29
+ exports.useNavigationHelper = useNavigationHelper;
30
+ //# sourceMappingURL=NavigationHelper.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationHelper.cjs","names":["_reactRouter","require","useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname","exports"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n const navigateHook = useNavigate();\r\n const location = useLocation();\r\n\r\n const navigate = (url: string, isExternal: boolean) => {\r\n if (isExternal) {\r\n window.location.href = url;\r\n } else {\r\n navigateHook(url);\r\n }\r\n };\r\n\r\n const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n };\r\n\r\n return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,YAAY,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,QAAQ,GAAGA,CAACC,GAAW,EAAEC,UAAmB,KAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,MAAMI,aAAa,GAAGA,CAACJ,GAAW,EAAEK,KAAc,KAAc;IAC9D,OAAO,CAAC,CAAC,IAAAC,sBAAS,EAAC;MAAEC,IAAI,EAAEP,GAAG;MAAEQ,GAAG,EAAEH;IAAM,CAAC,EAAER,QAAQ,CAACY,QAAQ,IAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEV,QAAQ;IAAEK;EAAc,CAAC;AACpC,CAAC;AAACM,OAAA,CAAAhB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ export declare const useNavigationHelper: () => {
2
+ navigate: (url: string, isExternal: boolean) => void;
3
+ isActiveRoute: (url: string, exact: boolean) => boolean;
4
+ };
@@ -0,0 +1,23 @@
1
+ import { useNavigate, matchPath, useLocation } from 'react-router';
2
+ export const useNavigationHelper = () => {
3
+ const navigateHook = useNavigate();
4
+ const location = useLocation();
5
+ const navigate = (url, isExternal) => {
6
+ if (isExternal) {
7
+ window.location.href = url;
8
+ } else {
9
+ navigateHook(url);
10
+ }
11
+ };
12
+ const isActiveRoute = (url, exact) => {
13
+ return !!matchPath({
14
+ path: url,
15
+ end: exact
16
+ }, location.pathname ?? '');
17
+ };
18
+ return {
19
+ navigate,
20
+ isActiveRoute
21
+ };
22
+ };
23
+ //# sourceMappingURL=NavigationHelper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationHelper.js","names":["useNavigate","matchPath","useLocation","useNavigationHelper","navigateHook","location","navigate","url","isExternal","window","href","isActiveRoute","exact","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n const navigateHook = useNavigate();\r\n const location = useLocation();\r\n\r\n const navigate = (url: string, isExternal: boolean) => {\r\n if (isExternal) {\r\n window.location.href = url;\r\n } else {\r\n navigateHook(url);\r\n }\r\n };\r\n\r\n const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n };\r\n\r\n return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,cAAc;AAElE,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,YAAY,GAAGJ,WAAW,CAAC,CAAC;EAClC,MAAMK,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAE9B,MAAMI,QAAQ,GAAGA,CAACC,GAAW,EAAEC,UAAmB,KAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACJ,QAAQ,CAACK,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC;EAED,MAAMI,aAAa,GAAGA,CAACJ,GAAW,EAAEK,KAAc,KAAc;IAC9D,OAAO,CAAC,CAACX,SAAS,CAAC;MAAEY,IAAI,EAAEN,GAAG;MAAEO,GAAG,EAAEF;IAAM,CAAC,EAAEP,QAAQ,CAACU,QAAQ,IAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAET,QAAQ;IAAEK;EAAc,CAAC;AACpC,CAAC","ignoreList":[]}
package/dist/custom.d.ts CHANGED
@@ -2,3 +2,5 @@ declare module '*.svg' {
2
2
  const content: string;
3
3
  export default content;
4
4
  }
5
+
6
+ declare module '*.css';