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

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 (428) hide show
  1. package/dist/esm/Accordion/AccordionItem.js +70 -0
  2. package/dist/esm/Accordion/AccordionItem.js.map +1 -0
  3. package/dist/esm/Accordion/AccordionMenu.js +61 -0
  4. package/dist/esm/Accordion/AccordionMenu.js.map +1 -0
  5. package/dist/esm/Accordion/__tests__/AccordionMenu.test.js +53 -0
  6. package/dist/esm/Accordion/__tests__/AccordionMenu.test.js.map +1 -0
  7. package/dist/esm/Accordion/index.js +4 -0
  8. package/dist/esm/Accordion/index.js.map +1 -0
  9. package/dist/esm/Accordion/styles.js +75 -0
  10. package/dist/esm/Accordion/styles.js.map +1 -0
  11. package/dist/esm/Banners/Banner.js +0 -1
  12. package/dist/esm/Banners/Banner.js.map +1 -1
  13. package/dist/esm/Breadcrumb/Breadcrumb.js.map +1 -1
  14. package/dist/esm/Button/BackButton.js +4 -4
  15. package/dist/esm/Button/BackButton.js.map +1 -1
  16. package/dist/esm/Button/Iconbutton.js +5 -2
  17. package/dist/esm/Button/Iconbutton.js.map +1 -1
  18. package/dist/esm/Button/__tests__/BackButton.test.js +4 -3
  19. package/dist/esm/Button/__tests__/BackButton.test.js.map +1 -1
  20. package/dist/esm/Chips/ActionChip.js +3 -2
  21. package/dist/esm/Chips/ActionChip.js.map +1 -1
  22. package/dist/esm/Chips/ChipInput.js +2 -1
  23. package/dist/esm/Chips/ChipInput.js.map +1 -1
  24. package/dist/esm/Chips/FilterChip.js +3 -2
  25. package/dist/esm/Chips/FilterChip.js.map +1 -1
  26. package/dist/esm/Chips/InputChip.js +3 -2
  27. package/dist/esm/Chips/InputChip.js.map +1 -1
  28. package/dist/esm/Dropdown/BasicDropdown.js +19 -12
  29. package/dist/esm/Dropdown/BasicDropdown.js.map +1 -1
  30. package/dist/esm/Dropdown/ChipDropdownInput.js +5 -4
  31. package/dist/esm/Dropdown/ChipDropdownInput.js.map +1 -1
  32. package/dist/esm/Dropdown/CommonStyling.js +71 -71
  33. package/dist/esm/Dropdown/CommonStyling.js.map +1 -1
  34. package/dist/esm/Dropdown/DropdownContent.js +13 -1
  35. package/dist/esm/Dropdown/DropdownContent.js.map +1 -1
  36. package/dist/esm/Dropdown/DropdownFilter.js +3 -4
  37. package/dist/esm/Dropdown/DropdownFilter.js.map +1 -1
  38. package/dist/esm/GlobalNavigationBar/Avatar.js +2 -2
  39. package/dist/esm/GlobalNavigationBar/Avatar.js.map +1 -1
  40. package/dist/esm/GlobalNavigationBar/ExtendedMainMenu.js +4 -2
  41. package/dist/esm/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  42. package/dist/esm/GlobalNavigationBar/GlobalNavigationBar.js +6 -2
  43. package/dist/esm/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  44. package/dist/esm/GlobalNavigationBar/Logo.js +10 -10
  45. package/dist/esm/GlobalNavigationBar/Logo.js.map +1 -1
  46. package/dist/esm/GlobalNavigationBar/UserMenu/MobileUserMenu.js +2 -1
  47. package/dist/esm/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  48. package/dist/esm/GlobalNavigationBar/UserMenu/UserMenu.js +2 -1
  49. package/dist/esm/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  50. package/dist/esm/GlobalNavigationBar/mobile/CommonStyles.js +8 -1
  51. package/dist/esm/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  52. package/dist/esm/HyperLink/HyperLink.js +20 -17
  53. package/dist/esm/HyperLink/HyperLink.js.map +1 -1
  54. package/dist/esm/InputFields/Checkbox.js +27 -16
  55. package/dist/esm/InputFields/Checkbox.js.map +1 -1
  56. package/dist/esm/InputFields/DatepickerField.js +6 -0
  57. package/dist/esm/InputFields/DatepickerField.js.map +1 -1
  58. package/dist/esm/InputFields/Label.js +1 -2
  59. package/dist/esm/InputFields/Label.js.map +1 -1
  60. package/dist/esm/InputFields/PasswordField.js +1 -2
  61. package/dist/esm/InputFields/PasswordField.js.map +1 -1
  62. package/dist/esm/InputFields/QuickSearch.js +2 -2
  63. package/dist/esm/InputFields/QuickSearch.js.map +1 -1
  64. package/dist/esm/InputFields/RadioButton.js +21 -14
  65. package/dist/esm/InputFields/RadioButton.js.map +1 -1
  66. package/dist/esm/InputFields/ResponsiveComponentWrapper.js +2 -2
  67. package/dist/esm/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  68. package/dist/esm/InputFields/SearchBar.js +13 -14
  69. package/dist/esm/InputFields/SearchBar.js.map +1 -1
  70. package/dist/esm/InputFields/TextField.js +0 -1
  71. package/dist/esm/InputFields/TextField.js.map +1 -1
  72. package/dist/esm/InputFields/Textarea.js +1 -2
  73. package/dist/esm/InputFields/Textarea.js.map +1 -1
  74. package/dist/esm/InputFields/__tests__/QuickSearch.test.js +2 -1
  75. package/dist/esm/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  76. package/dist/esm/InputFields/components/SearchBarInput.js +0 -1
  77. package/dist/esm/InputFields/components/SearchBarInput.js.map +1 -1
  78. package/dist/esm/List/ListRow.js +4 -1
  79. package/dist/esm/List/ListRow.js.map +1 -1
  80. package/dist/esm/LoadingIndicator/LoadingIndicator.js +4 -4
  81. package/dist/esm/LoadingIndicator/LoadingIndicator.js.map +1 -1
  82. package/dist/esm/Modals/ModalContainer.js +8 -1
  83. package/dist/esm/Modals/ModalContainer.js.map +1 -1
  84. package/dist/esm/Modals/ModalDialog.js +76 -26
  85. package/dist/esm/Modals/ModalDialog.js.map +1 -1
  86. package/dist/esm/Modals/ModalStyles.js +38 -21
  87. package/dist/esm/Modals/ModalStyles.js.map +1 -1
  88. package/dist/esm/Modals/ModalTypes.js +2 -0
  89. package/dist/esm/Modals/ModalTypes.js.map +1 -0
  90. package/dist/esm/NavItem/NavItem.js +4 -0
  91. package/dist/esm/NavItem/NavItem.js.map +1 -1
  92. package/dist/esm/NotificationDot/NotificationDot.js +9 -9
  93. package/dist/esm/NotificationDot/NotificationDot.js.map +1 -1
  94. package/dist/esm/NotificationDot/__tests__/NotificationDot.test.js +3 -2
  95. package/dist/esm/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  96. package/dist/esm/Paginator/Paginator.js +60 -48
  97. package/dist/esm/Paginator/Paginator.js.map +1 -1
  98. package/dist/esm/Paginator/__tests__/Paginator.test.js +4 -4
  99. package/dist/esm/Paginator/__tests__/Paginator.test.js.map +1 -1
  100. package/dist/esm/Switcher/MobileSwitcherMenu.js +2 -1
  101. package/dist/esm/Switcher/MobileSwitcherMenu.js.map +1 -1
  102. package/dist/esm/Switcher/SwitcherMenuItem.js +5 -0
  103. package/dist/esm/Switcher/SwitcherMenuItem.js.map +1 -1
  104. package/dist/esm/Table/Table.js +1 -1
  105. package/dist/esm/Table/Table.js.map +1 -1
  106. package/dist/esm/Tabs/HorizontalTabs.js +15 -9
  107. package/dist/esm/Tabs/HorizontalTabs.js.map +1 -1
  108. package/dist/esm/Tabs/TabLink.js +17 -6
  109. package/dist/esm/Tabs/TabLink.js.map +1 -1
  110. package/dist/esm/Tabs/Tabs.js +14 -14
  111. package/dist/esm/Tabs/Tabs.js.map +1 -1
  112. package/dist/esm/Tabs/VerticalTabs.js +2 -2
  113. package/dist/esm/Tabs/VerticalTabs.js.map +1 -1
  114. package/dist/esm/Toasters/ToastContext.js +2 -1
  115. package/dist/esm/Toasters/ToastContext.js.map +1 -1
  116. package/dist/esm/Tooltips/TooltipStyles.js +6 -5
  117. package/dist/esm/Tooltips/TooltipStyles.js.map +1 -1
  118. package/dist/esm/Tooltips/TooltipTypes.js.map +1 -1
  119. package/dist/esm/Tooltips/TooltipWrapper.js +4 -1
  120. package/dist/esm/Tooltips/TooltipWrapper.js.map +1 -1
  121. package/dist/esm/icons/index.js +1 -1
  122. package/dist/esm/icons/index.js.map +1 -1
  123. package/dist/esm/index.js +1 -0
  124. package/dist/esm/index.js.map +1 -1
  125. package/dist/esm/styles/typography.js +34 -14
  126. package/dist/esm/styles/typography.js.map +1 -1
  127. package/dist/esm/styles/z-indexes.js +14 -0
  128. package/dist/esm/styles/z-indexes.js.map +1 -0
  129. package/dist/esm/types.js +1 -0
  130. package/dist/esm/types.js.map +1 -1
  131. package/dist/js/Accordion/AccordionItem.d.ts +9 -0
  132. package/dist/js/Accordion/AccordionItem.js +101 -0
  133. package/dist/js/Accordion/AccordionItem.js.map +1 -0
  134. package/dist/js/Accordion/AccordionMenu.d.ts +17 -0
  135. package/dist/js/Accordion/AccordionMenu.js +111 -0
  136. package/dist/js/Accordion/AccordionMenu.js.map +1 -0
  137. package/dist/js/Accordion/__tests__/AccordionMenu.test.js +101 -0
  138. package/dist/js/Accordion/__tests__/AccordionMenu.test.js.map +1 -0
  139. package/dist/js/Accordion/index.d.ts +3 -0
  140. package/dist/js/Accordion/index.js +30 -0
  141. package/dist/js/Accordion/index.js.map +1 -0
  142. package/dist/js/Accordion/styles.d.ts +11 -0
  143. package/dist/js/Accordion/styles.js +52 -0
  144. package/dist/js/Accordion/styles.js.map +1 -0
  145. package/dist/js/Banners/Banner.d.ts +2 -1
  146. package/dist/js/Banners/Banner.js +0 -1
  147. package/dist/js/Banners/Banner.js.map +1 -1
  148. package/dist/js/Breadcrumb/Breadcrumb.js.map +1 -1
  149. package/dist/js/Button/BackButton.d.ts +2 -1
  150. package/dist/js/Button/BackButton.js +5 -4
  151. package/dist/js/Button/BackButton.js.map +1 -1
  152. package/dist/js/Button/Iconbutton.d.ts +1 -1
  153. package/dist/js/Button/Iconbutton.js +16 -9
  154. package/dist/js/Button/Iconbutton.js.map +1 -1
  155. package/dist/js/Button/__tests__/BackButton.test.js +5 -3
  156. package/dist/js/Button/__tests__/BackButton.test.js.map +1 -1
  157. package/dist/js/Chips/ActionChip.js +4 -2
  158. package/dist/js/Chips/ActionChip.js.map +1 -1
  159. package/dist/js/Chips/ChipInput.js +3 -1
  160. package/dist/js/Chips/ChipInput.js.map +1 -1
  161. package/dist/js/Chips/ChipTypes.d.ts +3 -3
  162. package/dist/js/Chips/FilterChip.js +4 -2
  163. package/dist/js/Chips/FilterChip.js.map +1 -1
  164. package/dist/js/Chips/InputChip.js +4 -2
  165. package/dist/js/Chips/InputChip.js.map +1 -1
  166. package/dist/js/Dropdown/BasicDropdown.d.ts +6 -2
  167. package/dist/js/Dropdown/BasicDropdown.js +19 -12
  168. package/dist/js/Dropdown/BasicDropdown.js.map +1 -1
  169. package/dist/js/Dropdown/ChipDropdownInput.d.ts +0 -3
  170. package/dist/js/Dropdown/ChipDropdownInput.js +7 -3
  171. package/dist/js/Dropdown/ChipDropdownInput.js.map +1 -1
  172. package/dist/js/Dropdown/CommonStyling.d.ts +2 -0
  173. package/dist/js/Dropdown/CommonStyling.js +8 -4
  174. package/dist/js/Dropdown/CommonStyling.js.map +1 -1
  175. package/dist/js/Dropdown/DropdownContent.js +5 -3
  176. package/dist/js/Dropdown/DropdownContent.js.map +1 -1
  177. package/dist/js/Dropdown/DropdownFilter.d.ts +2 -1
  178. package/dist/js/Dropdown/DropdownFilter.js +3 -4
  179. package/dist/js/Dropdown/DropdownFilter.js.map +1 -1
  180. package/dist/js/GlobalNavigationBar/Avatar.js +2 -2
  181. package/dist/js/GlobalNavigationBar/Avatar.js.map +1 -1
  182. package/dist/js/GlobalNavigationBar/ExtendedMainMenu.js +6 -2
  183. package/dist/js/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  184. package/dist/js/GlobalNavigationBar/GlobalNavigationBar.js +5 -3
  185. package/dist/js/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  186. package/dist/js/GlobalNavigationBar/Logo.js +9 -9
  187. package/dist/js/GlobalNavigationBar/Logo.js.map +1 -1
  188. package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js +3 -1
  189. package/dist/js/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  190. package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js +3 -1
  191. package/dist/js/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  192. package/dist/js/GlobalNavigationBar/mobile/CommonStyles.js +4 -2
  193. package/dist/js/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  194. package/dist/js/HyperLink/HyperLink.d.ts +2 -2
  195. package/dist/js/HyperLink/HyperLink.js +19 -15
  196. package/dist/js/HyperLink/HyperLink.js.map +1 -1
  197. package/dist/js/InputFields/Checkbox.js +9 -5
  198. package/dist/js/InputFields/Checkbox.js.map +1 -1
  199. package/dist/js/InputFields/DatepickerField.js +3 -1
  200. package/dist/js/InputFields/DatepickerField.js.map +1 -1
  201. package/dist/js/InputFields/Label.d.ts +2 -1
  202. package/dist/js/InputFields/Label.js +0 -1
  203. package/dist/js/InputFields/Label.js.map +1 -1
  204. package/dist/js/InputFields/PasswordField.d.ts +2 -1
  205. package/dist/js/InputFields/PasswordField.js +1 -2
  206. package/dist/js/InputFields/PasswordField.js.map +1 -1
  207. package/dist/js/InputFields/QuickSearch.d.ts +2 -1
  208. package/dist/js/InputFields/QuickSearch.js +3 -2
  209. package/dist/js/InputFields/QuickSearch.js.map +1 -1
  210. package/dist/js/InputFields/RadioButton.js +3 -3
  211. package/dist/js/InputFields/RadioButton.js.map +1 -1
  212. package/dist/js/InputFields/ResponsiveComponentWrapper.d.ts +2 -1
  213. package/dist/js/InputFields/ResponsiveComponentWrapper.js +3 -2
  214. package/dist/js/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  215. package/dist/js/InputFields/SearchBar.d.ts +2 -1
  216. package/dist/js/InputFields/SearchBar.js +15 -16
  217. package/dist/js/InputFields/SearchBar.js.map +1 -1
  218. package/dist/js/InputFields/TextField.d.ts +2 -1
  219. package/dist/js/InputFields/TextField.js +0 -1
  220. package/dist/js/InputFields/TextField.js.map +1 -1
  221. package/dist/js/InputFields/Textarea.d.ts +2 -1
  222. package/dist/js/InputFields/Textarea.js +0 -1
  223. package/dist/js/InputFields/Textarea.js.map +1 -1
  224. package/dist/js/InputFields/__tests__/QuickSearch.test.js +3 -1
  225. package/dist/js/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  226. package/dist/js/InputFields/components/SearchBarInput.d.ts +2 -1
  227. package/dist/js/InputFields/components/SearchBarInput.js +0 -1
  228. package/dist/js/InputFields/components/SearchBarInput.js.map +1 -1
  229. package/dist/js/List/ListRow.js +3 -1
  230. package/dist/js/List/ListRow.js.map +1 -1
  231. package/dist/js/LoadingIndicator/LoadingIndicator.d.ts +2 -1
  232. package/dist/js/LoadingIndicator/LoadingIndicator.js +5 -4
  233. package/dist/js/LoadingIndicator/LoadingIndicator.js.map +1 -1
  234. package/dist/js/Modals/ModalContainer.js +3 -1
  235. package/dist/js/Modals/ModalContainer.js.map +1 -1
  236. package/dist/js/Modals/ModalDialog.d.ts +2 -6
  237. package/dist/js/Modals/ModalDialog.js +77 -46
  238. package/dist/js/Modals/ModalDialog.js.map +1 -1
  239. package/dist/js/Modals/ModalStyles.d.ts +6 -0
  240. package/dist/js/Modals/ModalStyles.js +34 -14
  241. package/dist/js/Modals/ModalStyles.js.map +1 -1
  242. package/dist/js/Modals/ModalTypes.d.ts +18 -0
  243. package/dist/js/Modals/ModalTypes.js +6 -0
  244. package/dist/js/Modals/ModalTypes.js.map +1 -0
  245. package/dist/js/NavItem/NavItem.js +3 -1
  246. package/dist/js/NavItem/NavItem.js.map +1 -1
  247. package/dist/js/NotificationDot/NotificationDot.d.ts +2 -1
  248. package/dist/js/NotificationDot/NotificationDot.js +10 -9
  249. package/dist/js/NotificationDot/NotificationDot.js.map +1 -1
  250. package/dist/js/NotificationDot/__tests__/NotificationDot.test.js +4 -2
  251. package/dist/js/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  252. package/dist/js/Paginator/Paginator.js +39 -38
  253. package/dist/js/Paginator/Paginator.js.map +1 -1
  254. package/dist/js/Paginator/__tests__/Paginator.test.js +6 -6
  255. package/dist/js/Paginator/__tests__/Paginator.test.js.map +1 -1
  256. package/dist/js/Switcher/MobileSwitcherMenu.js +3 -1
  257. package/dist/js/Switcher/MobileSwitcherMenu.js.map +1 -1
  258. package/dist/js/Switcher/SwitcherMenuItem.js +3 -1
  259. package/dist/js/Switcher/SwitcherMenuItem.js.map +1 -1
  260. package/dist/js/Table/Table.js +1 -1
  261. package/dist/js/Table/Table.js.map +1 -1
  262. package/dist/js/Tabs/HorizontalTabs.d.ts +2 -2
  263. package/dist/js/Tabs/HorizontalTabs.js +6 -3
  264. package/dist/js/Tabs/HorizontalTabs.js.map +1 -1
  265. package/dist/js/Tabs/TabLink.d.ts +2 -1
  266. package/dist/js/Tabs/TabLink.js +7 -4
  267. package/dist/js/Tabs/TabLink.js.map +1 -1
  268. package/dist/js/Tabs/Tabs.d.ts +2 -1
  269. package/dist/js/Tabs/Tabs.js +15 -14
  270. package/dist/js/Tabs/Tabs.js.map +1 -1
  271. package/dist/js/Tabs/VerticalTabs.d.ts +2 -1
  272. package/dist/js/Tabs/VerticalTabs.js +3 -2
  273. package/dist/js/Tabs/VerticalTabs.js.map +1 -1
  274. package/dist/js/Toasters/ToastContext.js +3 -1
  275. package/dist/js/Toasters/ToastContext.js.map +1 -1
  276. package/dist/js/Tooltips/TooltipStyles.d.ts +4 -2
  277. package/dist/js/Tooltips/TooltipStyles.js +12 -4
  278. package/dist/js/Tooltips/TooltipStyles.js.map +1 -1
  279. package/dist/js/Tooltips/TooltipTypes.d.ts +1 -0
  280. package/dist/js/Tooltips/TooltipTypes.js.map +1 -1
  281. package/dist/js/Tooltips/TooltipWrapper.d.ts +1 -1
  282. package/dist/js/Tooltips/TooltipWrapper.js +5 -1
  283. package/dist/js/Tooltips/TooltipWrapper.js.map +1 -1
  284. package/dist/js/icons/index.js +1 -1
  285. package/dist/js/icons/index.js.map +1 -1
  286. package/dist/js/index.d.ts +1 -0
  287. package/dist/js/index.js +13 -0
  288. package/dist/js/index.js.map +1 -1
  289. package/dist/js/styles/typography.d.ts +3 -1
  290. package/dist/js/styles/typography.js +35 -14
  291. package/dist/js/styles/typography.js.map +1 -1
  292. package/dist/js/styles/z-indexes.d.ts +13 -0
  293. package/dist/js/styles/z-indexes.js +21 -0
  294. package/dist/js/styles/z-indexes.js.map +1 -0
  295. package/dist/js/types.d.ts +1 -0
  296. package/dist/js/types.js +1 -0
  297. package/dist/js/types.js.map +1 -1
  298. package/dist/umd/Accordion/AccordionItem.js +98 -0
  299. package/dist/umd/Accordion/AccordionItem.js.map +1 -0
  300. package/dist/umd/Accordion/AccordionMenu.js +138 -0
  301. package/dist/umd/Accordion/AccordionMenu.js.map +1 -0
  302. package/dist/umd/Accordion/__tests__/AccordionMenu.test.js +74 -0
  303. package/dist/umd/Accordion/__tests__/AccordionMenu.test.js.map +1 -0
  304. package/dist/umd/Accordion/index.js +44 -0
  305. package/dist/umd/Accordion/index.js.map +1 -0
  306. package/dist/umd/Accordion/styles.js +101 -0
  307. package/dist/umd/Accordion/styles.js.map +1 -0
  308. package/dist/umd/Banners/Banner.js +0 -1
  309. package/dist/umd/Banners/Banner.js.map +1 -1
  310. package/dist/umd/Breadcrumb/Breadcrumb.js.map +1 -1
  311. package/dist/umd/Button/BackButton.js +7 -8
  312. package/dist/umd/Button/BackButton.js.map +1 -1
  313. package/dist/umd/Button/Iconbutton.js +16 -59
  314. package/dist/umd/Button/Iconbutton.js.map +1 -1
  315. package/dist/umd/Button/__tests__/BackButton.test.js +7 -7
  316. package/dist/umd/Button/__tests__/BackButton.test.js.map +1 -1
  317. package/dist/umd/Chips/ActionChip.js +6 -6
  318. package/dist/umd/Chips/ActionChip.js.map +1 -1
  319. package/dist/umd/Chips/ChipInput.js +5 -5
  320. package/dist/umd/Chips/ChipInput.js.map +1 -1
  321. package/dist/umd/Chips/FilterChip.js +6 -6
  322. package/dist/umd/Chips/FilterChip.js.map +1 -1
  323. package/dist/umd/Chips/InputChip.js +6 -6
  324. package/dist/umd/Chips/InputChip.js.map +1 -1
  325. package/dist/umd/Dropdown/BasicDropdown.js +19 -12
  326. package/dist/umd/Dropdown/BasicDropdown.js.map +1 -1
  327. package/dist/umd/Dropdown/ChipDropdownInput.js +8 -8
  328. package/dist/umd/Dropdown/ChipDropdownInput.js.map +1 -1
  329. package/dist/umd/Dropdown/CommonStyling.js +74 -75
  330. package/dist/umd/Dropdown/CommonStyling.js.map +1 -1
  331. package/dist/umd/Dropdown/DropdownContent.js +16 -5
  332. package/dist/umd/Dropdown/DropdownContent.js.map +1 -1
  333. package/dist/umd/Dropdown/DropdownFilter.js +3 -4
  334. package/dist/umd/Dropdown/DropdownFilter.js.map +1 -1
  335. package/dist/umd/GlobalNavigationBar/Avatar.js +2 -2
  336. package/dist/umd/GlobalNavigationBar/Avatar.js.map +1 -1
  337. package/dist/umd/GlobalNavigationBar/ExtendedMainMenu.js +6 -6
  338. package/dist/umd/GlobalNavigationBar/ExtendedMainMenu.js.map +1 -1
  339. package/dist/umd/GlobalNavigationBar/GlobalNavigationBar.js +9 -6
  340. package/dist/umd/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  341. package/dist/umd/GlobalNavigationBar/Logo.js +10 -10
  342. package/dist/umd/GlobalNavigationBar/Logo.js.map +1 -1
  343. package/dist/umd/GlobalNavigationBar/UserMenu/MobileUserMenu.js +5 -5
  344. package/dist/umd/GlobalNavigationBar/UserMenu/MobileUserMenu.js.map +1 -1
  345. package/dist/umd/GlobalNavigationBar/UserMenu/UserMenu.js +5 -5
  346. package/dist/umd/GlobalNavigationBar/UserMenu/UserMenu.js.map +1 -1
  347. package/dist/umd/GlobalNavigationBar/mobile/CommonStyles.js +11 -5
  348. package/dist/umd/GlobalNavigationBar/mobile/CommonStyles.js.map +1 -1
  349. package/dist/umd/HyperLink/HyperLink.js +68 -17
  350. package/dist/umd/HyperLink/HyperLink.js.map +1 -1
  351. package/dist/umd/InputFields/Checkbox.js +27 -16
  352. package/dist/umd/InputFields/Checkbox.js.map +1 -1
  353. package/dist/umd/InputFields/DatepickerField.js +9 -4
  354. package/dist/umd/InputFields/DatepickerField.js.map +1 -1
  355. package/dist/umd/InputFields/Label.js +0 -1
  356. package/dist/umd/InputFields/Label.js.map +1 -1
  357. package/dist/umd/InputFields/PasswordField.js +1 -2
  358. package/dist/umd/InputFields/PasswordField.js.map +1 -1
  359. package/dist/umd/InputFields/QuickSearch.js +5 -6
  360. package/dist/umd/InputFields/QuickSearch.js.map +1 -1
  361. package/dist/umd/InputFields/RadioButton.js +21 -14
  362. package/dist/umd/InputFields/RadioButton.js.map +1 -1
  363. package/dist/umd/InputFields/ResponsiveComponentWrapper.js +5 -6
  364. package/dist/umd/InputFields/ResponsiveComponentWrapper.js.map +1 -1
  365. package/dist/umd/InputFields/SearchBar.js +13 -14
  366. package/dist/umd/InputFields/SearchBar.js.map +1 -1
  367. package/dist/umd/InputFields/TextField.js +0 -1
  368. package/dist/umd/InputFields/TextField.js.map +1 -1
  369. package/dist/umd/InputFields/Textarea.js +0 -1
  370. package/dist/umd/InputFields/Textarea.js.map +1 -1
  371. package/dist/umd/InputFields/__tests__/QuickSearch.test.js +5 -5
  372. package/dist/umd/InputFields/__tests__/QuickSearch.test.js.map +1 -1
  373. package/dist/umd/InputFields/components/SearchBarInput.js +0 -1
  374. package/dist/umd/InputFields/components/SearchBarInput.js.map +1 -1
  375. package/dist/umd/List/ListRow.js +7 -5
  376. package/dist/umd/List/ListRow.js.map +1 -1
  377. package/dist/umd/LoadingIndicator/LoadingIndicator.js +7 -8
  378. package/dist/umd/LoadingIndicator/LoadingIndicator.js.map +1 -1
  379. package/dist/umd/Modals/ModalContainer.js +11 -5
  380. package/dist/umd/Modals/ModalContainer.js.map +1 -1
  381. package/dist/umd/Modals/ModalDialog.js +77 -29
  382. package/dist/umd/Modals/ModalDialog.js.map +1 -1
  383. package/dist/umd/Modals/ModalStyles.js +39 -22
  384. package/dist/umd/Modals/ModalStyles.js.map +1 -1
  385. package/dist/umd/Modals/ModalTypes.js +20 -0
  386. package/dist/umd/Modals/ModalTypes.js.map +1 -0
  387. package/dist/umd/NavItem/NavItem.js +7 -4
  388. package/dist/umd/NavItem/NavItem.js.map +1 -1
  389. package/dist/umd/NotificationDot/NotificationDot.js +12 -13
  390. package/dist/umd/NotificationDot/NotificationDot.js.map +1 -1
  391. package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js +6 -6
  392. package/dist/umd/NotificationDot/__tests__/NotificationDot.test.js.map +1 -1
  393. package/dist/umd/Paginator/Paginator.js +60 -51
  394. package/dist/umd/Paginator/Paginator.js.map +1 -1
  395. package/dist/umd/Paginator/__tests__/Paginator.test.js +4 -4
  396. package/dist/umd/Paginator/__tests__/Paginator.test.js.map +1 -1
  397. package/dist/umd/Switcher/MobileSwitcherMenu.js +5 -5
  398. package/dist/umd/Switcher/MobileSwitcherMenu.js.map +1 -1
  399. package/dist/umd/Switcher/SwitcherMenuItem.js +8 -4
  400. package/dist/umd/Switcher/SwitcherMenuItem.js.map +1 -1
  401. package/dist/umd/Table/Table.js +1 -1
  402. package/dist/umd/Table/Table.js.map +1 -1
  403. package/dist/umd/Tabs/HorizontalTabs.js +16 -12
  404. package/dist/umd/Tabs/HorizontalTabs.js.map +1 -1
  405. package/dist/umd/Tabs/TabLink.js +19 -10
  406. package/dist/umd/Tabs/TabLink.js.map +1 -1
  407. package/dist/umd/Tabs/Tabs.js +17 -18
  408. package/dist/umd/Tabs/Tabs.js.map +1 -1
  409. package/dist/umd/Tabs/VerticalTabs.js +5 -6
  410. package/dist/umd/Tabs/VerticalTabs.js.map +1 -1
  411. package/dist/umd/Toasters/ToastContext.js +5 -5
  412. package/dist/umd/Toasters/ToastContext.js.map +1 -1
  413. package/dist/umd/Tooltips/TooltipStyles.js +11 -9
  414. package/dist/umd/Tooltips/TooltipStyles.js.map +1 -1
  415. package/dist/umd/Tooltips/TooltipTypes.js.map +1 -1
  416. package/dist/umd/Tooltips/TooltipWrapper.js +4 -1
  417. package/dist/umd/Tooltips/TooltipWrapper.js.map +1 -1
  418. package/dist/umd/icons/index.js +1 -1
  419. package/dist/umd/icons/index.js.map +1 -1
  420. package/dist/umd/index.js +13 -4
  421. package/dist/umd/index.js.map +1 -1
  422. package/dist/umd/styles/typography.js +37 -18
  423. package/dist/umd/styles/typography.js.map +1 -1
  424. package/dist/umd/styles/z-indexes.js +33 -0
  425. package/dist/umd/styles/z-indexes.js.map +1 -0
  426. package/dist/umd/types.js +1 -0
  427. package/dist/umd/types.js.map +1 -1
  428. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  import { TooltipProps } from './TooltipTypes';
