@laerdal/life-react-components 1.2.2-dev.10 → 1.2.2-dev.12

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 (303) hide show
  1. package/dist/esm/Banners/Banner.js +0 -1
  2. package/dist/esm/Banners/Banner.js.map +1 -1
  3. package/dist/esm/Breadcrumb/Breadcrumb.js.map +1 -1
  4. package/dist/esm/Button/BackButton.js +4 -4
  5. package/dist/esm/Button/BackButton.js.map +1 -1
  6. package/dist/esm/Button/__tests__/BackButton.test.js +4 -3
  7. package/dist/esm/Button/__tests__/BackButton.test.js.map +1 -1
  8. package/dist/esm/Chips/ActionChip.js +3 -2
  9. package/dist/esm/Chips/ActionChip.js.map +1 -1
  10. package/dist/esm/Chips/ChipInput.js +2 -1
  11. package/dist/esm/Chips/ChipInput.js.map +1 -1
  12. package/dist/esm/Chips/FilterChip.js +3 -2
  13. package/dist/esm/Chips/FilterChip.js.map +1 -1
  14. package/dist/esm/Chips/InputChip.js +3 -2
  15. package/dist/esm/Chips/InputChip.js.map +1 -1
  16. package/dist/esm/Dropdown/BasicDropdown.js +2 -3
  17. package/dist/esm/Dropdown/BasicDropdown.js.map +1 -1
  18. package/dist/esm/Dropdown/ChipDropdownInput.js +3 -2
  19. package/dist/esm/Dropdown/ChipDropdownInput.js.map +1 -1
  20. package/dist/esm/Dropdown/CommonStyling.js +2 -1
  21. package/dist/esm/Dropdown/CommonStyling.js.map +1 -1
  22. package/dist/esm/Dropdown/DropdownContent.js +13 -1
  23. package/dist/esm/Dropdown/DropdownContent.js.map +1 -1
  24. package/dist/esm/Dropdown/DropdownFilter.js +3 -4
  25. package/dist/esm/Dropdown/DropdownFilter.js.map +1 -1
  26. package/dist/esm/GlobalNavigationBar/ExtendedMainMenu.js +4 -2
  27. package/dist/esm/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  28. package/dist/esm/GlobalNavigationBar/GlobalNavigationBar.js +6 -2
  29. package/dist/esm/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  30. package/dist/esm/GlobalNavigationBar/UserMenu/MobileUserMenu.js +2 -1
  31. package/dist/esm/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  32. package/dist/esm/GlobalNavigationBar/UserMenu/UserMenu.js +2 -1
  33. package/dist/esm/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  34. package/dist/esm/GlobalNavigationBar/mobile/CommonStyles.js +8 -1
  35. package/dist/esm/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  36. package/dist/esm/InputFields/DatepickerField.js +6 -0
  37. package/dist/esm/InputFields/DatepickerField.js.map +1 -1
  38. package/dist/esm/InputFields/Label.js +1 -2
  39. package/dist/esm/InputFields/Label.js.map +1 -1
  40. package/dist/esm/InputFields/PasswordField.js +1 -2
  41. package/dist/esm/InputFields/PasswordField.js.map +1 -1
  42. package/dist/esm/InputFields/QuickSearch.js +2 -2
  43. package/dist/esm/InputFields/QuickSearch.js.map +1 -1
  44. package/dist/esm/InputFields/ResponsiveComponentWrapper.js +2 -2
  45. package/dist/esm/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  46. package/dist/esm/InputFields/SearchBar.js +0 -1
  47. package/dist/esm/InputFields/SearchBar.js.map +1 -1
  48. package/dist/esm/InputFields/TextField.js +0 -1
  49. package/dist/esm/InputFields/TextField.js.map +1 -1
  50. package/dist/esm/InputFields/Textarea.js +1 -2
  51. package/dist/esm/InputFields/Textarea.js.map +1 -1
  52. package/dist/esm/InputFields/__tests__/QuickSearch.test.js +2 -1
  53. package/dist/esm/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  54. package/dist/esm/InputFields/components/SearchBarInput.js +0 -1
  55. package/dist/esm/InputFields/components/SearchBarInput.js.map +1 -1
  56. package/dist/esm/List/ListRow.js +4 -1
  57. package/dist/esm/List/ListRow.js.map +1 -1
  58. package/dist/esm/LoadingIndicator/LoadingIndicator.js +4 -4
  59. package/dist/esm/LoadingIndicator/LoadingIndicator.js.map +1 -1
  60. package/dist/esm/Modals/ModalContainer.js +3 -1
  61. package/dist/esm/Modals/ModalContainer.js.map +1 -1
  62. package/dist/esm/NavItem/NavItem.js +4 -0
  63. package/dist/esm/NavItem/NavItem.js.map +1 -1
  64. package/dist/esm/NotificationDot/NotificationDot.js +9 -9
  65. package/dist/esm/NotificationDot/NotificationDot.js.map +1 -1
  66. package/dist/esm/NotificationDot/__tests__/NotificationDot.test.js +3 -2
  67. package/dist/esm/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  68. package/dist/esm/Paginator/Paginator.js +5 -1
  69. package/dist/esm/Paginator/Paginator.js.map +1 -1
  70. package/dist/esm/Switcher/MobileSwitcherMenu.js +2 -1
  71. package/dist/esm/Switcher/MobileSwitcherMenu.js.map +1 -1
  72. package/dist/esm/Switcher/SwitcherMenuItem.js +5 -0
  73. package/dist/esm/Switcher/SwitcherMenuItem.js.map +1 -1
  74. package/dist/esm/Table/Table.js +1 -1
  75. package/dist/esm/Table/Table.js.map +1 -1
  76. package/dist/esm/Tabs/HorizontalTabs.js +15 -9
  77. package/dist/esm/Tabs/HorizontalTabs.js.map +1 -1
  78. package/dist/esm/Tabs/TabLink.js +17 -6
  79. package/dist/esm/Tabs/TabLink.js.map +1 -1
  80. package/dist/esm/Tabs/Tabs.js +14 -14
  81. package/dist/esm/Tabs/Tabs.js.map +1 -1
  82. package/dist/esm/Tabs/VerticalTabs.js +2 -2
  83. package/dist/esm/Tabs/VerticalTabs.js.map +1 -1
  84. package/dist/esm/Toasters/ToastContext.js +2 -1
  85. package/dist/esm/Toasters/ToastContext.js.map +1 -1
  86. package/dist/esm/Tooltips/TooltipStyles.js +3 -2
  87. package/dist/esm/Tooltips/TooltipStyles.js.map +1 -1
  88. package/dist/esm/styles/typography.js +9 -8
  89. package/dist/esm/styles/typography.js.map +1 -1
  90. package/dist/esm/styles/z-indexes.js +14 -0
  91. package/dist/esm/styles/z-indexes.js.map +1 -0
  92. package/dist/esm/types.js +1 -0
  93. package/dist/esm/types.js.map +1 -1
  94. package/dist/js/Banners/Banner.d.ts +2 -1
  95. package/dist/js/Banners/Banner.js +0 -1
  96. package/dist/js/Banners/Banner.js.map +1 -1
  97. package/dist/js/Breadcrumb/Breadcrumb.js.map +1 -1
  98. package/dist/js/Button/BackButton.d.ts +2 -1
  99. package/dist/js/Button/BackButton.js +5 -4
  100. package/dist/js/Button/BackButton.js.map +1 -1
  101. package/dist/js/Button/__tests__/BackButton.test.js +5 -3
  102. package/dist/js/Button/__tests__/BackButton.test.js.map +1 -1
  103. package/dist/js/Chips/ActionChip.js +4 -2
  104. package/dist/js/Chips/ActionChip.js.map +1 -1
  105. package/dist/js/Chips/ChipInput.js +3 -1
  106. package/dist/js/Chips/ChipInput.js.map +1 -1
  107. package/dist/js/Chips/ChipTypes.d.ts +3 -3
  108. package/dist/js/Chips/FilterChip.js +4 -2
  109. package/dist/js/Chips/FilterChip.js.map +1 -1
  110. package/dist/js/Chips/InputChip.js +4 -2
  111. package/dist/js/Chips/InputChip.js.map +1 -1
  112. package/dist/js/Dropdown/BasicDropdown.d.ts +2 -1
  113. package/dist/js/Dropdown/BasicDropdown.js +2 -3
  114. package/dist/js/Dropdown/BasicDropdown.js.map +1 -1
  115. package/dist/js/Dropdown/ChipDropdownInput.d.ts +0 -3
  116. package/dist/js/Dropdown/ChipDropdownInput.js +4 -2
  117. package/dist/js/Dropdown/ChipDropdownInput.js.map +1 -1
  118. package/dist/js/Dropdown/CommonStyling.js +3 -1
  119. package/dist/js/Dropdown/CommonStyling.js.map +1 -1
  120. package/dist/js/Dropdown/DropdownContent.js +5 -3
  121. package/dist/js/Dropdown/DropdownContent.js.map +1 -1
  122. package/dist/js/Dropdown/DropdownFilter.d.ts +2 -1
  123. package/dist/js/Dropdown/DropdownFilter.js +3 -4
  124. package/dist/js/Dropdown/DropdownFilter.js.map +1 -1
  125. package/dist/js/GlobalNavigationBar/ExtendedMainMenu.js +6 -2
  126. package/dist/js/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  127. package/dist/js/GlobalNavigationBar/GlobalNavigationBar.js +5 -3
  128. package/dist/js/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  129. package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js +3 -1
  130. package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  131. package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js +3 -1
  132. package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  133. package/dist/js/GlobalNavigationBar/mobile/CommonStyles.js +4 -2
  134. package/dist/js/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  135. package/dist/js/InputFields/DatepickerField.js +3 -1
  136. package/dist/js/InputFields/DatepickerField.js.map +1 -1
  137. package/dist/js/InputFields/Label.d.ts +2 -1
  138. package/dist/js/InputFields/Label.js +0 -1
  139. package/dist/js/InputFields/Label.js.map +1 -1
  140. package/dist/js/InputFields/PasswordField.d.ts +2 -1
  141. package/dist/js/InputFields/PasswordField.js +1 -2
  142. package/dist/js/InputFields/PasswordField.js.map +1 -1
  143. package/dist/js/InputFields/QuickSearch.d.ts +2 -1
  144. package/dist/js/InputFields/QuickSearch.js +3 -2
  145. package/dist/js/InputFields/QuickSearch.js.map +1 -1
  146. package/dist/js/InputFields/ResponsiveComponentWrapper.d.ts +2 -1
  147. package/dist/js/InputFields/ResponsiveComponentWrapper.js +3 -2
  148. package/dist/js/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  149. package/dist/js/InputFields/SearchBar.d.ts +2 -1
  150. package/dist/js/InputFields/SearchBar.js +0 -1
  151. package/dist/js/InputFields/SearchBar.js.map +1 -1
  152. package/dist/js/InputFields/TextField.d.ts +2 -1
  153. package/dist/js/InputFields/TextField.js +0 -1
  154. package/dist/js/InputFields/TextField.js.map +1 -1
  155. package/dist/js/InputFields/Textarea.d.ts +2 -1
  156. package/dist/js/InputFields/Textarea.js +0 -1
  157. package/dist/js/InputFields/Textarea.js.map +1 -1
  158. package/dist/js/InputFields/__tests__/QuickSearch.test.js +3 -1
  159. package/dist/js/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  160. package/dist/js/InputFields/components/SearchBarInput.d.ts +2 -1
  161. package/dist/js/InputFields/components/SearchBarInput.js +0 -1
  162. package/dist/js/InputFields/components/SearchBarInput.js.map +1 -1
  163. package/dist/js/List/ListRow.js +3 -1
  164. package/dist/js/List/ListRow.js.map +1 -1
  165. package/dist/js/LoadingIndicator/LoadingIndicator.d.ts +2 -1
  166. package/dist/js/LoadingIndicator/LoadingIndicator.js +5 -4
  167. package/dist/js/LoadingIndicator/LoadingIndicator.js.map +1 -1
  168. package/dist/js/Modals/ModalContainer.js +3 -1
  169. package/dist/js/Modals/ModalContainer.js.map +1 -1
  170. package/dist/js/NavItem/NavItem.js +3 -1
  171. package/dist/js/NavItem/NavItem.js.map +1 -1
  172. package/dist/js/NotificationDot/NotificationDot.d.ts +2 -1
  173. package/dist/js/NotificationDot/NotificationDot.js +10 -9
  174. package/dist/js/NotificationDot/NotificationDot.js.map +1 -1
  175. package/dist/js/NotificationDot/__tests__/NotificationDot.test.js +4 -2
  176. package/dist/js/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  177. package/dist/js/Paginator/Paginator.js +3 -1
  178. package/dist/js/Paginator/Paginator.js.map +1 -1
  179. package/dist/js/Switcher/MobileSwitcherMenu.js +3 -1
  180. package/dist/js/Switcher/MobileSwitcherMenu.js.map +1 -1
  181. package/dist/js/Switcher/SwitcherMenuItem.js +3 -1
  182. package/dist/js/Switcher/SwitcherMenuItem.js.map +1 -1
  183. package/dist/js/Table/Table.js +1 -1
  184. package/dist/js/Table/Table.js.map +1 -1
  185. package/dist/js/Tabs/HorizontalTabs.d.ts +2 -2
  186. package/dist/js/Tabs/HorizontalTabs.js +6 -3
  187. package/dist/js/Tabs/HorizontalTabs.js.map +1 -1
  188. package/dist/js/Tabs/TabLink.d.ts +2 -1
  189. package/dist/js/Tabs/TabLink.js +7 -4
  190. package/dist/js/Tabs/TabLink.js.map +1 -1
  191. package/dist/js/Tabs/Tabs.d.ts +2 -1
  192. package/dist/js/Tabs/Tabs.js +15 -14
  193. package/dist/js/Tabs/Tabs.js.map +1 -1
  194. package/dist/js/Tabs/VerticalTabs.d.ts +2 -1
  195. package/dist/js/Tabs/VerticalTabs.js +3 -2
  196. package/dist/js/Tabs/VerticalTabs.js.map +1 -1
  197. package/dist/js/Toasters/ToastContext.js +3 -1
  198. package/dist/js/Toasters/ToastContext.js.map +1 -1
  199. package/dist/js/Tooltips/TooltipStyles.js +4 -2
  200. package/dist/js/Tooltips/TooltipStyles.js.map +1 -1
  201. package/dist/js/styles/typography.d.ts +2 -1
  202. package/dist/js/styles/typography.js +10 -8
  203. package/dist/js/styles/typography.js.map +1 -1
  204. package/dist/js/styles/z-indexes.d.ts +13 -0
  205. package/dist/js/styles/z-indexes.js +21 -0
  206. package/dist/js/styles/z-indexes.js.map +1 -0
  207. package/dist/js/types.d.ts +1 -0
  208. package/dist/js/types.js +1 -0
  209. package/dist/js/types.js.map +1 -1
  210. package/dist/umd/Banners/Banner.js +0 -1
  211. package/dist/umd/Banners/Banner.js.map +1 -1
  212. package/dist/umd/Breadcrumb/Breadcrumb.js.map +1 -1
  213. package/dist/umd/Button/BackButton.js +7 -8
  214. package/dist/umd/Button/BackButton.js.map +1 -1
  215. package/dist/umd/Button/__tests__/BackButton.test.js +7 -7
  216. package/dist/umd/Button/__tests__/BackButton.test.js.map +1 -1
  217. package/dist/umd/Chips/ActionChip.js +6 -6
  218. package/dist/umd/Chips/ActionChip.js.map +1 -1
  219. package/dist/umd/Chips/ChipInput.js +5 -5
  220. package/dist/umd/Chips/ChipInput.js.map +1 -1
  221. package/dist/umd/Chips/FilterChip.js +6 -6
  222. package/dist/umd/Chips/FilterChip.js.map +1 -1
  223. package/dist/umd/Chips/InputChip.js +6 -6
  224. package/dist/umd/Chips/InputChip.js.map +1 -1
  225. package/dist/umd/Dropdown/BasicDropdown.js +2 -3
  226. package/dist/umd/Dropdown/BasicDropdown.js.map +1 -1
  227. package/dist/umd/Dropdown/ChipDropdownInput.js +6 -6
  228. package/dist/umd/Dropdown/ChipDropdownInput.js.map +1 -1
  229. package/dist/umd/Dropdown/CommonStyling.js +5 -5
  230. package/dist/umd/Dropdown/CommonStyling.js.map +1 -1
  231. package/dist/umd/Dropdown/DropdownContent.js +16 -5
  232. package/dist/umd/Dropdown/DropdownContent.js.map +1 -1
  233. package/dist/umd/Dropdown/DropdownFilter.js +3 -4
  234. package/dist/umd/Dropdown/DropdownFilter.js.map +1 -1
  235. package/dist/umd/GlobalNavigationBar/ExtendedMainMenu.js +6 -6
  236. package/dist/umd/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  237. package/dist/umd/GlobalNavigationBar/GlobalNavigationBar.js +9 -6
  238. package/dist/umd/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  239. package/dist/umd/GlobalNavigationBar/UserMenu/MobileUserMenu.js +5 -5
  240. package/dist/umd/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  241. package/dist/umd/GlobalNavigationBar/UserMenu/UserMenu.js +5 -5
  242. package/dist/umd/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  243. package/dist/umd/GlobalNavigationBar/mobile/CommonStyles.js +11 -5
  244. package/dist/umd/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  245. package/dist/umd/InputFields/DatepickerField.js +9 -4
  246. package/dist/umd/InputFields/DatepickerField.js.map +1 -1
  247. package/dist/umd/InputFields/Label.js +0 -1
  248. package/dist/umd/InputFields/Label.js.map +1 -1
  249. package/dist/umd/InputFields/PasswordField.js +1 -2
  250. package/dist/umd/InputFields/PasswordField.js.map +1 -1
  251. package/dist/umd/InputFields/QuickSearch.js +5 -6
  252. package/dist/umd/InputFields/QuickSearch.js.map +1 -1
  253. package/dist/umd/InputFields/ResponsiveComponentWrapper.js +5 -6
  254. package/dist/umd/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  255. package/dist/umd/InputFields/SearchBar.js +0 -1
  256. package/dist/umd/InputFields/SearchBar.js.map +1 -1
  257. package/dist/umd/InputFields/TextField.js +0 -1
  258. package/dist/umd/InputFields/TextField.js.map +1 -1
  259. package/dist/umd/InputFields/Textarea.js +0 -1
  260. package/dist/umd/InputFields/Textarea.js.map +1 -1
  261. package/dist/umd/InputFields/__tests__/QuickSearch.test.js +5 -5
  262. package/dist/umd/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  263. package/dist/umd/InputFields/components/SearchBarInput.js +0 -1
  264. package/dist/umd/InputFields/components/SearchBarInput.js.map +1 -1
  265. package/dist/umd/List/ListRow.js +7 -5
  266. package/dist/umd/List/ListRow.js.map +1 -1
  267. package/dist/umd/LoadingIndicator/LoadingIndicator.js +7 -8
  268. package/dist/umd/LoadingIndicator/LoadingIndicator.js.map +1 -1
  269. package/dist/umd/Modals/ModalContainer.js +6 -5
  270. package/dist/umd/Modals/ModalContainer.js.map +1 -1
  271. package/dist/umd/NavItem/NavItem.js +7 -4
  272. package/dist/umd/NavItem/NavItem.js.map +1 -1
  273. package/dist/umd/NotificationDot/NotificationDot.js +12 -13
  274. package/dist/umd/NotificationDot/NotificationDot.js.map +1 -1
  275. package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js +6 -6
  276. package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  277. package/dist/umd/Paginator/Paginator.js +8 -5
  278. package/dist/umd/Paginator/Paginator.js.map +1 -1
  279. package/dist/umd/Switcher/MobileSwitcherMenu.js +5 -5
  280. package/dist/umd/Switcher/MobileSwitcherMenu.js.map +1 -1
  281. package/dist/umd/Switcher/SwitcherMenuItem.js +8 -4
  282. package/dist/umd/Switcher/SwitcherMenuItem.js.map +1 -1
  283. package/dist/umd/Table/Table.js +1 -1
  284. package/dist/umd/Table/Table.js.map +1 -1
  285. package/dist/umd/Tabs/HorizontalTabs.js +16 -12
  286. package/dist/umd/Tabs/HorizontalTabs.js.map +1 -1
  287. package/dist/umd/Tabs/TabLink.js +19 -10
  288. package/dist/umd/Tabs/TabLink.js.map +1 -1
  289. package/dist/umd/Tabs/Tabs.js +17 -18
  290. package/dist/umd/Tabs/Tabs.js.map +1 -1
  291. package/dist/umd/Tabs/VerticalTabs.js +5 -6
  292. package/dist/umd/Tabs/VerticalTabs.js.map +1 -1
  293. package/dist/umd/Toasters/ToastContext.js +5 -5
  294. package/dist/umd/Toasters/ToastContext.js.map +1 -1
  295. package/dist/umd/Tooltips/TooltipStyles.js +6 -6
  296. package/dist/umd/Tooltips/TooltipStyles.js.map +1 -1
  297. package/dist/umd/styles/typography.js +12 -12
  298. package/dist/umd/styles/typography.js.map +1 -1
  299. package/dist/umd/styles/z-indexes.js +33 -0
  300. package/dist/umd/styles/z-indexes.js.map +1 -0
  301. package/dist/umd/types.js +1 -0
  302. package/dist/umd/types.js.map +1 -1
  303. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Tabs/VerticalTabs.tsx"],"names":["requiredLine","optionalLine","to","disabled","onClick","exact","showNotificationDot","variant","size","entries","VerticalTabs","entry"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,QAAMU,YAAY,GAAG,CAAC;AAAA,IAAA,IAAA;AAAQD,IAAAA;AAAR,GAAD,KAA0C;AAC7D,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAM,MAAA,IAAI,EAAED,IAAI,IAAI;AAApB,KAAA,EACG,OAAO,EAAP,GAAA,CAAcG,KAAD,IAAA,aACZ,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AACE,MAAA,GAAG,EAAEA,KAAK,CADZ,EAAA;AAEE,MAAA,EAAE,EAAEA,KAAK,CAFX,EAAA;AAGE,MAAA,KAAK,EAAEA,KAAK,CAHd,KAAA;AAIE,MAAA,YAAY,EAAEA,KAAK,CAJrB,YAAA;AAKE,MAAA,YAAY,EAAEA,KAAK,CALrB,YAAA;AAME,MAAA,gBAAgB,EAAEA,KAAK,CANzB,gBAAA;AAOE,MAAA,QAAQ,EAAEA,KAAK,CAPjB,QAAA;AAQE,MAAA,mBAAmB,EAAEA,KAAK,CAR5B,mBAAA;AASE,MAAA,IAAI,EATN,IAAA;AAUE,MAAA,OAAO,EAAEA,KAAK,CAVhB,OAAA;AAWE,MAAA,WAAW,EAAE,MAAM;AACjB,YAAIA,KAAK,CAAT,OAAA,EAAmB;AACjBA,UAAAA,KAAK,CAALA,OAAAA;AACD;AACF;AAfH,KAAA,CADD,CADH,CADF;AADF,GAAA;;;AAJEH,IAAAA,I;AACAC,IAAAA,O;AAZAT,MAAAA,Y;AACAC,MAAAA,Y;AAEAC,MAAAA,E;AACAC,MAAAA,Q;AACAC,MAAAA,O;AACAC,MAAAA,K;AACAC,MAAAA,mB;AACAC,MAAAA,O,6BAAU,U,EAAa,U;;;oBAgCzB,Y","sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\n\nexport interface VerticalTabEntry {\n requiredLine: string;\n optionalLine?: string;\n optionalLineIcon?: React.FunctionComponent<BaseProps>;\n to: string;\n disabled?: boolean;\n onClick?: () => void;\n exact?: boolean;\n showNotificationDot?: boolean;\n variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n size?: string;\n entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n return (\n <Tabs size={size || 'large'}>\n {entries?.map((entry: VerticalTabEntry) => (\n <TabLink\n key={entry.to}\n to={entry.to}\n exact={entry.exact}\n requiredLine={entry.requiredLine}\n optionalLine={entry.optionalLine}\n OptionalLineIcon={entry.optionalLineIcon}\n disabled={entry.disabled}\n showNotificationDot={entry.showNotificationDot}\n size={size}\n variant={entry.variant}\n onLinkClick={() => {\n if (entry.onClick) {\n entry.onClick();\n }\n }}></TabLink>\n ))}\n </Tabs>\n );\n};\n\nexport default VerticalTabs;\n"],"file":"VerticalTabs.js"}