2
- declare const TooltipWrapper: ({ label, children, withArrow, size, height, align, position }: TooltipProps) => JSX.Element;
2
+ declare const TooltipWrapper: ({ label, children, withArrow, size, height, delay, align, position }: TooltipProps) => JSX.Element;
3
3
  export default TooltipWrapper;
@@ -25,11 +25,15 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
25
25
  size = _ref$size === void 0 ? _.Size.Small : _ref$size,
26
26
  _ref$height = _ref.height,
27
27
  height = _ref$height === void 0 ? 'auto' : _ref$height,
28
+ _ref$delay = _ref.delay,
29
+ delay = _ref$delay === void 0 ? undefined : _ref$delay,
28
30
  _ref$align = _ref.align,
29
31
  align = _ref$align === void 0 ? 'center' : _ref$align,
30
32
  _ref$position = _ref.position,
31
33
  position = _ref$position === void 0 ? 'bottom' : _ref$position;
32
- return /*#__PURE__*/React.createElement(_TooltipStyles.TooltipContainer, null, /*#__PURE__*/React.createElement(_TooltipStyles.Tooltip, {
34
+ return /*#__PURE__*/React.createElement(_TooltipStyles.TooltipContainer, {
35
+ delay: delay
36
+ }, /*#__PURE__*/React.createElement(_TooltipStyles.Tooltip, {
33
37
  align: align,
34
38
  height: height,
35
39
  size: size,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["TooltipWrapper","label","children","withArrow","size","Size","Small","height","align","position"],"mappings":";;;;;;;;;AACA;;AAIA;;AACA;;;;;;AAEC,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAMoB;AAAA,MALzCC,KAKyC,QALzCA,KAKyC;AAAA,MALlCC,QAKkC,QALlCA,QAKkC;AAAA,MAJzCC,SAIyC,QAJzCA,SAIyC;AAAA,uBAHzCC,IAGyC;AAAA,MAHzCA,IAGyC,0BAHlCC,OAAKC,KAG6B;AAAA,yBAFzCC,MAEyC;AAAA,MAFzCA,MAEyC,4BAFhC,MAEgC;AAAA,wBADzCC,KACyC;AAAA,MADzCA,KACyC,2BADjC,QACiC;AAAA,2BAAzCC,QAAyC;AAAA,MAAzCA,QAAyC,8BAA9B,QAA8B;AAExC,sBAAO,oBAAC,+BAAD,qBACC,oBAAC,sBAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACG,IAAA,MAAM,EAAED,MADX;AAEG,IAAA,IAAI,EAAEH,IAFT;AAGG,IAAA,SAAS,EAAED,SAHd;AAIG,IAAA,QAAQ,EAAEM;AAJb,KAKIR,KALJ,CADD,EAQDC,QARC,CAAP;AAUF,CAlBD;;eAoBeF,c","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n label, children,\n withArrow,\n size = Size.Small,\n height = 'auto',\n align = 'center', \n position = 'bottom' } : TooltipProps) => {\n \n return <TooltipContainer>\n <Tooltip align={align} \n height={height} \n size={size}\n withArrow={withArrow} \n position={position}>\n {label}\n </Tooltip>\n {children}\n </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}
1
+ {"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["TooltipWrapper","label","children","withArrow","size","Size","Small","height","delay","undefined","align","position"],"mappings":";;;;;;;;;AACA;;AAIA;;AACA;;;;;;AAEC,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAOoB;AAAA,MANzCC,KAMyC,QANzCA,KAMyC;AAAA,MANlCC,QAMkC,QANlCA,QAMkC;AAAA,MALzCC,SAKyC,QALzCA,SAKyC;AAAA,uBAJzCC,IAIyC;AAAA,MAJzCA,IAIyC,0BAJlCC,OAAKC,KAI6B;AAAA,yBAHzCC,MAGyC;AAAA,MAHzCA,MAGyC,4BAHhC,MAGgC;AAAA,wBAFzCC,KAEyC;AAAA,MAFzCA,KAEyC,2BAFjCC,SAEiC;AAAA,wBADzCC,KACyC;AAAA,MADzCA,KACyC,2BADjC,QACiC;AAAA,2BAAzCC,QAAyC;AAAA,MAAzCA,QAAyC,8BAA9B,QAA8B;AAExC,sBAAO,oBAAC,+BAAD;AAAkB,IAAA,KAAK,EAAEH;AAAzB,kBACC,oBAAC,sBAAD;AAAS,IAAA,KAAK,EAAEE,KAAhB;AACG,IAAA,MAAM,EAAEH,MADX;AAEG,IAAA,IAAI,EAAEH,IAFT;AAGG,IAAA,SAAS,EAAED,SAHd;AAIG,IAAA,QAAQ,EAAEQ;AAJb,KAKIV,KALJ,CADD,EAQDC,QARC,CAAP;AAUF,CAnBD;;eAqBeF,c","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n label, children,\n withArrow,\n size = Size.Small,\n height = 'auto',\n delay = undefined,\n align = 'center', \n position = 'bottom' } : TooltipProps) => {\n \n return <TooltipContainer delay={delay}>\n <Tooltip align={align}\n height={height}\n size={size}\n withArrow={withArrow}\n position={position}>\n {label}\n </Tooltip>\n {children}\n </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}
@@ -48,7 +48,7 @@ var getSize = function getSize(size) {
48
48
 
49
49
  exports.getSize = getSize;
50
50
 
51
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n ", "\n"])), _TooltipStyles.TooltipTrigger);
51
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n ", "\n"])), (0, _TooltipStyles.TooltipTrigger)());
52
52
 
53
53
  var IconComponent = _styledComponents.default.svg(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", ";\n height: ", ";\n"])), function (props) {
54
54
  return props.width;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/icons/index.tsx"],"names":["getSize","size","indexOf","Container","styled","div","TooltipTrigger","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","SystemIcon","ContentIcon"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n className?: string;\n children?: any;\n size?: string;\n viewBox?: string;\n tooltip?: string;\n};\n\nexport type IconProps = {\n label?: string;\n className?: string;\n color?: string;\n size?: string;\n viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n if (typeof size === 'string' && size.indexOf('px') === -1) {\n return `${size}px`;\n } else {\n return size;\n }\n};\n\nconst Container = styled.div`\n position: relative;\n ${TooltipTrigger}\n`;\nconst IconComponent = styled.svg<{ width: string; height: string }>`\n width: ${props => props.width};\n height: ${props => props.height};\n`;\n\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\n return tooltip ? (\n <Container>\n <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n {children}\n </IconComponent>\n <Tooltip>{tooltip}</Tooltip>\n </Container>\n ) : (\n <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n {children}\n </IconComponent>\n );\n};\n\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/icons/index.tsx"],"names":["getSize","size","indexOf","Container","styled","div","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","SystemIcon","ContentIcon"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n className?: string;\n children?: any;\n size?: string;\n viewBox?: string;\n tooltip?: string;\n};\n\nexport type IconProps = {\n label?: string;\n className?: string;\n color?: string;\n size?: string;\n viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n if (typeof size === 'string' && size.indexOf('px') === -1) {\n return `${size}px`;\n } else {\n return size;\n }\n};\n\nconst Container = styled.div`\n position: relative;\n ${TooltipTrigger()}\n`;\nconst IconComponent = styled.svg<{ width: string; height: string }>`\n width: ${props => props.width};\n height: ${props => props.height};\n`;\n\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\n return tooltip ? (\n <Container>\n <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n {children}\n </IconComponent>\n <Tooltip>{tooltip}</Tooltip>\n </Container>\n ) : (\n <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n {children}\n </IconComponent>\n );\n};\n\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\n return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}
@@ -26,3 +26,4 @@ export * from './Table';
26
26
  export * from './Toggles';
27
27
  export * from './HyperLink';
28
28
  export * from './NotificationDot';
29
+ export * from './Accordion';
package/dist/js/index.js CHANGED
@@ -367,4 +367,17 @@ Object.keys(_NotificationDot).forEach(function (key) {
367
367
  }
368
368
  });
369
369
  });
370
+
371
+ var _Accordion = require("./Accordion");
372
+
373
+ Object.keys(_Accordion).forEach(function (key) {
374
+ if (key === "default" || key === "__esModule") return;
375
+ if (key in exports && exports[key] === _Accordion[key]) return;
376
+ Object.defineProperty(exports, key, {
377
+ enumerable: true,
378
+ get: function get() {
379
+ return _Accordion[key];
380
+ }
381
+ });
382
+ });
370
383
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\n\nexport * from './AuthPage';\n\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';"],"file":"index.js"}
1
+ {"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\n\nexport * from './AuthPage';\n\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\n"],"file":"index.js"}
@@ -1,5 +1,6 @@
1
1
  import { FunctionComponent } from 'react';
2
2
  import { Property } from 'csstype';
3
+ import { Size } from '../types';
3
4
  declare const TYPOGRAPHY: {
4
5
  fontFamily: string;
5
6
  };
@@ -60,6 +61,7 @@ declare enum ComponentTextStyle {
60
61
  }
61
62
  declare type ComponentProps = {
62
63
  color?: string;
64
+ className?: string;
63
65
  textStyle?: ComponentTextStyle;
64
66
  };
65
67
  declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
@@ -75,7 +77,7 @@ declare const ComponentXS: FunctionComponent<ComponentProps>;
75
77
  declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").FlattenSimpleInterpolation;
76
78
  declare const ComponentXXS: FunctionComponent<ComponentProps>;
77
79
  declare const ComponentResponsive: FunctionComponent<ComponentProps & {
78
- size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large';
80
+ size?: Size;
79
81
  width: number;
80
82
  }>;
81
83
  export { TYPOGRAPHY };
@@ -15,6 +15,8 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
15
15
 
16
16
  var _ = require(".");
17
17
 
18
+ var _types = require("../types");
19
+
18
20
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
19
21
 
20
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -384,10 +386,12 @@ exports.ComponentXLStyling = ComponentXLStyling;
384
386
  var ComponentXL = function ComponentXL(_ref14) {
385
387
  var color = _ref14.color,
386
388
  textStyle = _ref14.textStyle,
387
- children = _ref14.children;
389
+ children = _ref14.children,
390
+ className = _ref14.className;
388
391
  var fontWeight = componentFontWeight(textStyle);
389
392
  var fontStyle = componentFontStyle(textStyle);
390
393
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
394
+ className: className,
391
395
  color: color,
392
396
  lineHeight: 28,
393
397
  fontSize: 24,
@@ -399,6 +403,7 @@ var ComponentXL = function ComponentXL(_ref14) {
399
403
  exports.ComponentXL = ComponentXL;
400
404
  ComponentXL.propTypes = {
401
405
  color: _propTypes.default.string,
406
+ className: _propTypes.default.string,
402
407
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
403
408
  };
404
409
 
@@ -411,10 +416,12 @@ exports.ComponentLStyling = ComponentLStyling;
411
416
  var ComponentL = function ComponentL(_ref15) {
412
417
  var color = _ref15.color,
413
418
  textStyle = _ref15.textStyle,
414
- children = _ref15.children;
419
+ children = _ref15.children,
420
+ className = _ref15.className;
415
421
  var fontWeight = componentFontWeight(textStyle);
416
422
  var fontStyle = componentFontStyle(textStyle);
417
423
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
424
+ className: className,
418
425
  color: color,
419
426
  lineHeight: 24,
420
427
  fontSize: 20,
@@ -426,6 +433,7 @@ var ComponentL = function ComponentL(_ref15) {
426
433
  exports.ComponentL = ComponentL;
427
434
  ComponentL.propTypes = {
428
435
  color: _propTypes.default.string,
436
+ className: _propTypes.default.string,
429
437
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
430
438
  };
431
439
 
@@ -438,10 +446,12 @@ exports.ComponentMStyling = ComponentMStyling;
438
446
  var ComponentM = function ComponentM(_ref16) {
439
447
  var color = _ref16.color,
440
448
  textStyle = _ref16.textStyle,
441
- children = _ref16.children;
449
+ children = _ref16.children,
450
+ className = _ref16.className;
442
451
  var fontWeight = componentFontWeight(textStyle);
443
452
  var fontStyle = componentFontStyle(textStyle);
444
453
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
454
+ className: className,
445
455
  color: color,
446
456
  lineHeight: 24,
447
457
  fontSize: 18,
@@ -453,6 +463,7 @@ var ComponentM = function ComponentM(_ref16) {
453
463
  exports.ComponentM = ComponentM;
454
464
  ComponentM.propTypes = {
455
465
  color: _propTypes.default.string,
466
+ className: _propTypes.default.string,
456
467
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
457
468
  };
458
469
 
@@ -465,10 +476,12 @@ exports.ComponentSStyling = ComponentSStyling;
465
476
  var ComponentS = function ComponentS(_ref17) {
466
477
  var color = _ref17.color,
467
478
  textStyle = _ref17.textStyle,
468
- children = _ref17.children;
479
+ children = _ref17.children,
480
+ className = _ref17.className;
469
481
  var fontWeight = componentFontWeight(textStyle);
470
482
  var fontStyle = componentFontStyle(textStyle);
471
483
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
484
+ className: className,
472
485
  color: color,
473
486
  lineHeight: 20,
474
487
  fontSize: 16,
@@ -480,6 +493,7 @@ var ComponentS = function ComponentS(_ref17) {
480
493
  exports.ComponentS = ComponentS;
481
494
  ComponentS.propTypes = {
482
495
  color: _propTypes.default.string,
496
+ className: _propTypes.default.string,
483
497
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
484
498
  };
485
499
 
@@ -492,11 +506,13 @@ exports.ComponentXSStyling = ComponentXSStyling;
492
506
  var ComponentXS = function ComponentXS(_ref18) {
493
507
  var color = _ref18.color,
494
508
  textStyle = _ref18.textStyle,
495
- children = _ref18.children;
509
+ children = _ref18.children,
510
+ className = _ref18.className;
496
511
  var fontWeight = componentFontWeight(textStyle);
497
512
  var fontStyle = componentFontStyle(textStyle);
498
513
  var textTransform = componentTextTransformation(textStyle);
499
514
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
515
+ className: className,
500
516
  color: color,
501
517
  lineHeight: 16,
502
518
  fontSize: 14,
@@ -509,6 +525,7 @@ var ComponentXS = function ComponentXS(_ref18) {
509
525
  exports.ComponentXS = ComponentXS;
510
526
  ComponentXS.propTypes = {
511
527
  color: _propTypes.default.string,
528
+ className: _propTypes.default.string,
512
529
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
513
530
  };
514
531
 
@@ -521,11 +538,13 @@ exports.ComponentXXSStyling = ComponentXXSStyling;
521
538
  var ComponentXXS = function ComponentXXS(_ref19) {
522
539
  var color = _ref19.color,
523
540
  textStyle = _ref19.textStyle,
524
- children = _ref19.children;
541
+ children = _ref19.children,
542
+ className = _ref19.className;
525
543
  var fontWeight = componentFontWeight(textStyle);
526
544
  var fontStyle = componentFontStyle(textStyle);
527
545
  var textTransform = componentTextTransformation(textStyle);
528
546
  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
547
+ className: className,
529
548
  color: color,
530
549
  lineHeight: 16,
531
550
  fontSize: 12,
@@ -538,6 +557,7 @@ var ComponentXXS = function ComponentXXS(_ref19) {
538
557
  exports.ComponentXXS = ComponentXXS;
539
558
  ComponentXXS.propTypes = {
540
559
  color: _propTypes.default.string,
560
+ className: _propTypes.default.string,
541
561
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
542
562
  };
543
563
 
@@ -551,44 +571,44 @@ var ComponentResponsive = function ComponentResponsive(_ref20) {
551
571
 
552
572
  if (!size) {
553
573
  if (width < 768) {
554
- fontsize = 'small';
574
+ fontsize = _types.Size.Small;
555
575
  } else if (width < 992) {
556
- fontsize = 'medium';
576
+ fontsize = _types.Size.Medium;
557
577
  } else {
558
- fontsize = 'large';
578
+ fontsize = _types.Size.Large;
559
579
  }
560
580
  }
561
581
 
562
582
  switch (fontsize) {
563
- case 'xxsmall':
583
+ case _types.Size.XXSmall:
564
584
  return /*#__PURE__*/_react.default.createElement(ComponentXXS, {
565
585
  color: color,
566
586
  textStyle: textStyle,
567
587
  children: children
568
588
  });
569
589
 
570
- case 'xsmall':
590
+ case _types.Size.XSmall:
571
591
  return /*#__PURE__*/_react.default.createElement(ComponentXS, {
572
592
  color: color,
573
593
  textStyle: textStyle,
574
594
  children: children
575
595
  });
576
596
 
577
- case 'small':
597
+ case _types.Size.Small:
578
598
  return /*#__PURE__*/_react.default.createElement(ComponentS, {
579
599
  color: color,
580
600
  textStyle: textStyle,
581
601
  children: children
582
602
  });
583
603
 
584
- case 'medium':
604
+ case _types.Size.Medium:
585
605
  return /*#__PURE__*/_react.default.createElement(ComponentM, {
586
606
  color: color,
587
607
  textStyle: textStyle,
588
608
  children: children
589
609
  });
590
610
 
591
- case 'large':
611
+ case _types.Size.Large:
592
612
  default:
593
613
  return /*#__PURE__*/_react.default.createElement(ComponentL, {
594
614
  color: color,
@@ -601,6 +621,7 @@ var ComponentResponsive = function ComponentResponsive(_ref20) {
601
621
  exports.ComponentResponsive = ComponentResponsive;
602
622
  ComponentResponsive.propTypes = {
603
623
  color: _propTypes.default.string,
624
+ className: _propTypes.default.string,
604
625
  textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
605
626
  };
606
627
  //# sourceMappingURL=typography.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize"],"mappings":"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","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","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Small","Medium","Large","XXSmall","XSmall"],"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 className?: 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n return (\n <TypographyBase className={className} 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} 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, className }) => {\n let fontWeight = componentFontWeight(textStyle);\n let fontStyle = componentFontStyle(textStyle);\n let textTransform = componentTextTransformation(textStyle);\n return (\n <TypographyBase className={className} 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,13 @@
1
+ export declare const Z_INDEXES: {
2
+ hover: string;
3
+ active: string;
4
+ focus: string;
5
+ dropdown: string;
6
+ sticky_menu: string;
7
+ fixed_menu: string;
8
+ backdrop: string;
9
+ off_canvas: string;
10
+ modal: string;
11
+ toast: string;
12
+ tooltip: string;
13
+ };
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Z_INDEXES = void 0;
7
+ var Z_INDEXES = {
8
+ hover: '1',
9
+ active: '2',
10
+ focus: '3',
11
+ dropdown: '1000',
12
+ sticky_menu: '1020',
13
+ fixed_menu: '1030',
14
+ backdrop: '1040',
15
+ off_canvas: '1050',
16
+ modal: '1060',
17
+ toast: '1070',
18
+ tooltip: '1080'
19
+ };
20
+ exports.Z_INDEXES = Z_INDEXES;
21
+ //# 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,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAMvBC,EAAAA,QAAQ,EAAE,MANa;AAOvBC,EAAAA,WAAW,EAAE,MAPU;AAQvBC,EAAAA,UAAU,EAAE,MARW;AASvBC,EAAAA,QAAQ,EAAE,MATa;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,KAAK,EAAE,MAXgB;AAYvBC,EAAAA,KAAK,EAAE,MAZgB;AAavBC,EAAAA,OAAO,EAAE;AAbc,CAAlB","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"}
@@ -5,6 +5,7 @@ export interface Product {
5
5
  image: string;
6
6
  }
7
7
  export declare enum Size {
8
+ XXSmall = "xxsmall",
8
9
  XSmall = "xsmall",
9
10
  Small = "small",
10
11
  Medium = "medium",
package/dist/js/types.js CHANGED
@@ -8,6 +8,7 @@ var Size;
8
8
  exports.Size = Size;
9
9
 
10
10
  (function (Size) {
11
+ Size["XXSmall"] = "xxsmall";
11
12
  Size["XSmall"] = "xsmall";
12
13
  Size["Small"] = "small";
13
14
  Size["Medium"] = "medium";
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IA8BAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,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":";;;;;;IAOYA,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IA+BAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,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"}