1
+ {"version":3,"sources":["../../../src/Tabs/VerticalTabs.tsx"],"names":["requiredLine","optionalLine","to","disabled","onClick","exact","showNotificationDot","variant","entries","VerticalTabs","size","Size","Large","entry"],"mappings":";;;;;;;;;;;;;;;;;;;;;MAAA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,QAAMS,YAAY,GAAG,CAAC;AAAA,IAAA,IAAA;AAAQD,IAAAA;AAAR,GAAD,KAA0C;AAC7D,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAM,MAAA,IAAI,EAAEE,IAAI,IAAIC,YAAKC;AAAzB,KAAA,EACG,OAAO,EAAP,GAAA,CAAcC,KAAD,IAAA,aACZ,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA;AACE,MAAA,GAAG,EAAEA,KAAK,CADZ,EAAA;AAEE,MAAA,EAAE,EAAEA,KAAK,CAFX,EAAA;AAGE,MAAA,KAAK,EAAEA,KAAK,CAHd,KAAA;AAIE,MAAA,YAAY,EAAEA,KAAK,CAJrB,YAAA;AAKE,MAAA,YAAY,EAAEA,KAAK,CALrB,YAAA;AAME,MAAA,gBAAgB,EAAEA,KAAK,CANzB,gBAAA;AAOE,MAAA,QAAQ,EAAEA,KAAK,CAPjB,QAAA;AAQE,MAAA,mBAAmB,EAAEA,KAAK,CAR5B,mBAAA;AASE,MAAA,IAAI,EATN,IAAA;AAUE,MAAA,OAAO,EAAEA,KAAK,CAVhB,OAAA;AAWE,MAAA,WAAW,EAAE,MAAM;AACjB,YAAIA,KAAK,CAAT,OAAA,EAAmB;AACjBA,UAAAA,KAAK,CAALA,OAAAA;AACD;AACF;AAfH,KAAA,CADD,CADH,CADF;AADF,GAAA;;;AAHEL,IAAAA,O;AAZAR,MAAAA,Y;AACAC,MAAAA,Y;AAEAC,MAAAA,E;AACAC,MAAAA,Q;AACAC,MAAAA,O;AACAC,MAAAA,K;AACAC,MAAAA,mB;AACAC,MAAAA,O,6BAAU,U,EAAa,U;;;oBAgCzB,Y","sourcesContent":["import * as React from 'react';\nimport Tabs from './Tabs';\nimport TabLink from './TabLink';\nimport { BaseProps } from '../icons';\nimport { Size } from '../types';\n\nexport interface VerticalTabEntry {\n requiredLine: string;\n optionalLine?: string;\n optionalLineIcon?: React.FunctionComponent<BaseProps>;\n to: string;\n disabled?: boolean;\n onClick?: () => void;\n exact?: boolean;\n showNotificationDot?: boolean;\n variant?: 'critical' | 'positive';\n}\ninterface VerticalTabsProps {\n size?: Size.Small | Size.Medium | Size.Large;\n entries: VerticalTabEntry[];\n}\n\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\n return (\n <Tabs size={size ?? Size.Large}>\n {entries?.map((entry: VerticalTabEntry) => (\n <TabLink\n key={entry.to}\n to={entry.to}\n exact={entry.exact}\n requiredLine={entry.requiredLine}\n optionalLine={entry.optionalLine}\n OptionalLineIcon={entry.optionalLineIcon}\n disabled={entry.disabled}\n showNotificationDot={entry.showNotificationDot}\n size={size}\n variant={entry.variant}\n onLinkClick={() => {\n if (entry.onClick) {\n entry.onClick();\n }\n }}></TabLink>\n ))}\n </Tabs>\n );\n};\n\nexport default VerticalTabs;\n"],"file":"VerticalTabs.js"}
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "react", "styled-components", "../Services/functions", "./Toast", "../types"], factory);
3
+ define(["exports", "react", "styled-components", "../Services/functions", "./Toast", "../types", "../styles/z-indexes"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("react"), require("styled-components"), require("../Services/functions"), require("./Toast"), require("../types"));
5
+ factory(exports, require("react"), require("styled-components"), require("../Services/functions"), require("./Toast"), require("../types"), require("../styles/z-indexes"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global.react, global.styledComponents, global.functions, global.Toast, global.types);
10
+ factory(mod.exports, global.react, global.styledComponents, global.functions, global.Toast, global.types, global.zIndexes);
11
11
  global.undefined = mod.exports;
12
12
  }
13
- })(this, function (exports, _react, _styledComponents, _functions, _Toast, _types) {
13
+ })(this, function (exports, _react, _styledComponents, _functions, _Toast, _types, _zIndexes) {
14
14
  "use strict";
15
15
 
16
16
  Object.defineProperty(exports, "__esModule", {
@@ -138,7 +138,7 @@
138
138
  const ToastContext = exports.ToastContext = React.createContext({});
139
139
  const ToastBucket = _styledComponents2.default.div`
140
140
  position: fixed;
141
- z-index: 9999;
141
+ z-index: ${_zIndexes.Z_INDEXES.toast};
142
142
  display: flex;
143
143
  flex-direction: column-reverse;
144
144
  `;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Toasters/ToastContext.tsx"],"names":["ToastContext","React","ToastBucket","styled","div","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","add","id","setToasts","prev","options","remove","toasts","t","functions","addToast","removeToast","ToastPosition"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\n\ntype ProviderProps = {\n children?: any;\n};\n\ninterface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n position: fixed;\n z-index: 9999;\n display: flex;\n flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n top: 16px;\n left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n top: 16px;\n right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n bottom: 16px;\n left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n bottom: 16px;\n right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n const [toasts, setToasts] = React.useState<toast[]>([]);\n\n const add = (content: any, options: ToastOptions) => {\n const id = createUUID();\n setToasts(prev => [...prev, { id, content, options }]);\n };\n\n const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n const functions = React.useMemo(() => {\n return { addToast: add, removeToast: remove };\n }, [toasts]);\n\n return (\n <ToastContext.Provider value={{ toasts, ...functions }}>\n <ToastBucketTopLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopLeft>\n <ToastBucketTopMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopMiddle>\n <ToastBucketTopRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopRight>\n <ToastBucketBottomLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomLeft>\n <ToastBucketBottomMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomMiddle>\n <ToastBucketBottomRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomRight>\n {children}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast() {\n const { addToast } = React.useContext(ToastContext);\n return {\n addToast,\n };\n}\n"],"file":"ToastContext.js"}
1
+ {"version":3,"sources":["../../../src/Toasters/ToastContext.tsx"],"names":["ToastContext","React","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","add","id","setToasts","prev","options","remove","toasts","t","functions","addToast","removeToast","ToastPosition"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n children?: any;\n};\n\ninterface toast {\n options: ToastOptions;\n id: string;\n content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n position: fixed;\n z-index: ${Z_INDEXES.toast};\n display: flex;\n flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n top: 16px;\n left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n top: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n top: 16px;\n right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n bottom: 16px;\n left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n bottom: 16px;\n right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n const [toasts, setToasts] = React.useState<toast[]>([]);\n\n const add = (content: any, options: ToastOptions) => {\n const id = createUUID();\n setToasts(prev => [...prev, { id, content, options }]);\n };\n\n const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n const functions = React.useMemo(() => {\n return { addToast: add, removeToast: remove };\n }, [toasts]);\n\n return (\n <ToastContext.Provider value={{ toasts, ...functions }}>\n <ToastBucketTopLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopLeft>\n <ToastBucketTopMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopMiddle>\n <ToastBucketTopRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketTopRight>\n <ToastBucketBottomLeft>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomLeft>\n <ToastBucketBottomMiddle>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomMiddle>\n <ToastBucketBottomRight>\n {toasts\n .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n .map(t => (\n <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n ))}\n </ToastBucketBottomRight>\n {children}\n </ToastContext.Provider>\n );\n};\n\nexport function useToast() {\n const { addToast } = React.useContext(ToastContext);\n return {\n addToast,\n };\n}\n"],"file":"ToastContext.js"}
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "styled-components", "../types", "../styles", "../styles/typography"], factory);
3
+ define(["exports", "styled-components", "../types", "../styles", "../styles/typography", "../styles/z-indexes"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("styled-components"), require("../types"), require("../styles"), require("../styles/typography"));
5
+ factory(exports, require("styled-components"), require("../types"), require("../styles"), require("../styles/typography"), require("../styles/z-indexes"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global.styledComponents, global.types, global.styles, global.typography);
10
+ factory(mod.exports, global.styledComponents, global.types, global.styles, global.typography, global.zIndexes);
11
11
  global.undefined = mod.exports;
12
12
  }
13
- })(this, function (exports, _styledComponents, _types, _styles, _typography) {
13
+ })(this, function (exports, _styledComponents, _types, _styles, _typography, _zIndexes) {
14
14
  "use strict";
15
15
 
16
16
  Object.defineProperty(exports, "__esModule", {
@@ -43,11 +43,11 @@
43
43
  border-radius: 2px;
44
44
  width: max-content;
45
45
  height: ${props => props.height};
46
- max-width: 34ems;
46
+ max-width: 34em;
47
47
  background: ${_styles.COLORS.primary_800};
48
48
  position: absolute;
49
49
  opacity: 0;
50
- z-index: 1;
50
+ z-index: ${_zIndexes.Z_INDEXES.tooltip};
51
51
  ${props => props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : ''}
52
52
 
53
53
  ${props => props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : ''}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["distanceToEdge","size","Size","Tooltip","styled","div","props","ComponentSStyling","ComponentTextStyle","COLORS","ComponentXSStyling","ComponentMStyling","BOXSHADOWS","BOXSHADOW_L2","height","primary_800","withArrow","align","position","TooltipTrigger","css","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\n\nconst distanceToEdge = (size: Size | undefined) => {\n return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n withArrow?: boolean;\n size?: Size;\n height?: string;\n align?: 'start' | 'end' | 'center' | undefined;\n position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n pointer-events: none;\n ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n \n padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n border-radius: 2px;\n width: max-content;\n height: ${props => props.height};\n max-width: 34ems;\n background: ${COLORS.primary_800};\n position: absolute; \n opacity: 0; \n z-index: 1;\n ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n \n ${props =>\n props.position == 'left' || props.position == 'right'\n ? ''\n : props.align == 'start'\n ? 'left: 0%;'\n : props.align == 'end'\n ? 'right: 0%;'\n : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n ${props => (!props.withArrow ? 'display: none;' : '')}\n content: \"\";\n position: absolute;\n ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n \n ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n ${props =>\n props.position == 'left' || props.position == 'right' ? '' : \n props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n }\n`;\n\nTooltip.defaultProps = {\n withArrow: false,\n size: Size.Small,\n height: 'auto',\n align: 'center',\n position: 'bottom'\n}\n\nexport const TooltipTrigger = css`\n &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n opacity: 1;\n transition: 0.5s;\n transition-delay: 1s;\n }\n`;\n\nexport const TooltipContainer = styled.div`\n display: inline-block;\n position: relative;\n\n ${TooltipTrigger}\n`;\n"],"file":"TooltipStyles.js"}
1
+ {"version":3,"sources":["../../../src/Tooltips/TooltipStyles.tsx"],"names":["distanceToEdge","size","Size","Tooltip","styled","div","props","ComponentSStyling","ComponentTextStyle","COLORS","ComponentXSStyling","ComponentMStyling","BOXSHADOWS","BOXSHADOW_L2","height","primary_800","Z_INDEXES","tooltip","withArrow","align","position","TooltipTrigger","css","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n withArrow?: boolean;\n size?: Size;\n height?: string;\n align?: 'start' | 'end' | 'center' | undefined;\n position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n pointer-events: none;\n ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n \n padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n border-radius: 2px;\n width: max-content;\n height: ${props => props.height};\n max-width: 34em;\n background: ${COLORS.primary_800};\n position: absolute; \n opacity: 0; \n z-index: ${Z_INDEXES.tooltip};\n ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n \n ${props =>\n props.position == 'left' || props.position == 'right'\n ? ''\n : props.align == 'start'\n ? 'left: 0%;'\n : props.align == 'end'\n ? 'right: 0%;'\n : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n ${props => (!props.withArrow ? 'display: none;' : '')}\n content: \"\";\n position: absolute;\n ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n \n ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n ${props =>\n props.position == 'left' || props.position == 'right' ? '' : \n props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n margin: -0.5px;\n border-width: 4px;\n border-style: solid;\n border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n }\n`;\n\nTooltip.defaultProps = {\n withArrow: false,\n size: Size.Small,\n height: 'auto',\n align: 'center',\n position: 'bottom'\n}\n\nexport const TooltipTrigger = css`\n &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n opacity: 1;\n transition: 0.5s;\n transition-delay: 1s;\n }\n`;\n\nexport const TooltipContainer = styled.div`\n display: inline-block;\n position: relative;\n\n ${TooltipTrigger}\n`;\n"],"file":"TooltipStyles.js"}
@@ -1,16 +1,16 @@
1
1
  (function (global, factory) {
2
2
  if (typeof define === "function" && define.amd) {
3
- define(["exports", "prop-types", "react", "styled-components", "."], factory);
3
+ define(["exports", "prop-types", "react", "styled-components", ".", "../types"], factory);
4
4
  } else if (typeof exports !== "undefined") {
5
- factory(exports, require("prop-types"), require("react"), require("styled-components"), require("."));
5
+ factory(exports, require("prop-types"), require("react"), require("styled-components"), require("."), require("../types"));
6
6
  } else {
7
7
  var mod = {
8
8
  exports: {}
9
9
  };
10
- factory(mod.exports, global.propTypes, global.react, global.styledComponents, global._);
10
+ factory(mod.exports, global.propTypes, global.react, global.styledComponents, global._, global.types);
11
11
  global.undefined = mod.exports;
12
12
  }
13
- })(this, function (exports, _propTypes, _react, _styledComponents, _) {
13
+ })(this, function (exports, _propTypes, _react, _styledComponents, _, _types) {
14
14
  "use strict";
15
15
 
16
16
  Object.defineProperty(exports, "__esModule", {
@@ -538,44 +538,44 @@
538
538
 
539
539
  if (!size) {
540
540
  if (width < 768) {
541
- fontsize = 'small';
541
+ fontsize = _types.Size.Small;
542
542
  } else if (width < 992) {
543
- fontsize = 'medium';
543
+ fontsize = _types.Size.Medium;
544
544
  } else {
545
- fontsize = 'large';
545
+ fontsize = _types.Size.Large;
546
546
  }
547
547
  }
548
548
 
549
549
  switch (fontsize) {
550
- case 'xxsmall':
550
+ case _types.Size.XXSmall:
551
551
  return /*#__PURE__*/_react2.default.createElement(ComponentXXS, {
552
552
  color: color,
553
553
  textStyle: textStyle,
554
554
  children: children
555
555
  });
556
556
 
557
- case 'xsmall':
557
+ case _types.Size.XSmall:
558
558
  return /*#__PURE__*/_react2.default.createElement(ComponentXS, {
559
559
  color: color,
560
560
  textStyle: textStyle,
561
561
  children: children
562
562
  });
563
563
 
564
- case 'small':
564
+ case _types.Size.Small:
565
565
  return /*#__PURE__*/_react2.default.createElement(ComponentS, {
566
566
  color: color,
567
567
  textStyle: textStyle,
568
568
  children: children
569
569
  });
570
570
 
571
- case 'medium':
571
+ case _types.Size.Medium:
572
572
  return /*#__PURE__*/_react2.default.createElement(ComponentM, {
573
573
  color: color,
574
574
  textStyle: textStyle,
575
575
  children: children
576
576
  });
577
577
 
578
- case 'large':
578
+ case _types.Size.Large:
579
579
  default:
580
580
  return /*#__PURE__*/_react2.default.createElement(ComponentL, {
581
581
  color: color,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","textDecorationLine","fontSize","fontWeight","lineHeight","textTransform","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","styled","props","ParagraphTextStyle","textStyle","paragraphFontWeight","paragraphFontStyle","paragraphTextDecorationLine","textDecoration","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","width","fontsize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,QAAMA,UAAU,GAAG;AACjBC,IAAAA,UAAU,EAAE;AADK,GAAnB;AAcA,QAAMC,cAAc,GAAG,gCAAA,KAAA,EAA+B,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,IAAA,QAAA;AAAA,IAAA,UAAA;AAAA,IAAA,SAAA;AAAA,IAAA,aAAA;AAAqEC,IAAAA;AAArE,GAAD,MAAgG;AACpJF,IAAAA,UAAU,EAAED,UAAU,CAD8H,UAAA;AAEpJI,IAAAA,QAAQ,EAF4I,QAAA;AAGpJC,IAAAA,UAAU,EAH0I,UAAA;AAIpJC,IAAAA,UAAU,EAAEA,UAAU,GAJ8H,IAAA;AAKpJC,IAAAA,aAAa,EAAEA,aAAa,GAAA,aAAA,GALwH,MAAA;AAMpJJ,IAAAA,kBAAkB,EAAEA,kBAAkB,GAAA,kBAAA,GAN8G,MAAA;AAOpJK,IAAAA,SAAS,EAAEA,SAAS,GAAA,SAAA,GAPgI,QAAA;AAQpJC,IAAAA,KAAK,EAAEA,KAAK,GAAA,KAAA,GAAWC,SAAOC;AARsH,GAAhG,CAA/B,CAAvB;;AAqBA,QAAMC,mBAAmB,GAAG,CAAA,QAAA,EAAA,UAAA,EAAA,KAAA,KAAyD;AACnF,WAAOC,qBAAI;AACb,mBAAmBb,UAAU,CAACC,UAAW;AACzC,iBAAiBG,QAAS;AAC1B,mBAAmBE,UAAW;AAC9B;AACA,aAAaG,KAAM;AALjB,GAAA;AADF,GAAA;;AASA,QAAMK,YAAY,GAAG,gCAAA,cAAA,EAAsC,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAqBV,IAAAA;AAArB,GAAD,MAAsC;AAC/FA,IAAAA,QAAQ,EADuF,QAAA;AAE/FC,IAAAA,UAAU,EAFqF,GAAA;AAG/FC,IAAAA,UAAU,EAHqF,UAAA;AAI/FG,IAAAA,KAAK,EAAEA;AAJwF,GAAtC,CAAtC,CAArB;;AAOA,QAAMM,iBAAiB,GAAIN,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAAhE,KAAgE,CAAhE;;AACA,QAAMI,UAAU,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAEP,IAAAA;AAAF,GAAD,MAAgB;AACjEL,IAAAA,QAAQ,EADyD,MAAA;AAEjEE,IAAAA,UAAU,EAFuD,MAAA;AAGjEG,IAAAA,KAAK,EAAEA;AAH0D,GAAhB,CAAhC,CAAnB;;AAMA,QAAMQ,gBAAgB,GAAIR,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAA/D,KAA+D,CAA/D;;AACA,QAAMM,SAAS,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAET,IAAAA;AAAF,GAAD,MAAgB;AAChEL,IAAAA,QAAQ,EADwD,MAAA;AAEhEE,IAAAA,UAAU,EAFsD,MAAA;AAGhEG,IAAAA,KAAK,EAAEA;AAHyD,GAAhB,CAAhC,CAAlB;;AAMA,QAAMU,gBAAgB,GAAIV,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAA/D,KAA+D,CAA/D;;AACA,QAAMQ,SAAS,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAEX,IAAAA;AAAF,GAAD,MAAgB;AAChEL,IAAAA,QAAQ,EADwD,MAAA;AAEhEE,IAAAA,UAAU,EAFsD,MAAA;AAGhEG,IAAAA,KAAK,EAAEA;AAHyD,GAAhB,CAAhC,CAAlB;;AAMA,QAAMY,gBAAgB,GAAIZ,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAA/D,KAA+D,CAA/D;;AACA,QAAMU,SAAS,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAEb,IAAAA;AAAF,GAAD,MAAgB;AAChEL,IAAAA,QAAQ,EADwD,MAAA;AAEhEE,IAAAA,UAAU,EAFsD,MAAA;AAGhEG,IAAAA,KAAK,EAAEA;AAHyD,GAAhB,CAAhC,CAAlB;;AAMA,QAAMc,iBAAiB,GAAId,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAAhE,KAAgE,CAAhE;;AACA,QAAMY,UAAU,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAEf,IAAAA;AAAF,GAAD,MAAgB;AACjEL,IAAAA,QAAQ,EADyD,MAAA;AAEjEE,IAAAA,UAAU,EAFuD,MAAA;AAGjEG,IAAAA,KAAK,EAAEA;AAH0D,GAAhB,CAAhC,CAAnB;;AAMA,QAAMgB,kBAAkB,GAAIhB,KAAD,IAAmBG,mBAAmB,CAAA,MAAA,EAAA,MAAA,EAAjE,KAAiE,CAAjE;;AACA,QAAMc,WAAW,GAAG,gCAAA,YAAA,EAAgC,CAAC;AAAEjB,IAAAA;AAAF,GAAD,MAAgB;AAClEL,IAAAA,QAAQ,EAD0D,MAAA;AAElEE,IAAAA,UAAU,EAFwD,MAAA;AAGlEG,IAAAA,KAAK,EAAEA;AAH2D,GAAhB,CAAhC,CAApB;AAMA,QAAMkB,gBAAgB,GAAGd,qBAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhCA,CAAA;AA0CA,QAAMe,aAAa,GAAGC,gCAAM,cAANA,CAAuC;AAC7D;AACA;AACA;AACA;AACA;AACA,qBAAsBC,KAAD,IAAWA,KAAK,CAALA,uBAAAA,IAAiC,GAAI;AACrE;AACA,IAAIH,gBAAiB;AARrB,CAAA;MAeKI,kB;;aAAAA,kB;AAAAA,IAAAA,kB,CAAAA,kB,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,kB,CAAAA,kB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,kB,CAAAA,kB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,kB,CAAAA,kB,aAAAA,G,EAAAA,G,WAAAA;KAAAA,kB,aAoPL,kB,GApPKA,kB;;AAYL,QAAME,mBAAmB,GAAID,SAAD,IAAoC;AAC9D,QAAI3B,UAAU,GAAd,GAAA;;AACA,QAAI2B,SAAS,KAAKD,kBAAkB,CAApC,IAAA,EAA2C;AACzC1B,MAAAA,UAAU,GAAVA,GAAAA;AACD;;AACD,WAAA,UAAA;AALF,GAAA;;AAQA,QAAM6B,kBAAkB,GAAIF,SAAD,IAAoC;AAC7D,QAAIxB,SAAS,GAAGwB,SAAS,IAAIA,SAAS,KAAKD,kBAAkB,CAA7CC,MAAAA,GAAAA,QAAAA,GAAhB,EAAA;AACA,WAAA,SAAA;AAFF,GAAA;;AAKA,QAAMG,2BAA2B,GAAIH,SAAD,IAAiE;AACnG,QAAII,cAA2C,GAAGJ,SAAS,IAAIA,SAAS,KAAKD,kBAAkB,CAA7CC,SAAAA,GAAAA,WAAAA,GAAlD,MAAA;AACA,WAAA,cAAA;AAFF,GAAA;;AAKA,QAAMK,oBAAoB,GAAG,CAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,KAAA,KAAwF;AACnH,WAAOxB,qBAAI;AACb,mBAAmBb,UAAU,CAACC,UAAW;AACzC,iBAAiBG,QAAS;AAC1B,mBAAmB6B,mBAAmB,CAAA,SAAA,CAAY;AAClD,mBAAmB3B,UAAW;AAC9B,kBAAkB4B,kBAAkB,CAAA,SAAA,CAAY;AAChD,aAAazB,KAAM;AANjB,GAAA;AADF,GAAA;;AAWA,QAAM6B,kBAAkB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAkDD,oBAAoB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAjG,KAAiG,CAAjG;;AACA,QAAME,WAA8C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBC,IAAAA;AAApB,GAAD,KAAoC;AACzF,QAAInC,UAAU,GAAG4B,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAIzB,SAAS,GAAG0B,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI/B,kBAAkB,GAAGgC,2BAA2B,CAApD,SAAoD,CAApD;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,KAAK,EAApB,KAAA;AAA6B,MAAA,UAAU,EAAvC,EAAA;AAA6C,MAAA,QAAQ,EAArD,EAAA;AAA2D,MAAA,UAAU,EAArE,UAAA;AAAmF,MAAA,SAAS,EAA5F,SAAA;AAAyG,MAAA,kBAAkB,EAA3H,kBAAA;AAAiJ,MAAA,uBAAuB,EAAC;AAAzK,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AAlCE1B,IAAAA,K;AACAuB,IAAAA,S;;;AA4CF,QAAMS,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAkDJ,oBAAoB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAhG,KAAgG,CAAhG;;AACA,QAAMK,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBF,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG4B,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAIzB,SAAS,GAAG0B,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI/B,kBAAkB,GAAGgC,2BAA2B,CAApD,SAAoD,CAApD;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,KAAK,EAApB,KAAA;AAA6B,MAAA,UAAU,EAAvC,EAAA;AAA6C,MAAA,QAAQ,EAArD,EAAA;AAA2D,MAAA,UAAU,EAArE,UAAA;AAAmF,MAAA,SAAS,EAA5F,SAAA;AAAyG,MAAA,kBAAkB,EAA3H,kBAAA;AAAiJ,MAAA,uBAAuB,EAAC;AAAzK,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AA9CE1B,IAAAA,K;AACAuB,IAAAA,S;;;AAwDF,QAAMW,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAkDN,oBAAoB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAhG,KAAgG,CAAhG;;AACA,QAAMO,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBJ,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG4B,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAIzB,SAAS,GAAG0B,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI/B,kBAAkB,GAAGgC,2BAA2B,CAApD,SAAoD,CAApD;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,KAAK,EAApB,KAAA;AAA6B,MAAA,UAAU,EAAvC,EAAA;AAA6C,MAAA,QAAQ,EAArD,EAAA;AAA2D,MAAA,UAAU,EAArE,UAAA;AAAmF,MAAA,SAAS,EAA5F,SAAA;AAAyG,MAAA,kBAAkB,EAA3H,kBAAA;AAAiJ,MAAA,uBAAuB,EAAC;AAAzK,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AA1DE1B,IAAAA,K;AACAuB,IAAAA,S;;;AAoEF,QAAMa,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAkDR,oBAAoB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAhG,KAAgG,CAAhG;;AACA,QAAMS,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBN,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG4B,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAIzB,SAAS,GAAG0B,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI/B,kBAAkB,GAAGgC,2BAA2B,CAApD,SAAoD,CAApD;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,KAAK,EAApB,KAAA;AAA6B,MAAA,UAAU,EAAvC,EAAA;AAA6C,MAAA,QAAQ,EAArD,EAAA;AAA2D,MAAA,UAAU,EAArE,UAAA;AAAmF,MAAA,SAAS,EAA5F,SAAA;AAAyG,MAAA,kBAAkB,EAA3H,kBAAA;AAAiJ,MAAA,uBAAuB,EAAC;AAAzK,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AAtEE1B,IAAAA,K;AACAuB,IAAAA,S;;;AAgFF,QAAMe,kBAAkB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAkDV,oBAAoB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAjG,KAAiG,CAAjG;;AACA,QAAMW,WAA8C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBR,IAAAA;AAApB,GAAD,KAAoC;AACzF,QAAInC,UAAU,GAAG4B,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAIzB,SAAS,GAAG0B,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI/B,kBAAkB,GAAGgC,2BAA2B,CAApD,SAAoD,CAApD;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,aAAA,EAAA;AAAe,MAAA,KAAK,EAApB,KAAA;AAA6B,MAAA,UAAU,EAAvC,EAAA;AAA6C,MAAA,QAAQ,EAArD,EAAA;AAA2D,MAAA,UAAU,EAArE,UAAA;AAAmF,MAAA,SAAS,EAA5F,SAAA;AAAyG,MAAA,kBAAkB,EAA3H,kBAAA;AAAiJ,MAAA,uBAAuB,EAAC;AAAzK,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AAlFE1B,IAAAA,K;AACAuB,IAAAA,S;;MA4FGiB,kB;;aAAAA,kB;AAAAA,IAAAA,kB,CAAAA,kB,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,kB,CAAAA,kB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,kB,CAAAA,kB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,kB,CAAAA,kB,iBAAAA,G,EAAAA,G,eAAAA;KAAAA,kB,aAgJL,kB,GAhJKA,kB;;AAYL,QAAMC,mBAAmB,GAAIlB,SAAD,IAAoC;AAC9D,QAAI3B,UAAU,GAAd,GAAA;;AACA,QAAI2B,SAAS,KAAKiB,kBAAkB,CAAhCjB,IAAAA,IAAyCA,SAAS,KAAKiB,kBAAkB,CAA7E,aAAA,EAA6F;AAC3F5C,MAAAA,UAAU,GAAVA,GAAAA;AACD;;AACD,WAAA,UAAA;AALF,GAAA;;AAQA,QAAM8C,kBAAkB,GAAInB,SAAD,IAAoC;AAC7D,QAAIxB,SAAS,GAAGwB,SAAS,IAAIA,SAAS,KAAKiB,kBAAkB,CAA7CjB,MAAAA,GAAAA,QAAAA,GAAhB,EAAA;AACA,WAAA,SAAA;AAFF,GAAA;;AAKA,QAAMoB,2BAA2B,GAAIpB,SAAD,IAA4D;AAC9F,QAAIxB,SAAiC,GAAGwB,SAAS,IAAIA,SAAS,KAAKiB,kBAAkB,CAA7CjB,aAAAA,GAAAA,WAAAA,GAAxC,MAAA;AACA,WAAA,SAAA;AAFF,GAAA;;AAKA,QAAMqB,gBAAgB,GAAG,CAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,KAAA,KAA2G;AAClI,WAAOxC,qBAAI;AACb,mBAAmBb,UAAU,CAACC,UAAW;AACzC,iBAAiBG,QAAS;AAC1B,mBAAmB8C,mBAAmB,CAAA,SAAA,CAAY;AAClD,mBAAmB5C,UAAW;AAC9B,kBAAkB6C,kBAAkB,CAAA,SAAA,CAAY;AAChD,MAAM1C,KAAK,KAALA,IAAAA,GAAAA,EAAAA,GAAuB,UAAUA,KAAK,IAAIC,SAAOC,KAAO,GAAG;AAN/D,GAAA;AADF,GAAA;;AAWA,QAAM2C,kBAAkB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAyDD,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAApG,KAAoG,CAApG;;AACA,QAAME,WAA8C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBf,IAAAA;AAApB,GAAD,KAAoC;AACzF,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAAE3C;AAA/F,KAAA,EADF,QACE,CADF;AAHF,GAAA;;;AAlCEC,IAAAA,K;AACAuB,IAAAA,S;;;AA2CF,QAAMwB,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAyDH,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAnG,KAAmG,CAAnG;;AACA,QAAMI,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBjB,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAAE3C;AAA/F,KAAA,EADF,QACE,CADF;AAHF,GAAA;;;AA7CEC,IAAAA,K;AACAuB,IAAAA,S;;;AAsDF,QAAM0B,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAqEL,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAA/G,KAA+G,CAA/G;;AACA,QAAMM,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBnB,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAAE3C;AAA/F,KAAA,EADF,QACE,CADF;AAHF,GAAA;;;AAxDEC,IAAAA,K;AACAuB,IAAAA,S;;;AAiEF,QAAM4B,iBAAiB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAyDP,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAnG,KAAmG,CAAnG;;AACA,QAAMQ,UAA6C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBrB,IAAAA;AAApB,GAAD,KAAoC;AACxF,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAAE3C;AAA/F,KAAA,EADF,QACE,CADF;AAHF,GAAA;;;AAnEEC,IAAAA,K;AACAuB,IAAAA,S;;;AA4EF,QAAM8B,kBAAkB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAyDT,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAApG,KAAoG,CAApG;;AACA,QAAMU,WAA8C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBvB,IAAAA;AAApB,GAAD,KAAoC;AACzF,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI5C,aAAa,GAAG6C,2BAA2B,CAA/C,SAA+C,CAA/C;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAA7F,SAAA;AAA0G,MAAA,aAAa,EAAE7C;AAAzH,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AA9EEE,IAAAA,K;AACAuB,IAAAA,S;;;AAwFF,QAAMgC,mBAAmB,GAAG,CAAA,SAAA,EAAA,KAAA,KAAyDX,gBAAgB,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAArG,KAAqG,CAArG;;AACA,QAAMY,YAA+C,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAoBzB,IAAAA;AAApB,GAAD,KAAoC;AAC1F,QAAInC,UAAU,GAAG6C,mBAAmB,CAApC,SAAoC,CAApC;AACA,QAAI1C,SAAS,GAAG2C,kBAAkB,CAAlC,SAAkC,CAAlC;AACA,QAAI5C,aAAa,GAAG6C,2BAA2B,CAA/C,SAA+C,CAA/C;AACA,WAAA,aACE,gBAAA,aAAA,CAAA,cAAA,EAAA;AAAgB,MAAA,KAAK,EAArB,KAAA;AAA8B,MAAA,UAAU,EAAxC,EAAA;AAA8C,MAAA,QAAQ,EAAtD,EAAA;AAA4D,MAAA,UAAU,EAAtE,UAAA;AAAoF,MAAA,SAAS,EAA7F,SAAA;AAA0G,MAAA,aAAa,EAAE7C;AAAzH,KAAA,EADF,QACE,CADF;AAJF,GAAA;;;AA1FEE,IAAAA,K;AACAuB,IAAAA,S;;;AAoGF,QAAMkC,mBAAsI,GAAG,CAAC;AAAA,IAAA,KAAA;AAAA,IAAA,SAAA;AAAA,IAAA,QAAA;AAAA,IAAA,IAAA;AAK9IC,IAAAA;AAL8I,GAAD,KAMzI;AACJ,QAAIC,QAAQ,GAAZ,IAAA;;AACA,QAAI,CAAJ,IAAA,EAAW;AACT,UAAID,KAAK,GAAT,GAAA,EAAiB;AACfC,QAAAA,QAAQ,GAARA,OAAAA;AADF,OAAA,MAEO,IAAID,KAAK,GAAT,GAAA,EAAiB;AACtBC,QAAAA,QAAQ,GAARA,QAAAA;AADK,OAAA,MAEA;AACLA,QAAAA,QAAQ,GAARA,OAAAA;AACD;AACF;;AACD,YAAA,QAAA;AACE,WAAA,SAAA;AACE,eAAA,aAAO,gBAAA,aAAA,CAAA,YAAA,EAAA;AAAc,UAAA,KAAK,EAAnB,KAAA;AAA4B,UAAA,SAAS,EAArC,SAAA;AAAkD,UAAA,QAAQ,EAAE5B;AAA5D,SAAA,CAAP;;AACF,WAAA,QAAA;AACE,eAAA,aAAO,gBAAA,aAAA,CAAA,WAAA,EAAA;AAAa,UAAA,KAAK,EAAlB,KAAA;AAA2B,UAAA,SAAS,EAApC,SAAA;AAAiD,UAAA,QAAQ,EAAEA;AAA3D,SAAA,CAAP;;AACF,WAAA,OAAA;AACE,eAAA,aAAO,gBAAA,aAAA,CAAA,UAAA,EAAA;AAAY,UAAA,KAAK,EAAjB,KAAA;AAA0B,UAAA,SAAS,EAAnC,SAAA;AAAgD,UAAA,QAAQ,EAAEA;AAA1D,SAAA,CAAP;;AACF,WAAA,QAAA;AACE,eAAA,aAAO,gBAAA,aAAA,CAAA,UAAA,EAAA;AAAY,UAAA,KAAK,EAAjB,KAAA;AAA0B,UAAA,SAAS,EAAnC,SAAA;AAAgD,UAAA,QAAQ,EAAEA;AAA1D,SAAA,CAAP;;AACF,WAAA,OAAA;AACA;AACE,eAAA,aAAO,gBAAA,aAAA,CAAA,UAAA,EAAA;AAAY,UAAA,KAAK,EAAjB,KAAA;AAA0B,UAAA,SAAS,EAAnC,SAAA;AAAgD,UAAA,QAAQ,EAAEA;AAA1D,SAAA,CAAP;AAXJ;AAjBF,GAAA;;;AArGE/B,IAAAA,K;AACAuB,IAAAA,S;;UAoIF,U,GAAA,U;UACA,U,GAAA,U;UAAA,S,GAAA,S;UAAA,S,GAAA,S;UAAA,S,GAAA,S;UAAA,U,GAAA,U;UAAA,W,GAAA,W;UACA,kB,GAAA,kB;UAAA,W,GAAA,W;UAAA,U,GAAA,U;UAAA,U,GAAA,U;UAAA,U,GAAA,U;UAAA,W,GAAA,W;UACA,kB,GAAA,kB;UAAA,W,GAAA,W;UAAA,U,GAAA,U;UAAA,U,GAAA,U;UAAA,U,GAAA,U;UAAA,W,GAAA,W;UAAA,Y,GAAA,Y;UAAA,mB,GAAA,mB;UACA,kB,GAAA,kB;UAAA,iB,GAAA,iB;UAAA,iB,GAAA,iB;UAAA,iB,GAAA,iB;UAAA,kB,GAAA,kB;UAAA,mB,GAAA,mB;UACA,kB,GAAA,kB;UAAA,iB,GAAA,iB;UAAA,iB,GAAA,iB;UAAA,iB,GAAA,iB;UAAA,kB,GAAA,kB;UACA,iB,GAAA,iB;UAAA,gB,GAAA,gB;UAAA,gB,GAAA,gB;UAAA,gB,GAAA,gB;UAAA,iB,GAAA,iB;UAAA,kB,GAAA,kB","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\n\nconst TYPOGRAPHY = {\n fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n fontWeight: number;\n fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n fontFamily: TYPOGRAPHY.fontFamily,\n fontSize: fontSize,\n fontWeight: fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: fontStyle ? fontStyle : 'normal',\n color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n color?: string;\n}\n\ninterface IHeadlineBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n}\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${(color || COLORS.black)};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'; width: number }> = ({\n color,\n textStyle,\n children,\n size,\n width,\n}) => {\n let fontsize = size;\n if (!size) {\n if (width < 768) {\n fontsize = 'small';\n } else if (width < 992) {\n fontsize = 'medium';\n } else {\n fontsize = 'large';\n }\n }\n switch (fontsize) {\n case 'xxsmall':\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case 'xsmall':\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case 'small':\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case 'medium':\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case 'large':\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}
1
+ {"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","textDecorationLine","fontSize","fontWeight","lineHeight","textTransform","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","styled","props","ParagraphTextStyle","textStyle","paragraphFontWeight","paragraphFontStyle","paragraphTextDecorationLine","textDecoration","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","width","fontsize","Size"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\nconst TYPOGRAPHY = {\n fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n fontWeight: number;\n fontStyle?: string;\n textTransform?: Property.TextTransform;\n textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n fontFamily: TYPOGRAPHY.fontFamily,\n fontSize: fontSize,\n fontWeight: fontWeight,\n lineHeight: lineHeight + 'px',\n textTransform: textTransform ? textTransform : 'none',\n textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n fontStyle: fontStyle ? fontStyle : 'normal',\n color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n color?: string;\n}\n\ninterface IHeadlineBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n line-height: ${lineHeight};\n font-weight: 700;\n color: ${color};\n `;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n fontSize: fontSize,\n fontWeight: 700,\n lineHeight: lineHeight,\n color: color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '48px',\n lineHeight: '64px',\n color: color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '40px',\n lineHeight: '52px',\n color: color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '32px',\n lineHeight: '40px',\n color: color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '28px',\n lineHeight: '36px',\n color: color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '24px',\n lineHeight: '32px',\n color: color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n fontSize: '20px',\n lineHeight: '24px',\n color: color,\n}));\n\nconst ParagraphStyling = css`\n :lang(ja-jp) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(ko-kr) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n :lang(zh-CN) > h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 30em;\n }\n h1,\n h2,\n h3,\n h4,\n p,\n span {\n max-width: 34em;\n }\n`;\n\ninterface IParagraphBase {\n color?: string;\n lineHeight: number;\n fontSize: number;\n marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n p:not(:only-of-type) {\n margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n }\n ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n color?: string;\n}\n\nenum ParagraphTextStyle {\n Regular = 1,\n Bold,\n Italic,\n Underline,\n}\n\ntype ParagraphProps = {\n color?: string;\n textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ParagraphTextStyle.Bold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n font-weight: ${paragraphFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${paragraphFontStyle(textStyle)};\n color: ${color};\n `;\n}\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n {children}\n </ParagraphBase>\n );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n let fontWeight = paragraphFontWeight(textStyle);\n let fontStyle = paragraphFontStyle(textStyle);\n let textDecorationLine = paragraphTextDecorationLine(textStyle);\n return (\n <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n {children}\n </ParagraphBase>\n );\n};\n\nenum ComponentTextStyle {\n Regular = 1,\n Bold,\n Italic,\n UppercaseBold,\n}\n\ntype ComponentProps = {\n color?: string;\n textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n let fontWeight = 400;\n if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n fontWeight = 700;\n }\n return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n return css`\n font-family: ${TYPOGRAPHY.fontFamily};\n font-size: ${fontSize};\n font-weight: ${componentFontWeight(textStyle)};\n line-height: ${lineHeight};\n font-style: ${componentFontStyle(textStyle)};\n ${color === null ? '' : `color: ${(color || COLORS.black)};`}\n `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n {children}\n </TypographyBase>\n );\n};\n\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\n color,\n textStyle,\n children,\n size,\n width,\n}) => {\n let fontsize = size;\n if (!size) {\n if (width < 768) {\n fontsize = Size.Small;\n } else if (width < 992) {\n fontsize = Size.Medium;\n } else {\n fontsize = Size.Large;\n }\n }\n switch (fontsize) {\n case Size.XXSmall:\n return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n case Size.XSmall:\n return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n case Size.Small:\n return <ComponentS color={color} textStyle={textStyle} children={children} />;\n case Size.Medium:\n return <ComponentM color={color} textStyle={textStyle} children={children} />;\n case Size.Large:\n default:\n return <ComponentL color={color} textStyle={textStyle} children={children} />;\n }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}
@@ -0,0 +1,33 @@
1
+ (function (global, factory) {
2
+ if (typeof define === "function" && define.amd) {
3
+ define(["exports"], factory);
4
+ } else if (typeof exports !== "undefined") {
5
+ factory(exports);
6
+ } else {
7
+ var mod = {
8
+ exports: {}
9
+ };
10
+ factory(mod.exports);
11
+ global.undefined = mod.exports;
12
+ }
13
+ })(this, function (exports) {
14
+ "use strict";
15
+
16
+ Object.defineProperty(exports, "__esModule", {
17
+ value: true
18
+ });
19
+ const Z_INDEXES = exports.Z_INDEXES = {
20
+ hover: '1',
21
+ active: '2',
22
+ focus: '3',
23
+ dropdown: '1000',
24
+ sticky_menu: '1020',
25
+ fixed_menu: '1030',
26
+ backdrop: '1040',
27
+ off_canvas: '1050',
28
+ modal: '1060',
29
+ toast: '1070',
30
+ tooltip: '1080'
31
+ };
32
+ });
33
+ //# sourceMappingURL=z-indexes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,QAAMA,SAAS,WAATA,SAAS,GAAG;AACvBC,IAAAA,KAAK,EADkB,GAAA;AAEvBC,IAAAA,MAAM,EAFiB,GAAA;AAGvBC,IAAAA,KAAK,EAHkB,GAAA;AAMvBC,IAAAA,QAAQ,EANe,MAAA;AAOvBC,IAAAA,WAAW,EAPY,MAAA;AAQvBC,IAAAA,UAAU,EARa,MAAA;AASvBC,IAAAA,QAAQ,EATe,MAAA;AAUvBC,IAAAA,UAAU,EAVa,MAAA;AAWvBC,IAAAA,KAAK,EAXkB,MAAA;AAYvBC,IAAAA,KAAK,EAZkB,MAAA;AAavBC,IAAAA,OAAO,EAAE;AAbc,GAAlB","sourcesContent":["export const Z_INDEXES = {\n hover: '1',\n active: '2',\n focus: '3',\n\n\n dropdown: '1000',\n sticky_menu: '1020',\n fixed_menu: '1030',\n backdrop: '1040',\n off_canvas: '1050',\n modal: '1060',\n toast: '1070',\n tooltip: '1080',\n}\n"],"file":"z-indexes.js"}
package/dist/umd/types.js CHANGED
@@ -19,6 +19,7 @@
19
19
  let Size = exports.Size = undefined;
20
20
 
21
21
  (function (Size) {
22
+ Size["XXSmall"] = "xxsmall";
22
23
  Size["XSmall"] = "xsmall";
23
24
  Size["Small"] = "small";
24
25
  Size["Medium"] = "medium";
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAYA,IAAZ,WAAYA,IAAZ,YAAA;;aAAYA,I;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;KAAAA,I,aAAAA,I,GAAAA,I;;AA8BZ,MAAYC,UAAZ,WAAYA,UAAZ,YAAA;;aAAYA,U;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,U,CAAAA,U,OAAAA,G,EAAAA,G,KAAAA;KAAAA,U,aAAAA,U,GAAAA,U;;AASZ,MAAYC,eAAZ,WAAYA,eAAZ,YAAA;;aAAYA,e;AAAAA,IAAAA,e,CAAAA,e,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,e,CAAAA,e,aAAAA,G,EAAAA,G,WAAAA;KAAAA,e,aAAAA,e,GAAAA,e;;AAKZ,MAAYC,aAAZ,WAAYA,aAAZ,YAAA;;aAAYA,a;AAAAA,IAAAA,a,CAAAA,a,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,a,CAAAA,a,aAAAA,G,EAAAA,G,WAAAA;AAAAA,IAAAA,a,CAAAA,a,YAAAA,G,EAAAA,G,UAAAA;AAAAA,IAAAA,a,CAAAA,a,cAAAA,G,EAAAA,G,YAAAA;AAAAA,IAAAA,a,CAAAA,a,gBAAAA,G,EAAAA,G,cAAAA;AAAAA,IAAAA,a,CAAAA,a,eAAAA,G,EAAAA,G,aAAAA;KAAAA,a,aAAAA,a,GAAAA,a;;AASZ,MAAYC,mBAAZ,WAAYA,mBAAZ,YAAA;;aAAYA,mB;AAAAA,IAAAA,mB,CAAAA,mB,OAAAA,G,EAAAA,G,KAAAA;AAAAA,IAAAA,mB,CAAAA,mB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,mB,CAAAA,mB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,mB,CAAAA,mB,SAAAA,G,EAAAA,G,OAAAA;KAAAA,mB,aAAAA,mB,GAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum Size {\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large'\n}\n\nexport interface NavOption {\n label: string;\n to: string;\n disabled?: boolean;\n exact?: boolean;\n onClick?: () => void;\n}\n\nexport interface NavButton {\n label: string;\n action: any;\n disabled?: boolean;\n}\n\nexport interface ActionOptions {\n search?: () => void;\n apps?: () => void;\n language?: () => void;\n notification?: () => void;\n settings?: () => void;\n user?: () => void;\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType{\n PRIMARY,\n SECONDARY\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n TOP,\n BOTTOM,\n LEFT,\n RIGHT\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface UserMenuItem {\n label: string;\n to: string;\n icon: any;\n isExternal?: boolean;\n onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n key?: string;\n label: string;\n action: any;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.js"}
1
+ {"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAYA,IAAZ,WAAYA,IAAZ,YAAA;;aAAYA,I;AAAAA,IAAAA,I,WAAAA,G,SAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;KAAAA,I,aAAAA,I,GAAAA,I;;AA+BZ,MAAYC,UAAZ,WAAYA,UAAZ,YAAA;;aAAYA,U;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,U,CAAAA,U,OAAAA,G,EAAAA,G,KAAAA;KAAAA,U,aAAAA,U,GAAAA,U;;AASZ,MAAYC,eAAZ,WAAYA,eAAZ,YAAA;;aAAYA,e;AAAAA,IAAAA,e,CAAAA,e,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,e,CAAAA,e,aAAAA,G,EAAAA,G,WAAAA;KAAAA,e,aAAAA,e,GAAAA,e;;AAKZ,MAAYC,aAAZ,WAAYA,aAAZ,YAAA;;aAAYA,a;AAAAA,IAAAA,a,CAAAA,a,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,a,CAAAA,a,aAAAA,G,EAAAA,G,WAAAA;AAAAA,IAAAA,a,CAAAA,a,YAAAA,G,EAAAA,G,UAAAA;AAAAA,IAAAA,a,CAAAA,a,cAAAA,G,EAAAA,G,YAAAA;AAAAA,IAAAA,a,CAAAA,a,gBAAAA,G,EAAAA,G,cAAAA;AAAAA,IAAAA,a,CAAAA,a,eAAAA,G,EAAAA,G,aAAAA;KAAAA,a,aAAAA,a,GAAAA,a;;AASZ,MAAYC,mBAAZ,WAAYA,mBAAZ,YAAA;;aAAYA,mB;AAAAA,IAAAA,mB,CAAAA,mB,OAAAA,G,EAAAA,G,KAAAA;AAAAA,IAAAA,mB,CAAAA,mB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,mB,CAAAA,mB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,mB,CAAAA,mB,SAAAA,G,EAAAA,G,OAAAA;KAAAA,mB,aAAAA,mB,GAAAA,mB","sourcesContent":["export interface Product {\n id: string;\n name: string;\n type: string;\n image: string;\n}\n\nexport enum Size {\n XXSmall = 'xxsmall',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large'\n}\n\nexport interface NavOption {\n label: string;\n to: string;\n disabled?: boolean;\n exact?: boolean;\n onClick?: () => void;\n}\n\nexport interface NavButton {\n label: string;\n action: any;\n disabled?: boolean;\n}\n\nexport interface ActionOptions {\n search?: () => void;\n apps?: () => void;\n language?: () => void;\n notification?: () => void;\n settings?: () => void;\n user?: () => void;\n}\n\nexport enum ToastColor {\n BLACK,\n WHITE,\n BLUE,\n GREEN,\n ORANGE,\n RED,\n}\n\nexport enum ToastActionType{\n PRIMARY,\n SECONDARY\n}\n\nexport enum ToastPosition {\n TOPLEFT,\n TOPMIDDLE,\n TOPRIGHT,\n BOTTOMLEFT,\n BOTTOMMIDDLE,\n BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n TOP,\n BOTTOM,\n LEFT,\n RIGHT\n}\n\nexport interface SwitcherNavItem {\n label: string;\n url: string;\n disabled?: boolean;\n Icon?: any;\n as?: any;\n testId?: string;\n}\n\nexport interface UserMenuItem {\n label: string;\n to: string;\n icon: any;\n isExternal?: boolean;\n onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n key?: string;\n label: string;\n action: any;\n}\n\nexport interface NavLink {\n label: string;\n to: string;\n target?: string;\n}\n\nexport interface NavSection {\n header: string;\n links: NavLink[];\n}\n\nexport interface NavOptions {\n sections: NavSection[];\n}\n"],"file":"types.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@laerdal/life-react-components",
3
- "version": "1.2.2-dev.10",
3
+ "version": "1.2.2-dev.12",
4
4
  "private": false,
5
5
  "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
6
6
  "contributors": [