@helsenorge/designsystem-react 2.16.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (953) hide show
  1. package/AnchorLink.js +1 -1
  2. package/AnchorLink.js.map +1 -1
  3. package/Avatar.js +1 -1
  4. package/Avatar.js.map +1 -1
  5. package/Badge.js +1 -1
  6. package/Badge.js.map +1 -1
  7. package/Button.js +1 -1
  8. package/Button.js.map +1 -1
  9. package/CHANGELOG.md +679 -326
  10. package/Checkbox.js +1 -1
  11. package/Checkbox.js.map +1 -1
  12. package/Close.js +1 -1
  13. package/Close.js.map +1 -1
  14. package/ErrorWrapper.js +1 -1
  15. package/ErrorWrapper.js.map +1 -1
  16. package/FormGroup.js +1 -1
  17. package/FormGroup.js.map +1 -1
  18. package/FormLayout.js +1 -1
  19. package/FormLayout.js.map +1 -1
  20. package/HelpBubble.js +1 -1
  21. package/HelpBubble.js.map +1 -1
  22. package/HorizontalScroll.js +1 -1
  23. package/HorizontalScroll.js.map +1 -1
  24. package/Input.js +1 -1
  25. package/Input.js.map +1 -1
  26. package/ListHeader.js +1 -1
  27. package/ListHeader.js.map +1 -1
  28. package/ListHeaderText.js +1 -1
  29. package/ListHeaderText.js.map +1 -1
  30. package/MaxCharacters.js +1 -1
  31. package/MaxCharacters.js.map +1 -1
  32. package/Modal.js +1 -1
  33. package/Modal.js.map +1 -1
  34. package/Panel.js +1 -1
  35. package/Panel.js.map +1 -1
  36. package/PopOver.js +2 -0
  37. package/PopOver.js.map +1 -0
  38. package/RadioButton.js +1 -1
  39. package/RadioButton.js.map +1 -1
  40. package/Select.js +1 -1
  41. package/Select.js.map +1 -1
  42. package/Spacer.js +1 -1
  43. package/Spacer.js.map +1 -1
  44. package/StatusDot.js +1 -1
  45. package/StatusDot.js.map +1 -1
  46. package/TableBody.js +1 -1
  47. package/TableBody.js.map +1 -1
  48. package/TableCell.js +1 -1
  49. package/TableCell.js.map +1 -1
  50. package/TableExpandedRow.js +1 -1
  51. package/TableExpandedRow.js.map +1 -1
  52. package/TableExpanderCell.js +1 -1
  53. package/TableExpanderCell.js.map +1 -1
  54. package/TableHead.js +1 -1
  55. package/TableHead.js.map +1 -1
  56. package/TableHeadCell.js +1 -1
  57. package/TableHeadCell.js.map +1 -1
  58. package/TableRow.js +1 -1
  59. package/TableRow.js.map +1 -1
  60. package/Textarea.js +1 -1
  61. package/Textarea.js.map +1 -1
  62. package/Title.js +1 -1
  63. package/Title.js.map +1 -1
  64. package/Tooltip.js +1 -1
  65. package/Tooltip.js.map +1 -1
  66. package/TooltipWord.js +1 -1
  67. package/TooltipWord.js.map +1 -1
  68. package/Validation.js +1 -1
  69. package/Validation.js.map +1 -1
  70. package/__mocks__/matchMedia.d.ts +1 -1
  71. package/__mocks__/matchMedia.d.ts.map +1 -1
  72. package/components/AnchorLink/AnchorLink.d.ts +2 -2
  73. package/components/AnchorLink/AnchorLink.d.ts.map +1 -1
  74. package/components/AnchorLink/index.js +1 -1
  75. package/components/AnchorLink/styles.module.scss +8 -5
  76. package/components/Avatar/Avatar.d.ts +1 -1
  77. package/components/Avatar/Avatar.d.ts.map +1 -1
  78. package/components/Avatar/index.js +1 -1
  79. package/components/Badge/Badge.d.ts +3 -3
  80. package/components/Badge/Badge.d.ts.map +1 -1
  81. package/components/Badge/index.js +1 -1
  82. package/components/Button/Button.d.ts +7 -7
  83. package/components/Button/Button.d.ts.map +1 -1
  84. package/components/Button/componentdata.json +1 -1
  85. package/components/Button/index.js +1 -1
  86. package/components/ButtonWithModal/ButtonWithModal.d.ts.map +1 -1
  87. package/components/ButtonWithModal/index.js +1 -1
  88. package/components/ButtonWithModal/index.js.map +1 -1
  89. package/components/Checkbox/Checkbox.d.ts.map +1 -1
  90. package/components/Checkbox/componentdata.json +1 -1
  91. package/components/Checkbox/index.js +1 -1
  92. package/components/Close/Close.d.ts +8 -2
  93. package/components/Close/Close.d.ts.map +1 -1
  94. package/components/Close/componentdata.json +1 -1
  95. package/components/Close/index.js +1 -1
  96. package/components/Close/styles.module.scss +1 -1
  97. package/components/Dropdown/Dropdown.d.ts.map +1 -1
  98. package/components/Dropdown/componentdata.json +1 -1
  99. package/components/Dropdown/index.js +1 -1
  100. package/components/Dropdown/index.js.map +1 -1
  101. package/components/Duolist/Duolist.d.ts +4 -4
  102. package/components/Duolist/Duolist.d.ts.map +1 -1
  103. package/components/Duolist/index.js +1 -1
  104. package/components/Duolist/index.js.map +1 -1
  105. package/components/ErrorWrapper/ErrorWrapper.d.ts.map +1 -1
  106. package/components/ErrorWrapper/componentdata.json +1 -1
  107. package/components/ErrorWrapper/index.js +1 -1
  108. package/components/Expander/Expander.d.ts +2 -2
  109. package/components/Expander/Expander.d.ts.map +1 -1
  110. package/components/Expander/componentdata.json +1 -1
  111. package/components/Expander/index.js +1 -1
  112. package/components/Expander/index.js.map +1 -1
  113. package/components/ExpanderHierarchy/Expander.d.ts +18 -0
  114. package/components/ExpanderHierarchy/Expander.d.ts.map +1 -0
  115. package/components/ExpanderHierarchy/ExpanderButton.d.ts +11 -0
  116. package/components/ExpanderHierarchy/ExpanderButton.d.ts.map +1 -0
  117. package/components/ExpanderHierarchy/ExpanderHierarchy.d.ts +22 -0
  118. package/components/ExpanderHierarchy/ExpanderHierarchy.d.ts.map +1 -0
  119. package/components/ExpanderHierarchy/componentdata.json +1 -0
  120. package/components/ExpanderHierarchy/expander.module.scss +147 -0
  121. package/components/ExpanderHierarchy/expander.module.scss.d.ts +25 -0
  122. package/components/ExpanderHierarchy/index.d.ts +4 -0
  123. package/components/ExpanderHierarchy/index.d.ts.map +1 -0
  124. package/components/ExpanderHierarchy/index.js +2 -0
  125. package/components/ExpanderHierarchy/index.js.map +1 -0
  126. package/components/ExpanderHierarchy/styles.module.scss +17 -0
  127. package/components/ExpanderHierarchy/styles.module.scss.d.ts +11 -0
  128. package/components/ExpanderHierarchy/utils.d.ts +3 -0
  129. package/components/ExpanderHierarchy/utils.d.ts.map +1 -0
  130. package/components/ExpanderList/ExpanderList.d.ts +4 -4
  131. package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
  132. package/components/ExpanderList/index.js +1 -1
  133. package/components/ExpanderList/index.js.map +1 -1
  134. package/components/FormExample/FormExample.d.ts.map +1 -1
  135. package/components/FormExample/index.js +3 -3
  136. package/components/FormExample/index.js.map +1 -1
  137. package/components/FormGroup/FormGroup.d.ts +1 -1
  138. package/components/FormGroup/FormGroup.d.ts.map +1 -1
  139. package/components/FormGroup/index.js +1 -1
  140. package/components/FormLayout/FormLayout.d.ts.map +1 -1
  141. package/components/FormLayout/index.js +1 -1
  142. package/components/GridExample/index.js +1 -1
  143. package/components/GridExample/index.js.map +1 -1
  144. package/components/HelpBubble/HelpBubble.d.ts +4 -7
  145. package/components/HelpBubble/HelpBubble.d.ts.map +1 -1
  146. package/components/HelpBubble/index.js +1 -1
  147. package/components/HelpBubble/styles.module.scss +0 -41
  148. package/components/HelpBubble/styles.module.scss.d.ts +0 -3
  149. package/components/HelpBubbleExample/componentdata.json +1 -1
  150. package/components/HelpBubbleExample/index.js +1 -1
  151. package/components/HelpBubbleExample/index.js.map +1 -1
  152. package/components/HighlightBox/HighlightBox.d.ts +2 -2
  153. package/components/HighlightBox/HighlightBox.d.ts.map +1 -1
  154. package/components/HighlightBox/componentdata.json +1 -1
  155. package/components/HighlightBox/index.js +1 -1
  156. package/components/HighlightBox/index.js.map +1 -1
  157. package/components/HorizontalScroll/HorizontalScroll.d.ts.map +1 -1
  158. package/components/HorizontalScroll/index.js +1 -1
  159. package/components/Icons/ActiveMonitoring.d.ts.map +1 -1
  160. package/components/Icons/ActiveMonitoring.js.map +1 -1
  161. package/components/Icons/AcupunctureBack.d.ts.map +1 -1
  162. package/components/Icons/AcupunctureBack.js.map +1 -1
  163. package/components/Icons/AlarmClock.d.ts.map +1 -1
  164. package/components/Icons/AlarmClock.js.map +1 -1
  165. package/components/Icons/AlertSignFill.d.ts.map +1 -1
  166. package/components/Icons/AlertSignFill.js.map +1 -1
  167. package/components/Icons/AlertSignStroke.d.ts.map +1 -1
  168. package/components/Icons/AlertSignStroke.js.map +1 -1
  169. package/components/Icons/Amputation.d.ts.map +1 -1
  170. package/components/Icons/Amputation.js.map +1 -1
  171. package/components/Icons/Anxiety.d.ts.map +1 -1
  172. package/components/Icons/Anxiety.js.map +1 -1
  173. package/components/Icons/Apple.d.ts.map +1 -1
  174. package/components/Icons/Apple.js.map +1 -1
  175. package/components/Icons/Archive.d.ts.map +1 -1
  176. package/components/Icons/Archive.js.map +1 -1
  177. package/components/Icons/ArmFlexing.d.ts.map +1 -1
  178. package/components/Icons/ArmFlexing.js.map +1 -1
  179. package/components/Icons/ArrowDown.d.ts.map +1 -1
  180. package/components/Icons/ArrowDown.js.map +1 -1
  181. package/components/Icons/ArrowLeft.d.ts.map +1 -1
  182. package/components/Icons/ArrowLeft.js.map +1 -1
  183. package/components/Icons/ArrowRight.d.ts.map +1 -1
  184. package/components/Icons/ArrowRight.js.map +1 -1
  185. package/components/Icons/ArrowUp.d.ts.map +1 -1
  186. package/components/Icons/ArrowUp.js.map +1 -1
  187. package/components/Icons/ArrowUpRight.d.ts.map +1 -1
  188. package/components/Icons/ArrowUpRight.js.map +1 -1
  189. package/components/Icons/Attachment.d.ts.map +1 -1
  190. package/components/Icons/Attachment.js.map +1 -1
  191. package/components/Icons/Atv.d.ts.map +1 -1
  192. package/components/Icons/Atv.js.map +1 -1
  193. package/components/Icons/Avatar.d.ts.map +1 -1
  194. package/components/Icons/Avatar.js.map +1 -1
  195. package/components/Icons/AwakePersonOnPillow.d.ts.map +1 -1
  196. package/components/Icons/AwakePersonOnPillow.js.map +1 -1
  197. package/components/Icons/Baby.d.ts.map +1 -1
  198. package/components/Icons/Baby.js.map +1 -1
  199. package/components/Icons/BandAid.d.ts.map +1 -1
  200. package/components/Icons/BandAid.js.map +1 -1
  201. package/components/Icons/BeerAndPills.d.ts.map +1 -1
  202. package/components/Icons/BeerAndPills.js.map +1 -1
  203. package/components/Icons/Bell.d.ts.map +1 -1
  204. package/components/Icons/Bell.js.map +1 -1
  205. package/components/Icons/Bike.d.ts.map +1 -1
  206. package/components/Icons/Bike.js.map +1 -1
  207. package/components/Icons/BirthControl.d.ts.map +1 -1
  208. package/components/Icons/BirthControl.js.map +1 -1
  209. package/components/Icons/BirthdayCake.d.ts.map +1 -1
  210. package/components/Icons/BirthdayCake.js.map +1 -1
  211. package/components/Icons/Boat.d.ts.map +1 -1
  212. package/components/Icons/Boat.js.map +1 -1
  213. package/components/Icons/Body.d.ts.map +1 -1
  214. package/components/Icons/Body.js.map +1 -1
  215. package/components/Icons/Brain.d.ts.map +1 -1
  216. package/components/Icons/Brain.js.map +1 -1
  217. package/components/Icons/BreastReconstruction.d.ts.map +1 -1
  218. package/components/Icons/BreastReconstruction.js.map +1 -1
  219. package/components/Icons/BreastRemoval.d.ts.map +1 -1
  220. package/components/Icons/BreastRemoval.js.map +1 -1
  221. package/components/Icons/Breasts.d.ts.map +1 -1
  222. package/components/Icons/Breasts.js.map +1 -1
  223. package/components/Icons/BrokenHeart.d.ts.map +1 -1
  224. package/components/Icons/BrokenHeart.js.map +1 -1
  225. package/components/Icons/BrokenPuzzle.d.ts.map +1 -1
  226. package/components/Icons/BrokenPuzzle.js.map +1 -1
  227. package/components/Icons/Bus.d.ts.map +1 -1
  228. package/components/Icons/Bus.js.map +1 -1
  229. package/components/Icons/Calendar.d.ts.map +1 -1
  230. package/components/Icons/Calendar.js.map +1 -1
  231. package/components/Icons/CalendarChange.d.ts.map +1 -1
  232. package/components/Icons/CalendarChange.js.map +1 -1
  233. package/components/Icons/CalendarCheck.d.ts.map +1 -1
  234. package/components/Icons/CalendarCheck.js.map +1 -1
  235. package/components/Icons/CalendarEvent.d.ts.map +1 -1
  236. package/components/Icons/CalendarEvent.js.map +1 -1
  237. package/components/Icons/CalendarSave.d.ts.map +1 -1
  238. package/components/Icons/CalendarSave.js.map +1 -1
  239. package/components/Icons/Cancer.d.ts.map +1 -1
  240. package/components/Icons/Cancer.js.map +1 -1
  241. package/components/Icons/Car.d.ts.map +1 -1
  242. package/components/Icons/Car.js.map +1 -1
  243. package/components/Icons/Change.d.ts.map +1 -1
  244. package/components/Icons/Change.js.map +1 -1
  245. package/components/Icons/Check.d.ts.map +1 -1
  246. package/components/Icons/Check.js.map +1 -1
  247. package/components/Icons/CheckFill.d.ts.map +1 -1
  248. package/components/Icons/CheckFill.js.map +1 -1
  249. package/components/Icons/CheckOutline.d.ts.map +1 -1
  250. package/components/Icons/CheckOutline.js.map +1 -1
  251. package/components/Icons/Chest.d.ts.map +1 -1
  252. package/components/Icons/Chest.js.map +1 -1
  253. package/components/Icons/ChevronDown.d.ts.map +1 -1
  254. package/components/Icons/ChevronDown.js.map +1 -1
  255. package/components/Icons/ChevronLeft.d.ts.map +1 -1
  256. package/components/Icons/ChevronLeft.js.map +1 -1
  257. package/components/Icons/ChevronRight.d.ts.map +1 -1
  258. package/components/Icons/ChevronRight.js.map +1 -1
  259. package/components/Icons/ChevronUp.d.ts.map +1 -1
  260. package/components/Icons/ChevronUp.js.map +1 -1
  261. package/components/Icons/ChevronsDown.d.ts.map +1 -1
  262. package/components/Icons/ChevronsDown.js.map +1 -1
  263. package/components/Icons/ChevronsUp.d.ts.map +1 -1
  264. package/components/Icons/ChevronsUp.js.map +1 -1
  265. package/components/Icons/ChildPlaying.d.ts.map +1 -1
  266. package/components/Icons/ChildPlaying.js.map +1 -1
  267. package/components/Icons/Cigarette.d.ts.map +1 -1
  268. package/components/Icons/Cigarette.js.map +1 -1
  269. package/components/Icons/Coins.d.ts.map +1 -1
  270. package/components/Icons/Coins.js.map +1 -1
  271. package/components/Icons/Contacts.d.ts.map +1 -1
  272. package/components/Icons/Contacts.js.map +1 -1
  273. package/components/Icons/Copy.d.ts.map +1 -1
  274. package/components/Icons/Copy.js.map +1 -1
  275. package/components/Icons/CoronaCertificate.d.ts.map +1 -1
  276. package/components/Icons/CoronaCertificate.js.map +1 -1
  277. package/components/Icons/Coronavirus.d.ts.map +1 -1
  278. package/components/Icons/Coronavirus.js.map +1 -1
  279. package/components/Icons/Cough.d.ts.map +1 -1
  280. package/components/Icons/Cough.js.map +1 -1
  281. package/components/Icons/CriticalHealthInfo.d.ts.map +1 -1
  282. package/components/Icons/CriticalHealthInfo.js.map +1 -1
  283. package/components/Icons/Cross.d.ts.map +1 -1
  284. package/components/Icons/Cross.js.map +1 -1
  285. package/components/Icons/DataExchange.d.ts.map +1 -1
  286. package/components/Icons/DataExchange.js.map +1 -1
  287. package/components/Icons/DataReceived.d.ts.map +1 -1
  288. package/components/Icons/DataReceived.js.map +1 -1
  289. package/components/Icons/DataSent.d.ts.map +1 -1
  290. package/components/Icons/DataSent.js.map +1 -1
  291. package/components/Icons/Depression.d.ts.map +1 -1
  292. package/components/Icons/Depression.js.map +1 -1
  293. package/components/Icons/DigestiveSystem.d.ts.map +1 -1
  294. package/components/Icons/DigestiveSystem.js.map +1 -1
  295. package/components/Icons/Dizzy.d.ts.map +1 -1
  296. package/components/Icons/Dizzy.js.map +1 -1
  297. package/components/Icons/Documents.d.ts.map +1 -1
  298. package/components/Icons/Documents.js.map +1 -1
  299. package/components/Icons/Dog.d.ts.map +1 -1
  300. package/components/Icons/Dog.js.map +1 -1
  301. package/components/Icons/DonorCard.d.ts.map +1 -1
  302. package/components/Icons/DonorCard.js.map +1 -1
  303. package/components/Icons/Download.d.ts.map +1 -1
  304. package/components/Icons/Download.js.map +1 -1
  305. package/components/Icons/Draft.d.ts.map +1 -1
  306. package/components/Icons/Draft.js.map +1 -1
  307. package/components/Icons/EChat.d.ts.map +1 -1
  308. package/components/Icons/EChat.js.map +1 -1
  309. package/components/Icons/EarNoseThroat.d.ts.map +1 -1
  310. package/components/Icons/EarNoseThroat.js.map +1 -1
  311. package/components/Icons/ElderlyPerson.d.ts.map +1 -1
  312. package/components/Icons/ElderlyPerson.js.map +1 -1
  313. package/components/Icons/Embolization.d.ts.map +1 -1
  314. package/components/Icons/Embolization.js.map +1 -1
  315. package/components/Icons/EmoticonAnnoyed.d.ts.map +1 -1
  316. package/components/Icons/EmoticonAnnoyed.js.map +1 -1
  317. package/components/Icons/EmoticonDelighted.d.ts.map +1 -1
  318. package/components/Icons/EmoticonDelighted.js.map +1 -1
  319. package/components/Icons/EmoticonDisappointed.d.ts.map +1 -1
  320. package/components/Icons/EmoticonDisappointed.js.map +1 -1
  321. package/components/Icons/EmoticonHappy.d.ts.map +1 -1
  322. package/components/Icons/EmoticonHappy.js.map +1 -1
  323. package/components/Icons/EmoticonMeh.d.ts.map +1 -1
  324. package/components/Icons/EmoticonMeh.js.map +1 -1
  325. package/components/Icons/EnterFullScreen.d.ts.map +1 -1
  326. package/components/Icons/EnterFullScreen.js.map +1 -1
  327. package/components/Icons/Envelope.d.ts.map +1 -1
  328. package/components/Icons/Envelope.js.map +1 -1
  329. package/components/Icons/Epilepsy.d.ts.map +1 -1
  330. package/components/Icons/Epilepsy.js.map +1 -1
  331. package/components/Icons/Eraser.d.ts.map +1 -1
  332. package/components/Icons/Eraser.js.map +1 -1
  333. package/components/Icons/ErrorSignFill.d.ts.map +1 -1
  334. package/components/Icons/ErrorSignFill.js.map +1 -1
  335. package/components/Icons/ErrorSignStroke.d.ts.map +1 -1
  336. package/components/Icons/ErrorSignStroke.js.map +1 -1
  337. package/components/Icons/EuropeanHealthCard.d.ts.map +1 -1
  338. package/components/Icons/EuropeanHealthCard.js.map +1 -1
  339. package/components/Icons/ExitFullScreen.d.ts.map +1 -1
  340. package/components/Icons/ExitFullScreen.js.map +1 -1
  341. package/components/Icons/Eye.d.ts.map +1 -1
  342. package/components/Icons/Eye.js.map +1 -1
  343. package/components/Icons/Facebook.d.ts.map +1 -1
  344. package/components/Icons/Facebook.js.map +1 -1
  345. package/components/Icons/Female.d.ts.map +1 -1
  346. package/components/Icons/Female.js.map +1 -1
  347. package/components/Icons/FemaleDoctor.d.ts.map +1 -1
  348. package/components/Icons/FemaleDoctor.js.map +1 -1
  349. package/components/Icons/Ferry.d.ts.map +1 -1
  350. package/components/Icons/Ferry.js.map +1 -1
  351. package/components/Icons/File.d.ts +5 -0
  352. package/components/Icons/File.d.ts.map +1 -0
  353. package/components/Icons/File.js +2 -0
  354. package/components/Icons/File.js.map +1 -0
  355. package/components/Icons/Filter.d.ts.map +1 -1
  356. package/components/Icons/Filter.js.map +1 -1
  357. package/components/Icons/FingerBleed.d.ts.map +1 -1
  358. package/components/Icons/FingerBleed.js.map +1 -1
  359. package/components/Icons/FirstAidKit.d.ts.map +1 -1
  360. package/components/Icons/FirstAidKit.js.map +1 -1
  361. package/components/Icons/FloppyDisk.d.ts.map +1 -1
  362. package/components/Icons/FloppyDisk.js.map +1 -1
  363. package/components/Icons/Football.d.ts.map +1 -1
  364. package/components/Icons/Football.js.map +1 -1
  365. package/components/Icons/Form.d.ts.map +1 -1
  366. package/components/Icons/Form.js.map +1 -1
  367. package/components/Icons/Forward.d.ts.map +1 -1
  368. package/components/Icons/Forward.js.map +1 -1
  369. package/components/Icons/Gallery.d.ts.map +1 -1
  370. package/components/Icons/Gallery.js.map +1 -1
  371. package/components/Icons/Garden.d.ts.map +1 -1
  372. package/components/Icons/Garden.js.map +1 -1
  373. package/components/Icons/GasCan.d.ts.map +1 -1
  374. package/components/Icons/GasCan.js.map +1 -1
  375. package/components/Icons/GenderIdentity.d.ts.map +1 -1
  376. package/components/Icons/GenderIdentity.js.map +1 -1
  377. package/components/Icons/Globe.d.ts.map +1 -1
  378. package/components/Icons/Globe.js.map +1 -1
  379. package/components/Icons/Group.d.ts.map +1 -1
  380. package/components/Icons/Group.js.map +1 -1
  381. package/components/Icons/HandWaving.d.ts.map +1 -1
  382. package/components/Icons/HandWaving.js.map +1 -1
  383. package/components/Icons/HandWithDisease.d.ts.map +1 -1
  384. package/components/Icons/HandWithDisease.js.map +1 -1
  385. package/components/Icons/HealthClinic.d.ts.map +1 -1
  386. package/components/Icons/HealthClinic.js.map +1 -1
  387. package/components/Icons/HealthWarning.d.ts.map +1 -1
  388. package/components/Icons/HealthWarning.js.map +1 -1
  389. package/components/Icons/Heart.d.ts.map +1 -1
  390. package/components/Icons/Heart.js.map +1 -1
  391. package/components/Icons/HeartHands.d.ts.map +1 -1
  392. package/components/Icons/HeartHands.js.map +1 -1
  393. package/components/Icons/HelpSign.d.ts.map +1 -1
  394. package/components/Icons/HelpSign.js.map +1 -1
  395. package/components/Icons/HelpingHand.d.ts.map +1 -1
  396. package/components/Icons/HelpingHand.js.map +1 -1
  397. package/components/Icons/Hemodialysis.d.ts.map +1 -1
  398. package/components/Icons/Hemodialysis.js.map +1 -1
  399. package/components/Icons/Hiker.d.ts.map +1 -1
  400. package/components/Icons/Hiker.js.map +1 -1
  401. package/components/Icons/Hipprosthesis.d.ts.map +1 -1
  402. package/components/Icons/Hipprosthesis.js.map +1 -1
  403. package/components/Icons/History.d.ts.map +1 -1
  404. package/components/Icons/History.js.map +1 -1
  405. package/components/Icons/HivAndAids.d.ts.map +1 -1
  406. package/components/Icons/HivAndAids.js.map +1 -1
  407. package/components/Icons/Home.d.ts.map +1 -1
  408. package/components/Icons/Home.js.map +1 -1
  409. package/components/Icons/Hormone.d.ts.map +1 -1
  410. package/components/Icons/Hormone.js.map +1 -1
  411. package/components/Icons/Hospital.d.ts.map +1 -1
  412. package/components/Icons/Hospital.js.map +1 -1
  413. package/components/Icons/Hourglass.d.ts.map +1 -1
  414. package/components/Icons/Hourglass.js.map +1 -1
  415. package/components/Icons/Icon.d.ts +1 -1
  416. package/components/Icons/Icon.d.ts.map +1 -1
  417. package/components/Icons/Icon.js +1 -1
  418. package/components/Icons/Icon.js.map +1 -1
  419. package/components/Icons/ImgFile.d.ts.map +1 -1
  420. package/components/Icons/ImgFile.js.map +1 -1
  421. package/components/Icons/Inbox.d.ts.map +1 -1
  422. package/components/Icons/Inbox.js.map +1 -1
  423. package/components/Icons/InfoSignFill.d.ts.map +1 -1
  424. package/components/Icons/InfoSignFill.js.map +1 -1
  425. package/components/Icons/InfoSignStroke.d.ts.map +1 -1
  426. package/components/Icons/InfoSignStroke.js.map +1 -1
  427. package/components/Icons/Instagram.d.ts.map +1 -1
  428. package/components/Icons/Instagram.js.map +1 -1
  429. package/components/Icons/Intravenous.d.ts.map +1 -1
  430. package/components/Icons/Intravenous.js.map +1 -1
  431. package/components/Icons/JointPain.d.ts.map +1 -1
  432. package/components/Icons/JointPain.js.map +1 -1
  433. package/components/Icons/Journal.d.ts.map +1 -1
  434. package/components/Icons/Journal.js.map +1 -1
  435. package/components/Icons/JpgFile.d.ts.map +1 -1
  436. package/components/Icons/JpgFile.js.map +1 -1
  437. package/components/Icons/Kidney.d.ts.map +1 -1
  438. package/components/Icons/Kidney.js.map +1 -1
  439. package/components/Icons/KitchenScale.d.ts.map +1 -1
  440. package/components/Icons/KitchenScale.js.map +1 -1
  441. package/components/Icons/Kjernejournal.d.ts.map +1 -1
  442. package/components/Icons/Kjernejournal.js.map +1 -1
  443. package/components/Icons/Laboratory.d.ts.map +1 -1
  444. package/components/Icons/Laboratory.js.map +1 -1
  445. package/components/Icons/LaptopBlog.d.ts.map +1 -1
  446. package/components/Icons/LaptopBlog.js.map +1 -1
  447. package/components/Icons/LawBook.d.ts.map +1 -1
  448. package/components/Icons/LawBook.js.map +1 -1
  449. package/components/Icons/LightBulb.d.ts.map +1 -1
  450. package/components/Icons/LightBulb.js.map +1 -1
  451. package/components/Icons/List.d.ts.map +1 -1
  452. package/components/Icons/List.js.map +1 -1
  453. package/components/Icons/Location.d.ts.map +1 -1
  454. package/components/Icons/Location.js.map +1 -1
  455. package/components/Icons/Lock.d.ts.map +1 -1
  456. package/components/Icons/Lock.js.map +1 -1
  457. package/components/Icons/Login.d.ts.map +1 -1
  458. package/components/Icons/Login.js.map +1 -1
  459. package/components/Icons/Logout.d.ts.map +1 -1
  460. package/components/Icons/Logout.js.map +1 -1
  461. package/components/Icons/Lungs.d.ts.map +1 -1
  462. package/components/Icons/Lungs.js.map +1 -1
  463. package/components/Icons/Makeup.d.ts.map +1 -1
  464. package/components/Icons/Makeup.js.map +1 -1
  465. package/components/Icons/MaleDoctor.d.ts.map +1 -1
  466. package/components/Icons/MaleDoctor.js.map +1 -1
  467. package/components/Icons/MaleDoctorAndPerson.d.ts.map +1 -1
  468. package/components/Icons/MaleDoctorAndPerson.js.map +1 -1
  469. package/components/Icons/MaleGenitalia.d.ts.map +1 -1
  470. package/components/Icons/MaleGenitalia.js.map +1 -1
  471. package/components/Icons/Medicine.d.ts.map +1 -1
  472. package/components/Icons/Medicine.js.map +1 -1
  473. package/components/Icons/MedicineWarning.d.ts.map +1 -1
  474. package/components/Icons/MedicineWarning.js.map +1 -1
  475. package/components/Icons/MentalHealthAdult.d.ts.map +1 -1
  476. package/components/Icons/MentalHealthAdult.js.map +1 -1
  477. package/components/Icons/MentalHealthChild.d.ts.map +1 -1
  478. package/components/Icons/MentalHealthChild.js.map +1 -1
  479. package/components/Icons/Menu.d.ts.map +1 -1
  480. package/components/Icons/Menu.js.map +1 -1
  481. package/components/Icons/Microscope.d.ts.map +1 -1
  482. package/components/Icons/Microscope.js.map +1 -1
  483. package/components/Icons/Minus.d.ts.map +1 -1
  484. package/components/Icons/Minus.js.map +1 -1
  485. package/components/Icons/Mirror.d.ts.map +1 -1
  486. package/components/Icons/Mirror.js.map +1 -1
  487. package/components/Icons/MobilePhone.d.ts.map +1 -1
  488. package/components/Icons/MobilePhone.js.map +1 -1
  489. package/components/Icons/MotherHoldingBaby.d.ts.map +1 -1
  490. package/components/Icons/MotherHoldingBaby.js.map +1 -1
  491. package/components/Icons/MuscleBack.d.ts.map +1 -1
  492. package/components/Icons/MuscleBack.js.map +1 -1
  493. package/components/Icons/MuscleLeg.d.ts.map +1 -1
  494. package/components/Icons/MuscleLeg.js.map +1 -1
  495. package/components/Icons/Mushroom.d.ts.map +1 -1
  496. package/components/Icons/Mushroom.js.map +1 -1
  497. package/components/Icons/Music.d.ts.map +1 -1
  498. package/components/Icons/Music.js.map +1 -1
  499. package/components/Icons/MusselsAndSalt.d.ts.map +1 -1
  500. package/components/Icons/MusselsAndSalt.js.map +1 -1
  501. package/components/Icons/NoAccess.d.ts.map +1 -1
  502. package/components/Icons/NoAccess.js.map +1 -1
  503. package/components/Icons/NoEye.d.ts.map +1 -1
  504. package/components/Icons/NoEye.js.map +1 -1
  505. package/components/Icons/NoFilter.d.ts.map +1 -1
  506. package/components/Icons/NoFilter.js.map +1 -1
  507. package/components/Icons/Notepad.d.ts.map +1 -1
  508. package/components/Icons/Notepad.js.map +1 -1
  509. package/components/Icons/Osteotomy.d.ts.map +1 -1
  510. package/components/Icons/Osteotomy.js.map +1 -1
  511. package/components/Icons/PaintRoller.d.ts.map +1 -1
  512. package/components/Icons/PaintRoller.js.map +1 -1
  513. package/components/Icons/PaperPlane.d.ts.map +1 -1
  514. package/components/Icons/PaperPlane.js.map +1 -1
  515. package/components/Icons/PatientAndPerson.d.ts.map +1 -1
  516. package/components/Icons/PatientAndPerson.js.map +1 -1
  517. package/components/Icons/Pause.d.ts.map +1 -1
  518. package/components/Icons/Pause.js.map +1 -1
  519. package/components/Icons/PdfFile.d.ts.map +1 -1
  520. package/components/Icons/PdfFile.js.map +1 -1
  521. package/components/Icons/Pencil.d.ts.map +1 -1
  522. package/components/Icons/Pencil.js.map +1 -1
  523. package/components/Icons/PeopleTalking.d.ts.map +1 -1
  524. package/components/Icons/PeopleTalking.js.map +1 -1
  525. package/components/Icons/Peritonealdialysis.d.ts.map +1 -1
  526. package/components/Icons/Peritonealdialysis.js.map +1 -1
  527. package/components/Icons/Person.d.ts.map +1 -1
  528. package/components/Icons/Person.js.map +1 -1
  529. package/components/Icons/PersonAndPatient.d.ts.map +1 -1
  530. package/components/Icons/PersonAndPatient.js.map +1 -1
  531. package/components/Icons/PersonCancel.d.ts.map +1 -1
  532. package/components/Icons/PersonCancel.js.map +1 -1
  533. package/components/Icons/PersonInXRayMachine.d.ts.map +1 -1
  534. package/components/Icons/PersonInXRayMachine.js.map +1 -1
  535. package/components/Icons/PersonOverweight.d.ts.map +1 -1
  536. package/components/Icons/PersonOverweight.js.map +1 -1
  537. package/components/Icons/PersonRelaxing.d.ts.map +1 -1
  538. package/components/Icons/PersonRelaxing.js.map +1 -1
  539. package/components/Icons/PersonWithBrain.d.ts.map +1 -1
  540. package/components/Icons/PersonWithBrain.js.map +1 -1
  541. package/components/Icons/PersonWithBrokenArm.d.ts.map +1 -1
  542. package/components/Icons/PersonWithBrokenArm.js.map +1 -1
  543. package/components/Icons/PersonWithCrutches.d.ts.map +1 -1
  544. package/components/Icons/PersonWithCrutches.js.map +1 -1
  545. package/components/Icons/PersonWithJaw.d.ts.map +1 -1
  546. package/components/Icons/PersonWithJaw.js.map +1 -1
  547. package/components/Icons/PersonWithMagnifyingGlass.d.ts.map +1 -1
  548. package/components/Icons/PersonWithMagnifyingGlass.js.map +1 -1
  549. package/components/Icons/PersonWithSenses.d.ts.map +1 -1
  550. package/components/Icons/PersonWithSenses.js.map +1 -1
  551. package/components/Icons/PersonWorking.d.ts.map +1 -1
  552. package/components/Icons/PersonWorking.js.map +1 -1
  553. package/components/Icons/PersonalPlan.d.ts.map +1 -1
  554. package/components/Icons/PersonalPlan.js.map +1 -1
  555. package/components/Icons/PizzaSlice.d.ts.map +1 -1
  556. package/components/Icons/PizzaSlice.js.map +1 -1
  557. package/components/Icons/Plane.d.ts.map +1 -1
  558. package/components/Icons/Plane.js.map +1 -1
  559. package/components/Icons/Plant.d.ts.map +1 -1
  560. package/components/Icons/Plant.js.map +1 -1
  561. package/components/Icons/Play.d.ts.map +1 -1
  562. package/components/Icons/Play.js.map +1 -1
  563. package/components/Icons/PlusLarge.d.ts.map +1 -1
  564. package/components/Icons/PlusLarge.js.map +1 -1
  565. package/components/Icons/PlusSmall.d.ts.map +1 -1
  566. package/components/Icons/PlusSmall.js.map +1 -1
  567. package/components/Icons/PngFile.d.ts.map +1 -1
  568. package/components/Icons/PngFile.js.map +1 -1
  569. package/components/Icons/Podcast.d.ts.map +1 -1
  570. package/components/Icons/Podcast.js.map +1 -1
  571. package/components/Icons/PoisonInformation.d.ts.map +1 -1
  572. package/components/Icons/PoisonInformation.js.map +1 -1
  573. package/components/Icons/Pregnant.d.ts.map +1 -1
  574. package/components/Icons/Pregnant.js.map +1 -1
  575. package/components/Icons/Printer.d.ts.map +1 -1
  576. package/components/Icons/Printer.js.map +1 -1
  577. package/components/Icons/Psychosis.d.ts.map +1 -1
  578. package/components/Icons/Psychosis.js.map +1 -1
  579. package/components/Icons/Publication.d.ts.map +1 -1
  580. package/components/Icons/Publication.js.map +1 -1
  581. package/components/Icons/Puzzle.d.ts.map +1 -1
  582. package/components/Icons/Puzzle.js.map +1 -1
  583. package/components/Icons/QrCode.d.ts.map +1 -1
  584. package/components/Icons/QrCode.js.map +1 -1
  585. package/components/Icons/Quarrel.d.ts.map +1 -1
  586. package/components/Icons/Quarrel.js.map +1 -1
  587. package/components/Icons/RadioTherapy.d.ts.map +1 -1
  588. package/components/Icons/RadioTherapy.js.map +1 -1
  589. package/components/Icons/RadioactiveTreatment.d.ts.map +1 -1
  590. package/components/Icons/RadioactiveTreatment.js.map +1 -1
  591. package/components/Icons/Radioiodine.d.ts.map +1 -1
  592. package/components/Icons/Radioiodine.js.map +1 -1
  593. package/components/Icons/Receipt.d.ts.map +1 -1
  594. package/components/Icons/Receipt.js.map +1 -1
  595. package/components/Icons/Receptionist.d.ts.map +1 -1
  596. package/components/Icons/Receptionist.js.map +1 -1
  597. package/components/Icons/Recovery.d.ts.map +1 -1
  598. package/components/Icons/Recovery.js.map +1 -1
  599. package/components/Icons/Referral.d.ts.map +1 -1
  600. package/components/Icons/Referral.js.map +1 -1
  601. package/components/Icons/Refresh.d.ts.map +1 -1
  602. package/components/Icons/Refresh.js.map +1 -1
  603. package/components/Icons/Refund.d.ts.map +1 -1
  604. package/components/Icons/Refund.js.map +1 -1
  605. package/components/Icons/Reply.d.ts.map +1 -1
  606. package/components/Icons/Reply.js.map +1 -1
  607. package/components/Icons/Rocket.d.ts.map +1 -1
  608. package/components/Icons/Rocket.js.map +1 -1
  609. package/components/Icons/RtfFile.d.ts.map +1 -1
  610. package/components/Icons/RtfFile.js.map +1 -1
  611. package/components/Icons/STDs.d.ts.map +1 -1
  612. package/components/Icons/STDs.js.map +1 -1
  613. package/components/Icons/Save.d.ts.map +1 -1
  614. package/components/Icons/Save.js.map +1 -1
  615. package/components/Icons/Scale.d.ts.map +1 -1
  616. package/components/Icons/Scale.js.map +1 -1
  617. package/components/Icons/Search.d.ts.map +1 -1
  618. package/components/Icons/Search.js.map +1 -1
  619. package/components/Icons/SectionSign.d.ts.map +1 -1
  620. package/components/Icons/SectionSign.js.map +1 -1
  621. package/components/Icons/Settings.d.ts.map +1 -1
  622. package/components/Icons/Settings.js.map +1 -1
  623. package/components/Icons/Sexualorientation.d.ts.map +1 -1
  624. package/components/Icons/Sexualorientation.js.map +1 -1
  625. package/components/Icons/ShakingHand.d.ts.map +1 -1
  626. package/components/Icons/ShakingHand.js.map +1 -1
  627. package/components/Icons/Share.d.ts.map +1 -1
  628. package/components/Icons/Share.js.map +1 -1
  629. package/components/Icons/Shield.d.ts.map +1 -1
  630. package/components/Icons/Shield.js.map +1 -1
  631. package/components/Icons/ShuntOperation.d.ts.map +1 -1
  632. package/components/Icons/ShuntOperation.js.map +1 -1
  633. package/components/Icons/Skeleton.d.ts.map +1 -1
  634. package/components/Icons/Skeleton.js.map +1 -1
  635. package/components/Icons/Skin.d.ts.map +1 -1
  636. package/components/Icons/Skin.js.map +1 -1
  637. package/components/Icons/Snake.d.ts.map +1 -1
  638. package/components/Icons/Snake.js.map +1 -1
  639. package/components/Icons/Snapchat.d.ts.map +1 -1
  640. package/components/Icons/Snapchat.js.map +1 -1
  641. package/components/Icons/SortDown.d.ts.map +1 -1
  642. package/components/Icons/SortDown.js.map +1 -1
  643. package/components/Icons/SortUp.d.ts.map +1 -1
  644. package/components/Icons/SortUp.js.map +1 -1
  645. package/components/Icons/SpeechBubble.d.ts.map +1 -1
  646. package/components/Icons/SpeechBubble.js.map +1 -1
  647. package/components/Icons/Spray.d.ts.map +1 -1
  648. package/components/Icons/Spray.js.map +1 -1
  649. package/components/Icons/Stopwatch.d.ts.map +1 -1
  650. package/components/Icons/Stopwatch.js.map +1 -1
  651. package/components/Icons/SupportingPerson.js +1 -1
  652. package/components/Icons/SupportingPerson.js.map +1 -1
  653. package/components/Icons/Surgery.d.ts.map +1 -1
  654. package/components/Icons/Surgery.js.map +1 -1
  655. package/components/Icons/Syringe.d.ts.map +1 -1
  656. package/components/Icons/Syringe.js.map +1 -1
  657. package/components/Icons/Taxi.d.ts.map +1 -1
  658. package/components/Icons/Taxi.js.map +1 -1
  659. package/components/Icons/TeddyBear.d.ts.map +1 -1
  660. package/components/Icons/TeddyBear.js.map +1 -1
  661. package/components/Icons/Teenagers.d.ts.map +1 -1
  662. package/components/Icons/Teenagers.js.map +1 -1
  663. package/components/Icons/ThinkingAboutBaby.d.ts.map +1 -1
  664. package/components/Icons/ThinkingAboutBaby.js.map +1 -1
  665. package/components/Icons/Ticket.d.ts.map +1 -1
  666. package/components/Icons/Ticket.js.map +1 -1
  667. package/components/Icons/TimePassing.d.ts.map +1 -1
  668. package/components/Icons/TimePassing.js.map +1 -1
  669. package/components/Icons/Toolbox.d.ts.map +1 -1
  670. package/components/Icons/Toolbox.js.map +1 -1
  671. package/components/Icons/Tooth.d.ts.map +1 -1
  672. package/components/Icons/Tooth.js.map +1 -1
  673. package/components/Icons/TotalKneeProsthesis.d.ts.map +1 -1
  674. package/components/Icons/TotalKneeProsthesis.js.map +1 -1
  675. package/components/Icons/Train.d.ts.map +1 -1
  676. package/components/Icons/Train.js.map +1 -1
  677. package/components/Icons/Transplantation.d.ts.map +1 -1
  678. package/components/Icons/Transplantation.js.map +1 -1
  679. package/components/Icons/TrashCan.d.ts.map +1 -1
  680. package/components/Icons/TrashCan.js.map +1 -1
  681. package/components/Icons/TravelRoute.d.ts.map +1 -1
  682. package/components/Icons/TravelRoute.js.map +1 -1
  683. package/components/Icons/TriangleX.d.ts.map +1 -1
  684. package/components/Icons/TriangleX.js.map +1 -1
  685. package/components/Icons/Twitter.d.ts.map +1 -1
  686. package/components/Icons/Twitter.js.map +1 -1
  687. package/components/Icons/Undo.d.ts.map +1 -1
  688. package/components/Icons/Undo.js.map +1 -1
  689. package/components/Icons/UniProsthesis.d.ts.map +1 -1
  690. package/components/Icons/UniProsthesis.js.map +1 -1
  691. package/components/Icons/Upload.d.ts.map +1 -1
  692. package/components/Icons/Upload.js.map +1 -1
  693. package/components/Icons/UserOrganization.d.ts.map +1 -1
  694. package/components/Icons/UserOrganization.js.map +1 -1
  695. package/components/Icons/Vaccine.d.ts.map +1 -1
  696. package/components/Icons/Vaccine.js.map +1 -1
  697. package/components/Icons/VerticalDots.d.ts.map +1 -1
  698. package/components/Icons/VerticalDots.js.map +1 -1
  699. package/components/Icons/VideoCamera.d.ts.map +1 -1
  700. package/components/Icons/VideoCamera.js.map +1 -1
  701. package/components/Icons/VideoChat.d.ts.map +1 -1
  702. package/components/Icons/VideoChat.js.map +1 -1
  703. package/components/Icons/Wallet.d.ts.map +1 -1
  704. package/components/Icons/Wallet.js.map +1 -1
  705. package/components/Icons/Watch.d.ts.map +1 -1
  706. package/components/Icons/Watch.js.map +1 -1
  707. package/components/Icons/Website.d.ts.map +1 -1
  708. package/components/Icons/Website.js.map +1 -1
  709. package/components/Icons/Wheelchair.d.ts.map +1 -1
  710. package/components/Icons/Wheelchair.js.map +1 -1
  711. package/components/Icons/WheelchairActive.d.ts.map +1 -1
  712. package/components/Icons/WheelchairActive.js.map +1 -1
  713. package/components/Icons/Window.d.ts.map +1 -1
  714. package/components/Icons/Window.js.map +1 -1
  715. package/components/Icons/WordDocument.d.ts.map +1 -1
  716. package/components/Icons/WordDocument.js.map +1 -1
  717. package/components/Icons/WorkSuitcase.d.ts.map +1 -1
  718. package/components/Icons/WorkSuitcase.js.map +1 -1
  719. package/components/Icons/X.d.ts.map +1 -1
  720. package/components/Icons/X.js.map +1 -1
  721. package/components/Icons/XOutline.d.ts.map +1 -1
  722. package/components/Icons/XOutline.js.map +1 -1
  723. package/components/Icons/XmlFile.d.ts.map +1 -1
  724. package/components/Icons/XmlFile.js.map +1 -1
  725. package/components/Icons/YouTube.d.ts.map +1 -1
  726. package/components/Icons/YouTube.js.map +1 -1
  727. package/components/Icons/Zoom.d.ts.map +1 -1
  728. package/components/Icons/Zoom.js.map +1 -1
  729. package/components/Icons/index.js +1 -1
  730. package/components/Input/Input.d.ts.map +1 -1
  731. package/components/Input/componentdata.json +1 -1
  732. package/components/Input/index.js +1 -1
  733. package/components/LinkList/LinkList.d.ts +8 -8
  734. package/components/LinkList/LinkList.d.ts.map +1 -1
  735. package/components/LinkList/index.js +1 -1
  736. package/components/LinkList/index.js.map +1 -1
  737. package/components/List/List.d.ts +17 -3
  738. package/components/List/List.d.ts.map +1 -1
  739. package/components/List/componentdata.json +1 -1
  740. package/components/List/index.js +1 -1
  741. package/components/List/index.js.map +1 -1
  742. package/components/List/styles.module.scss +51 -5
  743. package/components/List/styles.module.scss.d.ts +5 -0
  744. package/components/ListHeader/ListHeader.d.ts +3 -3
  745. package/components/ListHeader/ListHeader.d.ts.map +1 -1
  746. package/components/ListHeader/ListHeaderText/ListHeaderText.d.ts +1 -1
  747. package/components/ListHeader/ListHeaderText/ListHeaderText.d.ts.map +1 -1
  748. package/components/ListHeader/ListHeaderText/index.js +1 -1
  749. package/components/ListHeader/index.js +1 -1
  750. package/components/Loader/Loader.d.ts +2 -2
  751. package/components/Loader/Loader.d.ts.map +1 -1
  752. package/components/Loader/index.js +1 -1
  753. package/components/Loader/index.js.map +1 -1
  754. package/components/Logo/Logo.d.ts +1 -1
  755. package/components/Logo/Logo.d.ts.map +1 -1
  756. package/components/Logo/index.js +1 -1
  757. package/components/Logo/index.js.map +1 -1
  758. package/components/MaxCharacters/MaxCharacters.d.ts.map +1 -1
  759. package/components/Modal/Modal.d.ts.map +1 -1
  760. package/components/Modal/index.js +1 -1
  761. package/components/NotificationPanel/DetailButton/DetailButton.d.ts +10 -0
  762. package/components/NotificationPanel/DetailButton/DetailButton.d.ts.map +1 -0
  763. package/components/NotificationPanel/DetailButton/componentdata.json +1 -0
  764. package/components/NotificationPanel/DetailButton/styles.module.scss +34 -0
  765. package/components/NotificationPanel/DetailButton/styles.module.scss.d.ts +13 -0
  766. package/components/NotificationPanel/NotificationPanel.d.ts +16 -7
  767. package/components/NotificationPanel/NotificationPanel.d.ts.map +1 -1
  768. package/components/NotificationPanel/componentdata.json +1 -1
  769. package/components/NotificationPanel/index.js +1 -1
  770. package/components/NotificationPanel/index.js.map +1 -1
  771. package/components/NotificationPanel/styles.module.scss +92 -91
  772. package/components/NotificationPanel/styles.module.scss.d.ts +10 -10
  773. package/components/Panel/Panel.d.ts +2 -2
  774. package/components/Panel/Panel.d.ts.map +1 -1
  775. package/components/Panel/index.js +1 -1
  776. package/components/Panel/styles.module.scss +2 -0
  777. package/components/PanelList/PanelList.d.ts.map +1 -1
  778. package/components/PanelList/index.js +1 -1
  779. package/components/PanelList/index.js.map +1 -1
  780. package/components/PopMenu/PopMenu.d.ts +30 -0
  781. package/components/PopMenu/PopMenu.d.ts.map +1 -0
  782. package/components/PopMenu/componentdata.json +1 -0
  783. package/components/PopMenu/story.module.scss +5 -0
  784. package/components/PopMenu/story.module.scss.d.ts +9 -0
  785. package/components/PopMenu/styles.module.scss +117 -0
  786. package/components/PopMenu/styles.module.scss.d.ts +14 -0
  787. package/components/PopOver/PopOver.d.ts +32 -0
  788. package/components/PopOver/PopOver.d.ts.map +1 -0
  789. package/components/PopOver/componentdata.json +1 -0
  790. package/components/PopOver/index.d.ts +4 -0
  791. package/components/PopOver/index.d.ts.map +1 -0
  792. package/components/PopOver/index.js +2 -0
  793. package/components/PopOver/index.js.map +1 -0
  794. package/components/PopOver/styles.module.scss +63 -0
  795. package/components/PopOver/styles.module.scss.d.ts +16 -0
  796. package/components/{HelpBubble → PopOver}/utils.d.ts +4 -4
  797. package/components/PopOver/utils.d.ts.map +1 -0
  798. package/components/Portal/index.d.ts.map +1 -1
  799. package/components/Portal/index.js +1 -1
  800. package/components/Portal/index.js.map +1 -1
  801. package/components/RadioButton/RadioButton.d.ts.map +1 -1
  802. package/components/RadioButton/componentdata.json +1 -1
  803. package/components/RadioButton/index.js +1 -1
  804. package/components/Select/Select.d.ts +1 -1
  805. package/components/Select/Select.d.ts.map +1 -1
  806. package/components/Select/componentdata.json +1 -1
  807. package/components/Select/index.js +1 -1
  808. package/components/Slider/Slider.d.ts.map +1 -1
  809. package/components/Slider/index.js +1 -1
  810. package/components/Slider/index.js.map +1 -1
  811. package/components/Slider/styles.module.scss +1 -0
  812. package/components/Spacer/Spacer.d.ts.map +1 -1
  813. package/components/Spacer/index.js +1 -1
  814. package/components/StatusDot/index.js +1 -1
  815. package/components/Stepper/Dot.d.ts.map +1 -0
  816. package/components/Stepper/DotList.d.ts.map +1 -0
  817. package/components/{Progressbar/Progressbar.d.ts → Stepper/Stepper.d.ts} +6 -6
  818. package/components/Stepper/Stepper.d.ts.map +1 -0
  819. package/components/Stepper/componentdata.json +1 -0
  820. package/components/Stepper/index.d.ts +4 -0
  821. package/components/Stepper/index.d.ts.map +1 -0
  822. package/components/Stepper/index.js +2 -0
  823. package/components/Stepper/index.js.map +1 -0
  824. package/components/{Progressbar → Stepper}/styles.module.scss +20 -14
  825. package/components/Stepper/styles.module.scss.d.ts +16 -0
  826. package/components/{Progressbar → Stepper}/utils.d.ts +7 -7
  827. package/components/Stepper/utils.d.ts.map +1 -0
  828. package/components/Table/Table.d.ts +7 -6
  829. package/components/Table/Table.d.ts.map +1 -1
  830. package/components/Table/TableBody/index.js +1 -1
  831. package/components/Table/TableCell/TableCell.d.ts.map +1 -1
  832. package/components/Table/TableCell/index.js +1 -1
  833. package/components/Table/TableExpandedRow/TableExpandedRow.d.ts.map +1 -1
  834. package/components/Table/TableExpandedRow/index.js +1 -1
  835. package/components/Table/TableExpanderCell/TableExpanderCell.d.ts.map +1 -1
  836. package/components/Table/TableExpanderCell/TableExpanderCellMobile.d.ts +2 -2
  837. package/components/Table/TableExpanderCell/TableExpanderCellMobile.d.ts.map +1 -1
  838. package/components/Table/TableExpanderCell/index.js +1 -1
  839. package/components/Table/TableHead/TableHead.d.ts.map +1 -1
  840. package/components/Table/TableHead/index.js +1 -1
  841. package/components/Table/TableHeadCell/TableHeadCell.d.ts.map +1 -1
  842. package/components/Table/TableHeadCell/index.js +1 -1
  843. package/components/Table/TableRow/TableRow.d.ts.map +1 -1
  844. package/components/Table/TableRow/componentdata.json +1 -1
  845. package/components/Table/TableRow/index.js +1 -1
  846. package/components/Table/index.js +1 -1
  847. package/components/Table/index.js.map +1 -1
  848. package/components/Table/utils.d.ts +3 -7
  849. package/components/Table/utils.d.ts.map +1 -1
  850. package/components/Tag/Tag.d.ts +2 -2
  851. package/components/Tag/Tag.d.ts.map +1 -1
  852. package/components/Tag/componentdata.json +1 -1
  853. package/components/Tag/index.js +1 -1
  854. package/components/Tag/index.js.map +1 -1
  855. package/components/Tag/styles.module.scss +1 -0
  856. package/components/TagList/index.js +1 -1
  857. package/components/TagList/index.js.map +1 -1
  858. package/components/Textarea/Textarea.d.ts.map +1 -1
  859. package/components/Textarea/componentdata.json +1 -1
  860. package/components/Textarea/index.js +1 -1
  861. package/components/Tile/Tile.d.ts +2 -2
  862. package/components/Tile/Tile.d.ts.map +1 -1
  863. package/components/Tile/index.js +1 -1
  864. package/components/Tile/index.js.map +1 -1
  865. package/components/Title/Title.d.ts +2 -2
  866. package/components/Title/Title.d.ts.map +1 -1
  867. package/components/Title/index.js +1 -1
  868. package/components/Tooltip/Tooltip.d.ts +1 -1
  869. package/components/Tooltip/Tooltip.d.ts.map +1 -1
  870. package/components/Tooltip/TooltipWord/index.js +1 -1
  871. package/components/Tooltip/componentdata.json +1 -1
  872. package/components/Tooltip/index.js +1 -1
  873. package/components/TooltipExample/TooltipExample.d.ts.map +1 -1
  874. package/components/TooltipExample/componentdata.json +1 -1
  875. package/components/TooltipExample/index.js +1 -1
  876. package/components/TooltipExample/index.js.map +1 -1
  877. package/components/Validation/Validation.d.ts.map +1 -1
  878. package/components/Validation/index.js +1 -1
  879. package/constants.d.ts +7 -3
  880. package/constants.d.ts.map +1 -1
  881. package/constants.js +1 -1
  882. package/constants.js.map +1 -1
  883. package/hoc/withBreakpoint/index.js +1 -1
  884. package/hoc/withBreakpoint/withBreakpoint.js.map +1 -1
  885. package/hooks/useBreakpoint.d.ts.map +1 -1
  886. package/hooks/useBreakpoint.js +1 -1
  887. package/hooks/useBreakpoint.js.map +1 -1
  888. package/hooks/useExpand.d.ts +3 -0
  889. package/hooks/useExpand.d.ts.map +1 -0
  890. package/hooks/useExpand.js +2 -0
  891. package/hooks/useExpand.js.map +1 -0
  892. package/hooks/useFocusToggle.d.ts.map +1 -1
  893. package/hooks/useFocusToggle.js.map +1 -1
  894. package/hooks/useFocusTrap.d.ts.map +1 -1
  895. package/hooks/useFocusTrap.js +1 -1
  896. package/hooks/useFocusTrap.js.map +1 -1
  897. package/hooks/useIcons.js.map +1 -1
  898. package/hooks/useIsVisible.d.ts.map +1 -1
  899. package/hooks/useIsVisible.js.map +1 -1
  900. package/hooks/useKeyboardEvent.d.ts +1 -1
  901. package/hooks/useKeyboardEvent.d.ts.map +1 -1
  902. package/hooks/useOutsideEvent.d.ts +1 -1
  903. package/hooks/useOutsideEvent.d.ts.map +1 -1
  904. package/hooks/useResizeObserver.js.map +1 -1
  905. package/hooks/useSize.d.ts.map +1 -1
  906. package/hooks/useSize.js.map +1 -1
  907. package/hooks/useSticky.d.ts.map +1 -1
  908. package/hooks/useSticky.js +1 -1
  909. package/hooks/useSticky.js.map +1 -1
  910. package/hooks/useToggle.d.ts.map +1 -1
  911. package/hooks/useToggle.js.map +1 -1
  912. package/hooks/useUuid.d.ts.map +1 -1
  913. package/hooks/useUuid.js.map +1 -1
  914. package/index.js +1 -1
  915. package/package.json +1 -1
  916. package/scss/_palette.scss +4 -4
  917. package/theme/currys/color.d.ts.map +1 -1
  918. package/theme/currys/color.js +1 -1
  919. package/theme/currys/color.js.map +1 -1
  920. package/theme/currys/index.js +1 -1
  921. package/theme/currys/spacing.js.map +1 -1
  922. package/theme/index.js +1 -1
  923. package/theme/index.js.map +1 -1
  924. package/theme/palette.d.ts +3 -3
  925. package/theme/palette.d.ts.map +1 -1
  926. package/theme/palette.js +1 -1
  927. package/theme/palette.js.map +1 -1
  928. package/theme/spacers.d.ts +1 -1
  929. package/theme/spacers.d.ts.map +1 -1
  930. package/utils/accessibility.d.ts +1 -1
  931. package/utils/accessibility.d.ts.map +1 -1
  932. package/utils/component.d.ts +1 -1
  933. package/utils/component.d.ts.map +1 -1
  934. package/utils/component.js.map +1 -1
  935. package/utils/environment.js.map +1 -1
  936. package/utils/focus.js +1 -1
  937. package/utils/focus.js.map +1 -1
  938. package/utils/viewport.js +1 -1
  939. package/utils/viewport.js.map +1 -1
  940. package/uuid.js +1 -1
  941. package/components/HelpBubble/utils.d.ts.map +0 -1
  942. package/components/Progressbar/Dot.d.ts.map +0 -1
  943. package/components/Progressbar/DotList.d.ts.map +0 -1
  944. package/components/Progressbar/Progressbar.d.ts.map +0 -1
  945. package/components/Progressbar/componentdata.json +0 -1
  946. package/components/Progressbar/index.d.ts +0 -4
  947. package/components/Progressbar/index.d.ts.map +0 -1
  948. package/components/Progressbar/index.js +0 -2
  949. package/components/Progressbar/index.js.map +0 -1
  950. package/components/Progressbar/styles.module.scss.d.ts +0 -16
  951. package/components/Progressbar/utils.d.ts.map +0 -1
  952. /package/components/{Progressbar → Stepper}/Dot.d.ts +0 -0
  953. /package/components/{Progressbar → Stepper}/DotList.d.ts +0 -0
@@ -1 +1 @@
1
- {"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"HMTL Input type","name":"type","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\" | \"date\" | \"time\"","value":[{"value":"\"number\""},{"value":"\"text\""},{"value":"\"email\""},{"value":"\"password\""},{"value":"\"search\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"date\""},{"value":"\"time\""}]}},"inputId":{"defaultValue":null,"description":"input id","name":"inputId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"labelId":{"defaultValue":null,"description":"label id","name":"labelId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"width":{"defaultValue":null,"description":"Width of input field in characters (approximate)","name":"width","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"transparent":{"defaultValue":null,"description":"If true, the component will be transparent.","name":"transparent","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon to be displayed next to the input field","name":"icon","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"SvgIcon"}},"iconRight":{"defaultValue":null,"description":"Places the icon to the right","name":"iconRight","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"mode":{"defaultValue":null,"description":"Changes the color profile of the input","name":"mode","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the input","name":"variant","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"label":{"defaultValue":null,"description":"Label of the input","name":"label","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Activates Error style for the input","name":"error","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"afterLabelChildren":{"defaultValue":null,"description":"Component shown after label","name":"afterLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"afterInputChildren":{"defaultValue":null,"description":"Component shown after input","name":"afterInputChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"belowLabelChildren":{"defaultValue":null,"description":"Component shown under label","name":"belowLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"maxCharacters":{"defaultValue":null,"description":"max character limit in input","name":"maxCharacters","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"maxText":{"defaultValue":null,"description":"The text is displayed in the end of the text-counter","name":"maxText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"autoComplete":{"defaultValue":null,"description":"","name":"autoComplete","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"placeholder":{"defaultValue":null,"description":"","name":"placeholder","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"","name":"value","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"min":{"defaultValue":null,"description":"","name":"min","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"max":{"defaultValue":null,"description":"","name":"max","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"aria-labelledby":{"defaultValue":null,"description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.","name":"aria-labelledby","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"}],"required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"","name":"onChange","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"ChangeEventHandler<HTMLInputElement>"}},"onKeyDown":{"defaultValue":null,"description":"","name":"onKeyDown","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"DOMAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"DOMAttributes"}],"required":false,"type":{"name":"KeyboardEventHandler<HTMLInputElement>"}},"autoFocus":{"defaultValue":null,"description":"","name":"autoFocus","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}}}}
1
+ {"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"type":{"defaultValue":null,"description":"HMTL Input type","name":"type","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\" | \"date\" | \"time\"","value":[{"value":"\"number\""},{"value":"\"text\""},{"value":"\"email\""},{"value":"\"password\""},{"value":"\"search\""},{"value":"\"tel\""},{"value":"\"url\""},{"value":"\"date\""},{"value":"\"time\""}]}},"inputId":{"defaultValue":null,"description":"input id","name":"inputId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"labelId":{"defaultValue":null,"description":"label id","name":"labelId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"width":{"defaultValue":null,"description":"Width of input field in characters (approximate)","name":"width","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"transparent":{"defaultValue":null,"description":"If true, the component will be transparent.","name":"transparent","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"icon":{"defaultValue":null,"description":"Icon to be displayed next to the input field","name":"icon","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"SvgIcon"}},"iconRight":{"defaultValue":null,"description":"Places the icon to the right","name":"iconRight","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"mode":{"defaultValue":null,"description":"Changes the color profile of the input","name":"mode","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the input","name":"variant","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"label":{"defaultValue":null,"description":"Label of the input","name":"label","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"error":{"defaultValue":null,"description":"Activates Error style for the input","name":"error","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"afterLabelChildren":{"defaultValue":null,"description":"Component shown after label","name":"afterLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"afterInputChildren":{"defaultValue":null,"description":"Component shown after input","name":"afterInputChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"belowLabelChildren":{"defaultValue":null,"description":"Component shown under label","name":"belowLabelChildren","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"ReactNode"}},"maxCharacters":{"defaultValue":null,"description":"max character limit in input","name":"maxCharacters","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"number"}},"maxText":{"defaultValue":null,"description":"The text is displayed in the end of the text-counter","name":"maxText","parent":{"fileName":"src/components/Input/Input.tsx","name":"InputProps"},"declarations":[{"fileName":"src/components/Input/Input.tsx","name":"InputProps"}],"required":false,"type":{"name":"string"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"readOnly":{"defaultValue":null,"description":"","name":"readOnly","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"autoComplete":{"defaultValue":null,"description":"","name":"autoComplete","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"placeholder":{"defaultValue":null,"description":"","name":"placeholder","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"defaultValue":{"defaultValue":null,"description":"","name":"defaultValue","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"value":{"defaultValue":null,"description":"","name":"value","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"min":{"defaultValue":null,"description":"","name":"min","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"max":{"defaultValue":null,"description":"","name":"max","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number"}},"aria-labelledby":{"defaultValue":null,"description":"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.","name":"aria-labelledby","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"AriaAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"AriaAttributes"}],"required":false,"type":{"name":"string"}},"onChange":{"defaultValue":null,"description":"","name":"onChange","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"ChangeEventHandler<HTMLInputElement>"}},"onKeyDown":{"defaultValue":null,"description":"","name":"onKeyDown","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"DOMAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"DOMAttributes"}],"required":false,"type":{"name":"KeyboardEventHandler<HTMLInputElement>"}},"autoFocus":{"defaultValue":null,"description":"","name":"autoFocus","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}}}}
@@ -1,2 +1,2 @@
1
- import"../../Input.js";import{a as j,I as k}from"../../Input.js";import"react";import"classnames";import"../../constants.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"./styles.module.scss";export{j as InputTypes,k as default};
1
+ import{I as t}from"../../Input.js";import{a as j}from"../../Input.js";import"react";import"classnames";import"../../constants.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../uuid.js";import"../../utils/environment.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"./styles.module.scss";export{j as InputTypes,t as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,18 +1,18 @@
1
1
  import React from 'react';
2
2
  import { PaletteNames } from '../../theme/palette';
3
3
  import { ListHeaderType } from '../ListHeader/ListHeader';
4
- export declare type LinkListSize = 'small' | 'medium' | 'large';
5
- export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
6
- export declare type LinkListColors = PaletteNames;
7
- export declare type LinkListVariant = 'line' | 'outline' | 'fill';
4
+ export type LinkListSize = 'small' | 'medium' | 'large';
5
+ export type LinkAnchorTargets = '_self' | '_blank' | '_parent';
6
+ export type LinkListColors = PaletteNames;
7
+ export type LinkListVariant = 'line' | 'outline' | 'fill';
8
8
  export interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {
9
9
  ListHeader?: ListHeaderType;
10
10
  }
11
- export declare type LinkTags = 'button' | 'a';
11
+ export type LinkTags = 'button' | 'a';
12
12
  export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
13
13
  Link: LinkType;
14
14
  }
15
- interface LinkListProps {
15
+ export interface LinkListProps {
16
16
  /** Items in the LinkList */
17
17
  children: React.ReactNode;
18
18
  /** Adds custom classes to the element. */
@@ -32,8 +32,8 @@ interface LinkListProps {
32
32
  /** Sets visual priority */
33
33
  variant?: LinkListVariant;
34
34
  }
35
- declare type Modify<T, R> = Omit<T, keyof R> & R;
36
- export declare type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, {
35
+ type Modify<T, R> = Omit<T, keyof R> & R;
36
+ export type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, {
37
37
  children: React.ReactNode;
38
38
  chevron?: boolean;
39
39
  className?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAG5E,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/G,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,oBAAY,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;AACtC,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,oBAAY,SAAS,GAAG,MAAM,CAC5B,KAAK,CAAC,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAC3D;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACjE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,GACC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAyDpD,eAAO,MAAM,QAAQ,mBAWE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAoB,MAAM,0BAA0B,CAAC;AAI5E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/G,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,GAAG,CAAC;AACtC,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,MAAM,CAC5B,KAAK,CAAC,cAAc,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAC3D;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;IACjE,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,GACC,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAwDpD,eAAO,MAAM,QAAQ,mBAWE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}
@@ -1,2 +1,2 @@
1
- import i from"react";import f from"classnames";import{useHover as C}from"../../hooks/useHover.js";import t from"./styles.module.scss";import{AnalyticsId as b}from"../../constants.js";import{r as y}from"../../ListHeader.js";import R from"../Icons/ChevronRight.js";import"../../Avatar.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../theme/palette.js";import"../../Badge.js";import"../Badge/styles.module.scss";import"../../ListHeaderText.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../ListHeader/styles.module.scss";import"../../utils/component.js";const k=i.forwardRef((u,s)=>{const{children:o,className:l="",color:a="neutral",icon:n,size:r="medium",chevron:_=!1,linkRef:m,testId:p,target:e,variant:c,htmlMarkup:d="a",...L}=u,{hoverRef:h,isHovered:v}=C(m),E=f(t["link-list__list-item"],{[t["link-list__list-item--line"]]:c==="line",[t["link-list__list-item--outline"]]:c==="outline"}),N=f(t["link-list__anchor"],t["link-list__anchor--"+a],{[t["link-list__anchor--fill"]]:c==="fill",[t["link-list__anchor--"+r]]:r,[t["link-list__anchor--button"]]:d==="button"},l);return i.createElement("li",{className:E,ref:s,"data-testid":p,"data-analyticsid":b.Link},d==="a"&&i.createElement("a",{className:N,ref:h,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,...L},y(o,"span",R,v,r,n)),d==="button"&&i.createElement("button",{className:N,ref:h,type:"button",...L},y(o,"span",R,v,r,n)))}),w=i.forwardRef(function(s,o){const{children:l,className:a="",chevron:n=!1,size:r="medium",color:_,testId:m,variant:p="line"}=s;return i.createElement("ul",{ref:o,className:f(t["link-list"],a),"data-testid":m,"data-analyticsid":b.LinkList},i.Children.map(l,e=>{if(e.type===k)return i.cloneElement(e,{color:_,size:r,chevron:n,variant:p})}))});w.Link=k;k.displayName="LinkList.Link";export{w as LinkList,w as default};
1
+ import i from"react";import k from"classnames";import{AnalyticsId as b}from"../../constants.js";import{useHover as w}from"../../hooks/useHover.js";import y from"../Icons/ChevronRight.js";import{r as R}from"../../ListHeader.js";import t from"./styles.module.scss";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../ListHeaderText.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../ListHeader/styles.module.scss";import"../../utils/component.js";import"../../Avatar.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../Badge.js";import"../Badge/styles.module.scss";const u=i.forwardRef((L,l)=>{const{children:o,className:a="",color:m="neutral",icon:n,size:r="medium",chevron:s=!1,linkRef:p,testId:c,target:e,variant:d,htmlMarkup:f="a",..._}=L,{hoverRef:h,isHovered:v}=w(p),C=k(t["link-list__list-item"],{[t["link-list__list-item--line"]]:d==="line",[t["link-list__list-item--outline"]]:d==="outline"}),N=k(t["link-list__anchor"],t["link-list__anchor--"+m],{[t["link-list__anchor--fill"]]:d==="fill",[t["link-list__anchor--"+r]]:r,[t["link-list__anchor--button"]]:f==="button"},a);return i.createElement("li",{className:C,ref:l,"data-testid":c,"data-analyticsid":b.Link},f==="a"&&i.createElement("a",{className:N,ref:h,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,..._},R(o,"span",v,r,s?y:void 0,n)),f==="button"&&i.createElement("button",{className:N,ref:h,type:"button",..._},R(o,"span",v,r,s?y:void 0,n)))}),E=i.forwardRef(function(l,o){const{children:a,className:m="",chevron:n=!1,size:r="medium",color:s,testId:p,variant:c="line"}=l;return i.createElement("ul",{ref:o,className:k(t["link-list"],m),"data-testid":p,"data-analyticsid":b.LinkList},i.Children.map(a,e=>{if(e.type===u)return i.cloneElement(e,{color:s,size:r,chevron:n,variant:c})}))});E.Link=u;u.displayName="LinkList.Link";const ot=E;export{E as LinkList,ot as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { PaletteNames } from '../../theme/palette';\nimport { useHover } from '../../hooks/useHover';\n\nimport LinkListStyles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\nimport { ListHeaderType, renderListHeader } from '../ListHeader/ListHeader';\nimport ChevronRight from '../Icons/ChevronRight';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = PaletteNames;\nexport type LinkListVariant = 'line' | 'outline' | 'fill';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n ListHeader?: ListHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n Link: LinkType;\n}\n\ninterface LinkListProps {\n /** Items in the LinkList */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the link list background color on hover. */\n color?: LinkListColors;\n /** Toggles chevron icon on or off. */\n chevron?: boolean;\n /** @deprecated Skal fases ut - Brukes ikke lenger. */\n bottomBorder?: boolean;\n /** @deprecated Skal fases ut - Brukes ikke lenger. */\n topBorder?: boolean;\n /** Changes size of the LinkList. */\n size?: LinkListSize;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Sets visual priority */\n variant?: LinkListVariant;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n {\n children: React.ReactNode;\n chevron?: boolean;\n className?: string;\n icon?: React.ReactElement;\n href?: string;\n target?: LinkAnchorTargets;\n /** HTML markup for link. Default: a */\n htmlMarkup?: LinkTags;\n /**\n * Ref for lenke/knapp\n */\n linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n /** Sets the data-testid attribute. */\n testId?: string;\n }\n> &\n Pick<LinkListProps, 'color' | 'size' | 'variant'>;\n\nconst Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n const {\n children,\n className = '',\n color = 'neutral',\n icon,\n size = 'medium',\n chevron = false,\n linkRef,\n testId,\n target,\n variant,\n htmlMarkup = 'a',\n ...restProps\n } = props;\n const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n const liClasses = cn(LinkListStyles['link-list__list-item'], {\n [LinkListStyles['link-list__list-item--line']]: variant === 'line',\n [LinkListStyles['link-list__list-item--outline']]: variant === 'outline',\n });\n const linkClasses = cn(\n LinkListStyles['link-list__anchor'],\n LinkListStyles['link-list__anchor--' + color],\n\n {\n [LinkListStyles['link-list__anchor--fill']]: variant === 'fill',\n [LinkListStyles['link-list__anchor--' + size]]: size,\n [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n },\n className\n );\n\n return (\n <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n {htmlMarkup === 'a' && (\n <a\n className={linkClasses}\n ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n target={target}\n {...restProps}\n >\n {renderListHeader(children, 'span', ChevronRight, isHovered, size, icon)}\n </a>\n )}\n {htmlMarkup === 'button' && (\n <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n {renderListHeader(children, 'span', ChevronRight, isHovered, size, icon)}\n </button>\n )}\n </li>\n );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n const { children, className = '', chevron = false, size = 'medium', color, testId, variant = 'line' } = props;\n return (\n <ul ref={ref} className={cn(LinkListStyles['link-list'], className)} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n {React.Children.map(children, (child: React.ReactNode | React.ReactElement<LinkProps>) => {\n if ((child as React.ReactElement<LinkProps>).type === Link) {\n return React.cloneElement(child as React.ReactElement<LinkProps>, { color, size, chevron, variant });\n }\n })}\n </ul>\n );\n}) as CompoundComponent;\n\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["Link","React","props","ref","children","className","color","icon","size","chevron","linkRef","testId","target","variant","htmlMarkup","restProps","hoverRef","isHovered","useHover","liClasses","cn","LinkListStyles","linkClasses","AnalyticsId","renderListHeader","ChevronRight","LinkList","child"],"mappings":"s+BAuEA,MAAMA,EAAiBC,EAAM,WAAW,CAACC,EAAkBC,IAAkC,CACrF,KAAA,CACJ,SAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,UACR,KAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,OACVC,CACD,EAAAb,EACE,CAAE,SAAAc,EAAU,UAAAC,CAAU,EAAIC,EAAgDR,CAAO,EAEjFS,EAAYC,EAAGC,EAAe,wBAAyB,CAC3D,CAACA,EAAe,+BAAgCR,IAAY,OAC5D,CAACQ,EAAe,kCAAmCR,IAAY,SAAA,CAChE,EACKS,EAAcF,EAClBC,EAAe,qBACfA,EAAe,sBAAwBf,GAEvC,CACE,CAACe,EAAe,4BAA6BR,IAAY,OACzD,CAACQ,EAAe,sBAAwBb,IAAQA,EAChD,CAACa,EAAe,8BAA+BP,IAAe,QAChE,EACAT,CAAA,EAGF,OACGJ,EAAA,cAAA,KAAA,CAAG,UAAWkB,EAAW,IAAAhB,EAAU,cAAaQ,EAAQ,mBAAkBY,EAAY,IACpF,EAAAT,IAAe,KACbb,EAAA,cAAA,IAAA,CACC,UAAWqB,EACX,IAAKN,EACL,IAAKJ,IAAW,SAAW,sBAAwB,OACnD,OAAAA,EACC,GAAGG,CAEH,EAAAS,EAAiBpB,EAAU,OAAQqB,EAAcR,EAAWT,EAAMD,CAAI,CACzE,EAEDO,IAAe,UACbb,EAAA,cAAA,SAAA,CAAO,UAAWqB,EAAa,IAAKN,EAAgD,KAAK,SAAU,GAAGD,CAAA,EACpGS,EAAiBpB,EAAU,OAAQqB,EAAcR,EAAWT,EAAMD,CAAI,CACzE,CAEJ,CAEJ,CAAC,EAEYmB,EAAWzB,EAAM,WAAW,SAA8BC,EAAsBC,EAAkC,CAC7H,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAY,GAAI,QAAAI,EAAU,GAAO,KAAAD,EAAO,SAAU,MAAAF,EAAO,OAAAK,EAAQ,QAAAE,EAAU,MAAA,EAAWX,EACxG,OACGD,EAAA,cAAA,KAAA,CAAG,IAAAE,EAAU,UAAWiB,EAAGC,EAAe,aAAchB,CAAS,EAAG,cAAaM,EAAQ,mBAAkBY,EAAY,QAAA,EACrHtB,EAAM,SAAS,IAAIG,EAAWuB,GAA2D,CACnF,GAAAA,EAAwC,OAAS3B,EAC7C,OAAAC,EAAM,aAAa0B,EAAwC,CAAE,MAAArB,EAAO,KAAAE,EAAM,QAAAC,EAAS,QAAAI,EAAS,CAEtG,CAAA,CACH,CAEJ,CAAC,EAEDa,EAAS,KAAO1B,EAChBA,EAAK,YAAc"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { PaletteNames } from '../../theme/palette';\nimport ChevronRight from '../Icons/ChevronRight';\nimport { ListHeaderType, renderListHeader } from '../ListHeader/ListHeader';\n\nimport LinkListStyles from './styles.module.scss';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = PaletteNames;\nexport type LinkListVariant = 'line' | 'outline' | 'fill';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n ListHeader?: ListHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n Link: LinkType;\n}\n\nexport interface LinkListProps {\n /** Items in the LinkList */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the link list background color on hover. */\n color?: LinkListColors;\n /** Toggles chevron icon on or off. */\n chevron?: boolean;\n /** @deprecated Skal fases ut - Brukes ikke lenger. */\n bottomBorder?: boolean;\n /** @deprecated Skal fases ut - Brukes ikke lenger. */\n topBorder?: boolean;\n /** Changes size of the LinkList. */\n size?: LinkListSize;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Sets visual priority */\n variant?: LinkListVariant;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n {\n children: React.ReactNode;\n chevron?: boolean;\n className?: string;\n icon?: React.ReactElement;\n href?: string;\n target?: LinkAnchorTargets;\n /** HTML markup for link. Default: a */\n htmlMarkup?: LinkTags;\n /**\n * Ref for lenke/knapp\n */\n linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n /** Sets the data-testid attribute. */\n testId?: string;\n }\n> &\n Pick<LinkListProps, 'color' | 'size' | 'variant'>;\n\nconst Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n const {\n children,\n className = '',\n color = 'neutral',\n icon,\n size = 'medium',\n chevron = false,\n linkRef,\n testId,\n target,\n variant,\n htmlMarkup = 'a',\n ...restProps\n } = props;\n const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n const liClasses = cn(LinkListStyles['link-list__list-item'], {\n [LinkListStyles['link-list__list-item--line']]: variant === 'line',\n [LinkListStyles['link-list__list-item--outline']]: variant === 'outline',\n });\n const linkClasses = cn(\n LinkListStyles['link-list__anchor'],\n LinkListStyles['link-list__anchor--' + color],\n\n {\n [LinkListStyles['link-list__anchor--fill']]: variant === 'fill',\n [LinkListStyles['link-list__anchor--' + size]]: size,\n [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n },\n className\n );\n return (\n <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n {htmlMarkup === 'a' && (\n <a\n className={linkClasses}\n ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n target={target}\n {...restProps}\n >\n {renderListHeader(children, 'span', isHovered, size, chevron ? ChevronRight : undefined, icon)}\n </a>\n )}\n {htmlMarkup === 'button' && (\n <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n {renderListHeader(children, 'span', isHovered, size, chevron ? ChevronRight : undefined, icon)}\n </button>\n )}\n </li>\n );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n const { children, className = '', chevron = false, size = 'medium', color, testId, variant = 'line' } = props;\n return (\n <ul ref={ref} className={cn(LinkListStyles['link-list'], className)} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n {React.Children.map(children, (child: React.ReactNode | React.ReactElement<LinkProps>) => {\n if ((child as React.ReactElement<LinkProps>).type === Link) {\n return React.cloneElement(child as React.ReactElement<LinkProps>, { color, size, chevron, variant });\n }\n })}\n </ul>\n );\n}) as CompoundComponent;\n\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["Link","React","props","ref","children","className","color","icon","size","chevron","linkRef","testId","target","variant","htmlMarkup","restProps","hoverRef","isHovered","useHover","liClasses","cn","LinkListStyles","linkClasses","AnalyticsId","renderListHeader","ChevronRight","LinkList","child","LinkList$1"],"mappings":"s+BAwEA,MAAMA,EAAiBC,EAAM,WAAW,CAACC,EAAkBC,IAAkC,CACrF,KAAA,CACJ,SAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,UACR,KAAAC,EACA,KAAAC,EAAO,SACP,QAAAC,EAAU,GACV,QAAAC,EACA,OAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,IACb,GAAGC,CACD,EAAAb,EACE,CAAE,SAAAc,EAAU,UAAAC,CAAU,EAAIC,EAAgDR,CAAO,EAEjFS,EAAYC,EAAGC,EAAe,sBAAsB,EAAG,CAC3D,CAACA,EAAe,4BAA4B,CAAC,EAAGR,IAAY,OAC5D,CAACQ,EAAe,+BAA+B,CAAC,EAAGR,IAAY,SAAA,CAChE,EACKS,EAAcF,EAClBC,EAAe,mBAAmB,EAClCA,EAAe,sBAAwBf,CAAK,EAE5C,CACE,CAACe,EAAe,yBAAyB,CAAC,EAAGR,IAAY,OACzD,CAACQ,EAAe,sBAAwBb,CAAI,CAAC,EAAGA,EAChD,CAACa,EAAe,2BAA2B,CAAC,EAAGP,IAAe,QAChE,EACAT,CAAA,EAGA,OAAAJ,EAAA,cAAC,KAAG,CAAA,UAAWkB,EAAW,IAAAhB,EAAU,cAAaQ,EAAQ,mBAAkBY,EAAY,IACpF,EAAAT,IAAe,KACdb,EAAA,cAAC,IAAA,CACC,UAAWqB,EACX,IAAKN,EACL,IAAKJ,IAAW,SAAW,sBAAwB,OACnD,OAAAA,EACC,GAAGG,CAAA,EAEHS,EAAiBpB,EAAU,OAAQa,EAAWT,EAAMC,EAAUgB,EAAe,OAAWlB,CAAI,CAC/F,EAEDO,IAAe,UACdb,EAAA,cAAC,UAAO,UAAWqB,EAAa,IAAKN,EAAgD,KAAK,SAAU,GAAGD,CACpG,EAAAS,EAAiBpB,EAAU,OAAQa,EAAWT,EAAMC,EAAUgB,EAAe,OAAWlB,CAAI,CAC/F,CAEJ,CAEJ,CAAC,EAEYmB,EAAWzB,EAAM,WAAW,SAA8BC,EAAsBC,EAAkC,CAC7H,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAY,GAAI,QAAAI,EAAU,GAAO,KAAAD,EAAO,SAAU,MAAAF,EAAO,OAAAK,EAAQ,QAAAE,EAAU,MAAA,EAAWX,EAEtG,OAAAD,EAAA,cAAC,MAAG,IAAAE,EAAU,UAAWiB,EAAGC,EAAe,WAAW,EAAGhB,CAAS,EAAG,cAAaM,EAAQ,mBAAkBY,EAAY,QACrH,EAAAtB,EAAM,SAAS,IAAIG,EAAWuB,GAA2D,CACnF,GAAAA,EAAwC,OAAS3B,EAC7C,OAAAC,EAAM,aAAa0B,EAAwC,CAAE,MAAArB,EAAO,KAAAE,EAAM,QAAAC,EAAS,QAAAI,EAAS,CAEtG,CAAA,CACH,CAEJ,CAAC,EAEDa,EAAS,KAAO1B,EAChBA,EAAK,YAAc,gBAEnB,MAAA4B,GAAeF"}
@@ -1,10 +1,24 @@
1
1
  import React from 'react';
2
- interface ListProps {
3
- children: React.ReactNode[];
2
+ export type ListVariant = 'bullet' | 'dashed' | 'numbered' | 'alphabetical';
3
+ export interface ItemProps {
4
+ children: React.ReactNode;
5
+ }
6
+ type ItemType = React.FC<ItemProps>;
7
+ export interface ListProps {
8
+ /** List contents */
9
+ children: React.ReactNode;
10
+ /** Changes the visual representation of the list. */
11
+ variant?: ListVariant;
12
+ /** Adds margin above/below list */
13
+ margin?: boolean;
14
+ /** Adds className to list element */
4
15
  className?: string;
5
16
  /** Sets the data-testid attribute. */
6
17
  testId?: string;
7
18
  }
8
- declare function List(props: ListProps): JSX.Element;
19
+ export interface ListCompound extends React.FC<ListProps> {
20
+ Item: ItemType;
21
+ }
22
+ declare const List: ListCompound;
9
23
  export default List;
10
24
  //# sourceMappingURL=List.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,eAa7B;AAED,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,KAAK,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAIpC,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,QAAA,MAAM,IAAI,EAAE,YAUX,CAAC;AAIF,eAAe,IAAI,CAAC"}
@@ -1 +1 @@
1
- {"props":{"className":{"defaultValue":null,"description":"","name":"className","parent":{"fileName":"src/components/List/List.tsx","name":"ListProps"},"declarations":[{"fileName":"src/components/List/List.tsx","name":"ListProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/List/List.tsx","name":"ListProps"},"declarations":[{"fileName":"src/components/List/List.tsx","name":"ListProps"}],"required":false,"type":{"name":"string"}}}}
1
+ {"props":{}}
@@ -1,2 +1,2 @@
1
- import t from"react";import c from"classnames";import e from"./styles.module.scss";import{AnalyticsId as o}from"../../constants.js";function u(a){const{children:s,className:i,testId:l}=a;return t.createElement("ul",{className:c(e.list,i),"data-testid":l,"data-analyticsid":o.List},s.map((m,r)=>t.createElement("li",{className:e.list__item,key:r},m)))}export{u as default};
1
+ import l from"react";import n from"classnames";import{AnalyticsId as d}from"../../constants.js";import t from"./styles.module.scss";const u=({children:s})=>l.createElement("li",{className:t.list__item},s),a=({children:s,className:i,testId:m,variant:e="bullet",margin:o})=>{const c=["numbered","alphabetical"].includes(e)?"ol":"ul",r=n(t.list,t[`list--${e}`],o&&t["list--margin"],i);return l.createElement(c,{className:r,"data-testid":m,"data-analyticsid":d.List},s)};a.Item=u;const I=a;export{I as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport listStyles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\n\ninterface ListProps {\n children: React.ReactNode[];\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nfunction List(props: ListProps) {\n const { children, className, testId } = props;\n return (\n <ul className={classNames(listStyles.list, className)} data-testid={testId} data-analyticsid={AnalyticsId.List}>\n {children.map((child: React.ReactNode, index: number) => {\n return (\n <li className={listStyles.list__item} key={index}>\n {child}\n </li>\n );\n })}\n </ul>\n );\n}\n\nexport default List;\n"],"names":["List","props","children","className","testId","React","classNames","listStyles","AnalyticsId","child","index"],"mappings":"oIAcA,SAASA,EAAKC,EAAkB,CAC9B,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,OAAAC,CAAA,EAAWH,EACxC,OACGI,EAAA,cAAA,KAAA,CAAG,UAAWC,EAAWC,EAAW,KAAMJ,CAAS,EAAG,cAAaC,EAAQ,mBAAkBI,EAAY,IAAA,EACvGN,EAAS,IAAI,CAACO,EAAwBC,IAElCL,EAAA,cAAA,KAAA,CAAG,UAAWE,EAAW,WAAY,IAAKG,CAAA,EACxCD,CACH,CAEH,CACH,CAEJ"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\nexport type ListVariant = 'bullet' | 'dashed' | 'numbered' | 'alphabetical';\n\nexport interface ItemProps {\n children: React.ReactNode;\n}\n\ntype ItemType = React.FC<ItemProps>;\n\nconst Item: ItemType = ({ children }: ItemProps) => <li className={styles.list__item}>{children}</li>;\n\nexport interface ListProps {\n /** List contents */\n children: React.ReactNode;\n /** Changes the visual representation of the list. */\n variant?: ListVariant;\n /** Adds margin above/below list */\n margin?: boolean;\n /** Adds className to list element */\n className?: string;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nexport interface ListCompound extends React.FC<ListProps> {\n Item: ItemType;\n}\n\nconst List: ListCompound = ({ children, className, testId, variant = 'bullet', margin }: ListProps) => {\n const CustomTag = ['numbered', 'alphabetical'].includes(variant) ? 'ol' : 'ul';\n\n const listClasses = classNames(styles.list, styles[`list--${variant}`], margin && styles['list--margin'], className);\n\n return (\n <CustomTag className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.List}>\n {children}\n </CustomTag>\n );\n};\n\nList.Item = Item;\n\nexport default List;\n"],"names":["Item","children","styles","List","className","testId","variant","margin","CustomTag","listClasses","classNames","React","AnalyticsId","List$1"],"mappings":"oIAgBA,MAAMA,EAAiB,CAAC,CAAE,SAAAC,CAAS,oBAAkB,KAAG,CAAA,UAAWC,EAAO,UAAA,EAAaD,CAAS,EAmB1FE,EAAqB,CAAC,CAAE,SAAAF,EAAU,UAAAG,EAAW,OAAAC,EAAQ,QAAAC,EAAU,SAAU,OAAAC,KAAwB,CAC/F,MAAAC,EAAY,CAAC,WAAY,cAAc,EAAE,SAASF,CAAO,EAAI,KAAO,KAEpEG,EAAcC,EAAWR,EAAO,KAAMA,EAAO,SAASI,GAAS,EAAGC,GAAUL,EAAO,cAAc,EAAGE,CAAS,EAGjH,OAAAO,EAAA,cAACH,GAAU,UAAWC,EAAa,cAAaJ,EAAQ,mBAAkBO,EAAY,IAAA,EACnFX,CACH,CAEJ,EAEAE,EAAK,KAAOH,EAEZ,MAAAa,EAAeV"}
@@ -1,11 +1,57 @@
1
- @import '../../scss/_palette.scss';
1
+ @import '../../scss/spacers';
2
2
 
3
3
  .list {
4
- width: 100%;
5
- list-style: none;
6
- padding: 0 1rem 0 0.5rem;
4
+ $list: &;
5
+
6
+ margin-top: 0;
7
+ margin-bottom: 0;
8
+
9
+ &--margin {
10
+ margin-top: getSpacer(s);
11
+ margin-bottom: getSpacer(s);
12
+ }
13
+
14
+ &--bullet {
15
+ list-style-type: disc;
16
+
17
+ > #{$list}__item {
18
+ > #{$list}--bullet {
19
+ list-style-type: circle;
20
+
21
+ > #{$list}__item {
22
+ > #{$list}--bullet {
23
+ list-style-type: '⬥ ';
24
+
25
+ > #{$list}__item {
26
+ &::marker {
27
+ font-size: 1rem;
28
+ }
29
+ }
30
+ }
31
+ }
32
+ }
33
+ }
34
+ }
35
+
36
+ &--dashed {
37
+ list-style-type: '– ';
38
+ }
39
+
40
+ &--numbered {
41
+ list-style-type: decimal;
42
+ }
43
+
44
+ &--alphabetical {
45
+ list-style-type: lower-alpha;
46
+ }
7
47
 
8
48
  &__item {
9
- border-bottom: 1px solid $neutral600;
49
+ > #{$list} {
50
+ margin-top: getSpacer(2xs);
51
+ }
52
+ }
53
+
54
+ &__item:not(:last-child) {
55
+ margin-bottom: getSpacer(2xs);
10
56
  }
11
57
  }
@@ -1,6 +1,11 @@
1
1
  export type Styles = {
2
2
  list: string;
3
3
  list__item: string;
4
+ 'list--alphabetical': string;
5
+ 'list--bullet': string;
6
+ 'list--dashed': string;
7
+ 'list--margin': string;
8
+ 'list--numbered': string;
4
9
  };
5
10
 
6
11
  export type ClassNames = keyof Styles;
@@ -1,16 +1,16 @@
1
1
  import React from 'react';
2
+ import { ListHeaderTextProps, ListHeaderTextType } from './ListHeaderText/ListHeaderText';
2
3
  import { AvatarProps, AvatarType } from '../Avatar';
3
4
  import { BadgeProps, BadgeType } from '../Badge';
4
- import { ListHeaderTextProps, ListHeaderTextType } from './ListHeaderText/ListHeaderText';
5
5
  import { SvgIcon } from '../Icons';
6
6
  import { TitleTags } from '../Title';
7
- export declare type ListHeaderSize = 'small' | 'medium' | 'large';
7
+ export type ListHeaderSize = 'small' | 'medium' | 'large';
8
8
  export interface ListHeaderType extends React.ForwardRefExoticComponent<ListHeaderProps & React.RefAttributes<HTMLLIElement>> {
9
9
  Avatar?: AvatarType;
10
10
  Badge?: BadgeType;
11
11
  ListHeaderText?: ListHeaderTextType;
12
12
  }
13
- export declare const renderListHeader: (element: React.ReactNode, titleHtmlMarkup: TitleTags, chevronIcon: SvgIcon, isHovered: boolean, size: ListHeaderSize, icon?: React.ReactElement) => JSX.Element | undefined;
13
+ export declare const renderListHeader: (element: React.ReactNode, titleHtmlMarkup: TitleTags, isHovered: boolean, size: ListHeaderSize, chevronIcon?: SvgIcon, icon?: React.ReactElement) => JSX.Element | undefined;
14
14
  export interface ListHeaderProps {
15
15
  /** Adds custom classes to the ListHeader element. */
16
16
  className?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ListHeader/ListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,WAAW,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AACxE,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAuB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAI1G,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3H,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,YAClB,MAAM,SAAS,mBACP,SAAS,eACb,OAAO,aACT,OAAO,QACZ,cAAc,SACb,MAAM,YAAY,KACxB,WAAW,GAAG,SAgBhB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,aACZ,MAAM,SAAS;;4BAID,MAAM,MAAM,YAAY,CAAC,mBAAmB,CAAC,CAAC;;oBAEtD,MAAM,MAAM,CAAC;uBACV,MAAM,GAAG,CAAC;CAgC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAyEvB,CAAC;AAEH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ListHeader/ListHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAuB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAG1G,OAAe,EAAE,WAAW,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AACxE,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxD,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3H,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,YAClB,MAAM,SAAS,mBACP,SAAS,aACf,OAAO,QACZ,cAAc,gBACN,OAAO,SACd,MAAM,YAAY,KACxB,WAAW,GAAG,SAgBhB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,aACZ,MAAM,SAAS;;4BAID,MAAM,MAAM,YAAY,CAAC,mBAAmB,CAAC,CAAC;;oBAEtD,MAAM,MAAM,CAAC;uBACV,MAAM,GAAG,CAAC;CAgC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAyEvB,CAAC;AAEH,eAAe,UAAU,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { StatusDotVariant } from '../../StatusDot';
3
3
  import { TitleTags } from '../../Title';
4
- export declare type ListHeaderTextType = React.ForwardRefExoticComponent<ListHeaderTextProps & React.RefAttributes<HTMLLIElement>>;
4
+ export type ListHeaderTextType = React.ForwardRefExoticComponent<ListHeaderTextProps & React.RefAttributes<HTMLLIElement>>;
5
5
  export interface ListHeaderTextProps {
6
6
  /** The first text in the ListHeaderText Component */
7
7
  firstText: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ListHeaderText.d.ts","sourceRoot":"","sources":["../../../../src/components/ListHeader/ListHeaderText/ListHeaderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAG9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,oBAAY,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3H,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,kBAqC3B,CAAC;AAEH,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ListHeaderText.d.ts","sourceRoot":"","sources":["../../../../src/components/ListHeader/ListHeaderText/ListHeaderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,yBAAyB,CAAC,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3H,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,kBAqC3B,CAAC;AAEH,eAAe,cAAc,CAAC"}
@@ -1,2 +1,2 @@
1
- import"../../../ListHeaderText.js";import{L as q,L as v}from"../../../ListHeaderText.js";import"react";import"classnames";import"../../../StatusDot.js";import"../../../theme/grid.js";import"../../../hooks/useBreakpoint.js";import"../../../constants.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/Attachment.js";import"../../Icons/Icon.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/Group.js";import"../../Icons/NoAccess.js";import"../../Icons/Undo.js";import"../../StatusDot/styles.module.scss";import"../styles.module.scss";export{q as ListHeaderText,v as default};
1
+ import{L as r}from"../../../ListHeaderText.js";import{a as q}from"../../../ListHeaderText.js";import"react";import"classnames";import"../../../StatusDot.js";import"../../../theme/grid.js";import"../../../hooks/useBreakpoint.js";import"../../../constants.js";import"../../../theme/currys/color.js";import"../../../theme/index.js";import"../../../theme/palette.js";import"../../../theme/spacers.js";import"../../Icons/Attachment.js";import"../../Icons/Icon.js";import"../../../hooks/useUuid.js";import"../../../uuid.js";import"../../../utils/environment.js";import"../../Icons/Group.js";import"../../Icons/NoAccess.js";import"../../Icons/Undo.js";import"../../StatusDot/styles.module.scss";import"../styles.module.scss";export{q as ListHeaderText,r as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import"../../ListHeader.js";import{L as A,L as B,m as D,r as E}from"../../ListHeader.js";import{L as G}from"../../ListHeaderText.js";import"react";import"classnames";import"../../Avatar.js";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../theme/palette.js";import"../../Badge.js";import"../Badge/styles.module.scss";import"./styles.module.scss";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../utils/component.js";import"../../StatusDot.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";export{A as ListHeader,G as ListHeaderText,B as default,D as mapChildren,E as renderListHeader};
1
+ import{L as t}from"../../ListHeader.js";import{m as A,r as B}from"../../ListHeader.js";import{a as E}from"../../ListHeaderText.js";import"react";import"classnames";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../utils/component.js";import"../../Avatar.js";import"../../constants.js";import"../../theme/palette.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"../Avatar/styles.module.scss";import"../../Badge.js";import"../Badge/styles.module.scss";import"./styles.module.scss";import"../../StatusDot.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";export{t as ListHeader,E as ListHeaderText,t as default,A as mapChildren,B as renderListHeader};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PaletteNames } from '../../theme/palette';
3
- export declare type LoaderColors = PaletteNames;
4
- export declare type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
3
+ export type LoaderColors = PaletteNames;
4
+ export type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';
5
5
  export declare enum Overlay {
6
6
  screen = "screen",
7
7
  parent = "parent"
@@ -1 +1 @@
1
- {"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA8FV,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,oBAAY,OAAO;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA8FV,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -1,2 +1,2 @@
1
- import a,{useState as C,useRef as S,useEffect as D}from"react";import c from"classnames";import{a as z}from"../../uuid.js";import e from"./styles.module.scss";import{AnalyticsId as A}from"../../constants.js";import"../../utils/environment.js";var B=(o=>(o.screen="screen",o.parent="parent",o))(B||{});const J=a.forwardRef(function(N,F){const{overlay:l,color:r=l?"black":"neutral",size:d="small",className:L="",labelId:m=z(),testId:h,center:g,inline:n,ariaLabelledById:p,ariaLabel:k="Laster inn"}=N,R=()=>!(l==="parent"||n),[i,u]=C(R()),_=d==="small",f=d==="medium",y=d==="large",I=c(e["loader-wrapper"],{[e["loader-wrapper--center"]]:g,[e["loader-wrapper--overlay"]]:l,[e["loader-wrapper--overlay-screen"]]:l==="screen",[e["loader-wrapper--overlay-parent"]]:l==="parent"&&i,[e["loader-wrapper--inline"]]:n&&i}),x=c(e.loader,{[e["loader--small"]]:_,[e["loader--medium"]]:f,[e["loader--large"]]:y},L),s=c(e.loader__dot,{[e["loader__dot--small"]]:_,[e["loader__dot--medium"]]:f,[e["loader__dot--large"]]:y,[e["loader__dot--banana"]]:r==="banana",[e["loader__dot--cherry"]]:r==="cherry",[e["loader__dot--kiwi"]]:r==="kiwi",[e["loader__dot--neutral"]]:r==="neutral",[e["loader__dot--plum"]]:r==="plum",[e["loader__dot--black"]]:r==="black",[e["loader__dot--white"]]:r==="white"}),t=S(null);return D(()=>{var w,E,b,v;l==="parent"&&((E=(w=t.current)==null?void 0:w.parentElement)==null?void 0:E.style)&&(t.current.parentElement.style.position="relative",u(!0)),n&&((v=(b=t.current)==null?void 0:b.parentElement)==null?void 0:v.style)&&(t.current.parentElement.style.display="flex",u(!0))},[]),a.createElement("div",{className:I,ref:t},i&&a.createElement("div",{"data-testid":h,"data-analyticsid":A.Loader,role:"progressbar","aria-labelledby":p||m,className:x},a.createElement("div",{className:s}),a.createElement("div",{className:s}),a.createElement("div",{className:s}),a.createElement("div",{className:s}),!p&&a.createElement("span",{id:m,className:e["loader__hidden-text"]},k)))});export{B as Overlay,J as default};
1
+ import a,{useState as C,useRef as S,useEffect as D}from"react";import c from"classnames";import{AnalyticsId as z}from"../../constants.js";import{a as A}from"../../uuid.js";import e from"./styles.module.scss";import"../../utils/environment.js";var B=(o=>(o.screen="screen",o.parent="parent",o))(B||{});const F=a.forwardRef(function(L,M){const{overlay:t,color:r=t?"black":"neutral",size:d="small",className:N="",labelId:m=A(),testId:h,center:g,inline:n,ariaLabelledById:p,ariaLabel:k="Laster inn"}=L,R=()=>!(t==="parent"||n),[i,u]=C(R()),_=d==="small",f=d==="medium",y=d==="large",I=c(e["loader-wrapper"],{[e["loader-wrapper--center"]]:g,[e["loader-wrapper--overlay"]]:t,[e["loader-wrapper--overlay-screen"]]:t==="screen",[e["loader-wrapper--overlay-parent"]]:t==="parent"&&i,[e["loader-wrapper--inline"]]:n&&i}),x=c(e.loader,{[e["loader--small"]]:_,[e["loader--medium"]]:f,[e["loader--large"]]:y},N),s=c(e.loader__dot,{[e["loader__dot--small"]]:_,[e["loader__dot--medium"]]:f,[e["loader__dot--large"]]:y,[e["loader__dot--banana"]]:r==="banana",[e["loader__dot--cherry"]]:r==="cherry",[e["loader__dot--kiwi"]]:r==="kiwi",[e["loader__dot--neutral"]]:r==="neutral",[e["loader__dot--plum"]]:r==="plum",[e["loader__dot--black"]]:r==="black",[e["loader__dot--white"]]:r==="white"}),l=S(null);return D(()=>{var w,E,b,v;t==="parent"&&((E=(w=l.current)==null?void 0:w.parentElement)!=null&&E.style)&&(l.current.parentElement.style.position="relative",u(!0)),n&&((v=(b=l.current)==null?void 0:b.parentElement)!=null&&v.style)&&(l.current.parentElement.style.display="flex",u(!0))},[]),a.createElement("div",{className:I,ref:l},i&&a.createElement("div",{"data-testid":h,"data-analyticsid":z.Loader,role:"progressbar","aria-labelledby":p||m,className:x},a.createElement("div",{className:s}),a.createElement("div",{className:s}),a.createElement("div",{className:s}),a.createElement("div",{className:s}),!p&&a.createElement("span",{id:m,className:e["loader__hidden-text"]},k)))}),J=F;export{B as Overlay,J as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { uuid } from '../../utils/uuid';\n\nimport { PaletteNames } from '../../theme/palette';\nimport loaderStyles from './styles.module.scss';\nimport { AnalyticsId } from '../../constants';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n screen = 'screen',\n parent = 'parent',\n}\n\nexport interface LoaderProps {\n /** Sets the color of the loader */\n color?: LoaderColors;\n /**\tAdds custom classes to the element. */\n className?: string;\n /** Changes the size of the loader. */\n size?: LoaderSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** id of the label */\n labelId?: string;\n /** Centers the loader in a container */\n center?: boolean;\n /** Inline the loader so it can be used in a span or paragraph */\n inline?: boolean;\n /** Loader is displayed with grey background covering the entire screen */\n overlay?: keyof typeof Overlay;\n /** Individual id for loading icon (aria-labelledby). */\n ariaLabelledById?: string;\n /** String that labels the current loading element */\n ariaLabel?: string;\n}\n\nconst Loader = React.forwardRef(function LoaderForwardedRef(props: LoaderProps, ref: React.ForwardedRef<HTMLElement>) {\n const {\n overlay,\n color = overlay ? 'black' : 'neutral',\n size = 'small',\n className = '',\n labelId = uuid(),\n testId,\n center,\n inline,\n ariaLabelledById,\n ariaLabel = 'Laster inn',\n } = props;\n\n const showLoader = (): boolean => {\n if (overlay === Overlay.parent || inline) {\n return false;\n }\n\n return true;\n };\n\n const [display, setDisplay] = useState(showLoader());\n\n const isSmall = size === 'small';\n const isMedium = size === 'medium';\n const isLarge = size === 'large';\n\n const loaderWrapperClasses = classNames(loaderStyles['loader-wrapper'], {\n [loaderStyles['loader-wrapper--center']]: center,\n [loaderStyles['loader-wrapper--overlay']]: overlay,\n [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n [loaderStyles['loader-wrapper--inline']]: inline && display,\n });\n const loaderClasses = classNames(\n loaderStyles.loader,\n {\n [loaderStyles['loader--small']]: isSmall,\n [loaderStyles['loader--medium']]: isMedium,\n [loaderStyles['loader--large']]: isLarge,\n },\n className\n );\n const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n [loaderStyles['loader__dot--small']]: isSmall,\n [loaderStyles['loader__dot--medium']]: isMedium,\n [loaderStyles['loader__dot--large']]: isLarge,\n [loaderStyles['loader__dot--banana']]: color === 'banana',\n [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n [loaderStyles['loader__dot--plum']]: color === 'plum',\n [loaderStyles['loader__dot--black']]: color === 'black',\n [loaderStyles['loader__dot--white']]: color === 'white',\n });\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.position = 'relative';\n setDisplay(true);\n }\n\n if (inline && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.display = 'flex';\n setDisplay(true);\n }\n }, []);\n\n return (\n <div className={loaderWrapperClasses} ref={wrapperRef}>\n {display && (\n <div\n data-testid={testId}\n data-analyticsid={AnalyticsId.Loader}\n role=\"progressbar\"\n aria-labelledby={ariaLabelledById || labelId}\n className={loaderClasses}\n >\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n {!ariaLabelledById && (\n <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n {ariaLabel}\n </span>\n )}\n </div>\n )}\n </div>\n );\n});\n\nexport default Loader;\n"],"names":["Overlay","Loader","React","props","ref","overlay","color","size","className","labelId","uuid","testId","center","inline","ariaLabelledById","ariaLabel","showLoader","display","setDisplay","useState","isSmall","isMedium","isLarge","loaderWrapperClasses","classNames","loaderStyles","loaderClasses","loaderDotClasses","wrapperRef","useRef","useEffect","_b","_a","_d","_c","AnalyticsId"],"mappings":"mPAUY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EA4BZ,MAAMC,EAASC,EAAM,WAAW,SAA4BC,EAAoBC,EAAsC,CAC9G,KAAA,CACJ,QAAAC,EACA,MAAAC,EAAQD,EAAU,QAAU,UAC5B,KAAAE,EAAO,QACP,UAAAC,EAAY,GACZ,QAAAC,EAAUC,EAAK,EACf,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,YACV,EAAAZ,EAEEa,EAAa,IACb,EAAAX,IAAY,UAAkBQ,GAO9B,CAACI,EAASC,CAAU,EAAIC,EAASH,EAAY,CAAA,EAE7CI,EAAUb,IAAS,QACnBc,EAAWd,IAAS,SACpBe,EAAUf,IAAS,QAEnBgB,EAAuBC,EAAWC,EAAa,kBAAmB,CACtE,CAACA,EAAa,2BAA4Bb,EAC1C,CAACa,EAAa,4BAA6BpB,EAC3C,CAACoB,EAAa,mCAAoCpB,IAAY,SAC9D,CAACoB,EAAa,mCAAoCpB,IAAY,UAAkBY,EAChF,CAACQ,EAAa,2BAA4BZ,GAAUI,CAAA,CACrD,EACKS,EAAgBF,EACpBC,EAAa,OACb,CACE,CAACA,EAAa,kBAAmBL,EACjC,CAACK,EAAa,mBAAoBJ,EAClC,CAACI,EAAa,kBAAmBH,CACnC,EACAd,CAAA,EAEImB,EAAmBH,EAAWC,EAAa,YAAa,CAC5D,CAACA,EAAa,uBAAwBL,EACtC,CAACK,EAAa,wBAAyBJ,EACvC,CAACI,EAAa,uBAAwBH,EACtC,CAACG,EAAa,wBAAyBnB,IAAU,SACjD,CAACmB,EAAa,wBAAyBnB,IAAU,SACjD,CAACmB,EAAa,sBAAuBnB,IAAU,OAC/C,CAACmB,EAAa,yBAA0BnB,IAAU,UAClD,CAACmB,EAAa,sBAAuBnB,IAAU,OAC/C,CAACmB,EAAa,uBAAwBnB,IAAU,QAChD,CAACmB,EAAa,uBAAwBnB,IAAU,OAAA,CACjD,EAEKsB,EAAaC,EAAuB,IAAI,EAE9C,OAAAC,EAAU,IAAM,aACVzB,IAAY,YAAkB0B,GAAAC,EAAAJ,EAAW,UAAX,YAAAI,EAAoB,gBAApB,YAAAD,EAAmC,SACxDH,EAAA,QAAQ,cAAc,MAAM,SAAW,WAClDV,EAAW,EAAI,GAGbL,KAAUoB,GAAAC,EAAAN,EAAW,UAAX,YAAAM,EAAoB,gBAApB,YAAAD,EAAmC,SACpCL,EAAA,QAAQ,cAAc,MAAM,QAAU,OACjDV,EAAW,EAAI,EAEnB,EAAG,CAAE,CAAA,EAGFhB,EAAA,cAAA,MAAA,CAAI,UAAWqB,EAAsB,IAAKK,CAAA,EACxCX,GACEf,EAAA,cAAA,MAAA,CACC,cAAaS,EACb,mBAAkBwB,EAAY,OAC9B,KAAK,cACL,kBAAiBrB,GAAoBL,EACrC,UAAWiB,CAAA,EAEVxB,EAAA,cAAA,MAAA,CAAI,UAAWyB,CAAA,CAAkB,EACjCzB,EAAA,cAAA,MAAA,CAAI,UAAWyB,CAAA,CAAkB,EACjCzB,EAAA,cAAA,MAAA,CAAI,UAAWyB,CAAA,CAAkB,EACjCzB,EAAA,cAAA,MAAA,CAAI,UAAWyB,CAAkB,CAAA,EACjC,CAACb,GACCZ,EAAA,cAAA,OAAA,CAAK,GAAIO,EAAS,UAAWgB,EAAa,sBAAA,EACxCV,CACH,CAEJ,CAEJ,CAEJ,CAAC"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n screen = 'screen',\n parent = 'parent',\n}\n\nexport interface LoaderProps {\n /** Sets the color of the loader */\n color?: LoaderColors;\n /**\tAdds custom classes to the element. */\n className?: string;\n /** Changes the size of the loader. */\n size?: LoaderSizes;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** id of the label */\n labelId?: string;\n /** Centers the loader in a container */\n center?: boolean;\n /** Inline the loader so it can be used in a span or paragraph */\n inline?: boolean;\n /** Loader is displayed with grey background covering the entire screen */\n overlay?: keyof typeof Overlay;\n /** Individual id for loading icon (aria-labelledby). */\n ariaLabelledById?: string;\n /** String that labels the current loading element */\n ariaLabel?: string;\n}\n\nconst Loader = React.forwardRef(function LoaderForwardedRef(props: LoaderProps, ref: React.ForwardedRef<HTMLElement>) {\n const {\n overlay,\n color = overlay ? 'black' : 'neutral',\n size = 'small',\n className = '',\n labelId = uuid(),\n testId,\n center,\n inline,\n ariaLabelledById,\n ariaLabel = 'Laster inn',\n } = props;\n\n const showLoader = (): boolean => {\n if (overlay === Overlay.parent || inline) {\n return false;\n }\n\n return true;\n };\n\n const [display, setDisplay] = useState(showLoader());\n\n const isSmall = size === 'small';\n const isMedium = size === 'medium';\n const isLarge = size === 'large';\n\n const loaderWrapperClasses = classNames(loaderStyles['loader-wrapper'], {\n [loaderStyles['loader-wrapper--center']]: center,\n [loaderStyles['loader-wrapper--overlay']]: overlay,\n [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n [loaderStyles['loader-wrapper--inline']]: inline && display,\n });\n const loaderClasses = classNames(\n loaderStyles.loader,\n {\n [loaderStyles['loader--small']]: isSmall,\n [loaderStyles['loader--medium']]: isMedium,\n [loaderStyles['loader--large']]: isLarge,\n },\n className\n );\n const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n [loaderStyles['loader__dot--small']]: isSmall,\n [loaderStyles['loader__dot--medium']]: isMedium,\n [loaderStyles['loader__dot--large']]: isLarge,\n [loaderStyles['loader__dot--banana']]: color === 'banana',\n [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n [loaderStyles['loader__dot--plum']]: color === 'plum',\n [loaderStyles['loader__dot--black']]: color === 'black',\n [loaderStyles['loader__dot--white']]: color === 'white',\n });\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.position = 'relative';\n setDisplay(true);\n }\n\n if (inline && wrapperRef.current?.parentElement?.style) {\n wrapperRef.current.parentElement.style.display = 'flex';\n setDisplay(true);\n }\n }, []);\n\n return (\n <div className={loaderWrapperClasses} ref={wrapperRef}>\n {display && (\n <div\n data-testid={testId}\n data-analyticsid={AnalyticsId.Loader}\n role=\"progressbar\"\n aria-labelledby={ariaLabelledById || labelId}\n className={loaderClasses}\n >\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n <div className={loaderDotClasses} />\n {!ariaLabelledById && (\n <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n {ariaLabel}\n </span>\n )}\n </div>\n )}\n </div>\n );\n});\n\nexport default Loader;\n"],"names":["Overlay","Loader","React","props","ref","overlay","color","size","className","labelId","uuid","testId","center","inline","ariaLabelledById","ariaLabel","showLoader","display","setDisplay","useState","isSmall","isMedium","isLarge","loaderWrapperClasses","classNames","loaderStyles","loaderClasses","loaderDotClasses","wrapperRef","useRef","useEffect","_b","_a","_d","_c","AnalyticsId","Loader$1"],"mappings":"mPAYY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SAFCA,IAAAA,GAAA,CAAA,CAAA,EA4BZ,MAAMC,EAASC,EAAM,WAAW,SAA4BC,EAAoBC,EAAsC,CAC9G,KAAA,CACJ,QAAAC,EACA,MAAAC,EAAQD,EAAU,QAAU,UAC5B,KAAAE,EAAO,QACP,UAAAC,EAAY,GACZ,QAAAC,EAAUC,EAAK,EACf,OAAAC,EACA,OAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,YACV,EAAAZ,EAEEa,EAAa,IACb,EAAAX,IAAY,UAAkBQ,GAO9B,CAACI,EAASC,CAAU,EAAIC,EAASH,EAAY,CAAA,EAE7CI,EAAUb,IAAS,QACnBc,EAAWd,IAAS,SACpBe,EAAUf,IAAS,QAEnBgB,EAAuBC,EAAWC,EAAa,gBAAgB,EAAG,CACtE,CAACA,EAAa,wBAAwB,CAAC,EAAGb,EAC1C,CAACa,EAAa,yBAAyB,CAAC,EAAGpB,EAC3C,CAACoB,EAAa,gCAAgC,CAAC,EAAGpB,IAAY,SAC9D,CAACoB,EAAa,gCAAgC,CAAC,EAAGpB,IAAY,UAAkBY,EAChF,CAACQ,EAAa,wBAAwB,CAAC,EAAGZ,GAAUI,CAAA,CACrD,EACKS,EAAgBF,EACpBC,EAAa,OACb,CACE,CAACA,EAAa,eAAe,CAAC,EAAGL,EACjC,CAACK,EAAa,gBAAgB,CAAC,EAAGJ,EAClC,CAACI,EAAa,eAAe,CAAC,EAAGH,CACnC,EACAd,CAAA,EAEImB,EAAmBH,EAAWC,EAAa,YAAa,CAC5D,CAACA,EAAa,oBAAoB,CAAC,EAAGL,EACtC,CAACK,EAAa,qBAAqB,CAAC,EAAGJ,EACvC,CAACI,EAAa,oBAAoB,CAAC,EAAGH,EACtC,CAACG,EAAa,qBAAqB,CAAC,EAAGnB,IAAU,SACjD,CAACmB,EAAa,qBAAqB,CAAC,EAAGnB,IAAU,SACjD,CAACmB,EAAa,mBAAmB,CAAC,EAAGnB,IAAU,OAC/C,CAACmB,EAAa,sBAAsB,CAAC,EAAGnB,IAAU,UAClD,CAACmB,EAAa,mBAAmB,CAAC,EAAGnB,IAAU,OAC/C,CAACmB,EAAa,oBAAoB,CAAC,EAAGnB,IAAU,QAChD,CAACmB,EAAa,oBAAoB,CAAC,EAAGnB,IAAU,OAAA,CACjD,EAEKsB,EAAaC,EAAuB,IAAI,EAE9C,OAAAC,EAAU,IAAM,aACVzB,IAAY,YAAkB0B,GAAAC,EAAAJ,EAAW,UAAX,YAAAI,EAAoB,gBAApB,MAAAD,EAAmC,SACxDH,EAAA,QAAQ,cAAc,MAAM,SAAW,WAClDV,EAAW,EAAI,GAGbL,KAAUoB,GAAAC,EAAAN,EAAW,UAAX,YAAAM,EAAoB,gBAApB,MAAAD,EAAmC,SACpCL,EAAA,QAAQ,cAAc,MAAM,QAAU,OACjDV,EAAW,EAAI,EAEnB,EAAG,CAAE,CAAA,kBAGF,MAAI,CAAA,UAAWK,EAAsB,IAAKK,GACxCX,GACCf,EAAA,cAAC,MAAA,CACC,cAAaS,EACb,mBAAkBwB,EAAY,OAC9B,KAAK,cACL,kBAAiBrB,GAAoBL,EACrC,UAAWiB,CAAA,EAEXxB,EAAA,cAAC,MAAI,CAAA,UAAWyB,CAAkB,CAAA,EAClCzB,EAAA,cAAC,MAAI,CAAA,UAAWyB,CAAkB,CAAA,EAClCzB,EAAA,cAAC,MAAI,CAAA,UAAWyB,CAAkB,CAAA,EAClCzB,EAAA,cAAC,MAAI,CAAA,UAAWyB,CAAkB,CAAA,EACjC,CAACb,GACAZ,EAAA,cAAC,OAAK,CAAA,GAAIO,EAAS,UAAWgB,EAAa,qBAAqB,CAAA,EAC7DV,CACH,CAAA,CAIR,CAEJ,CAAC,EAEDqB,EAAenC"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare type LogoColor = 'black' | 'white';
2
+ type LogoColor = 'black' | 'white';
3
3
  interface LogoProps {
4
4
  /** Changes the size of the logo. */
5
5
  size?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAKA,aAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnC,UAAU,SAAS;IACjB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAG3C;AAED,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/Logo.tsx"],"names":[],"mappings":";AAMA,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnC,UAAU,SAAS;IACjB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyDD,iBAAS,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAG3C;AAED,eAAe,IAAI,CAAC"}
@@ -1,2 +1,2 @@
1
- import e from"react";import{AnalyticsId as V}from"../../constants.js";import{getColor as v}from"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../theme/grid.js";const o=({size:l=300,color:c="black",className:t="",testId:h})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 502 220",className:t,"data-testid":h,"data-analyticsid":V.Logo},e.createElement("title",{id:"logo-title"},"Helsenorge"),e.createElement("g",{fill:v(c,500)},e.createElement("path",{d:"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z"}))),i=({size:l=300,color:c="black",className:t="",testId:h})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 87 12",className:t,"data-testid":h},e.createElement("title",{id:"logo-title"},"Helsenorge"),e.createElement("g",{fill:v(c,500)},e.createElement("path",{d:"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z"})));function g(l){const{byline:c=!1,...t}=l;return c?e.createElement(i,{...t}):e.createElement(o,{...t})}export{g as default};
1
+ import e from"react";import{AnalyticsId as V}from"../../constants.js";import{getColor as v}from"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";const o=({size:l=300,color:c="black",className:t="",testId:h})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 502 220",className:t,"data-testid":h,"data-analyticsid":V.Logo},e.createElement("title",{id:"logo-title"},"Helsenorge"),e.createElement("g",{fill:v(c,500)},e.createElement("path",{d:"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z"}))),i=({size:l=300,color:c="black",className:t="",testId:h})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 87 12",className:t,"data-testid":h},e.createElement("title",{id:"logo-title"},"Helsenorge"),e.createElement("g",{fill:v(c,500)},e.createElement("path",{d:"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z"})));function g(l){const{byline:c=!1,...t}=l;return c?e.createElement(i,{...t}):e.createElement(o,{...t})}export{g as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\nimport { PaletteNames } from '../../theme/palette';\n\ntype LogoColor = 'black' | 'white';\n\ninterface LogoProps {\n /** Changes the size of the logo. */\n size?: number;\n /** Adds custom classes to the element. */\n className?: string;\n /**\tChanges the color of the logo. */\n color?: LogoColor;\n /** Changes to the byline variant of the logo. */\n byline?: boolean;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst Original = ({\n size = 300,\n color = 'black',\n className = '',\n testId,\n}: {\n size?: number;\n color?: LogoColor;\n className?: string;\n testId?: string;\n}): JSX.Element => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n role={'img'}\n aria-labelledby=\"logo-title\"\n viewBox=\"0 0 502 220\"\n className={className}\n data-testid={testId}\n data-analyticsid={AnalyticsId.Logo}\n >\n <title id={'logo-title'}>Helsenorge</title>\n <g fill={getColor(color, 500)}>\n <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n </g>\n </svg>\n);\n\nconst Byline = ({\n size = 300,\n color = 'black',\n className = '',\n testId,\n}: {\n size?: number;\n color?: LogoColor;\n className?: string;\n testId?: string;\n}): JSX.Element => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n role={'img'}\n aria-labelledby=\"logo-title\"\n viewBox=\"0 0 87 12\"\n className={className}\n data-testid={testId}\n >\n <title id={'logo-title'}>Helsenorge</title>\n <g fill={getColor(color, 500)}>\n <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n </g>\n </svg>\n);\n\nfunction Logo(props: LogoProps): JSX.Element {\n const { byline = false, ...restProps } = props;\n return byline ? <Byline {...restProps} /> : <Original {...restProps} />;\n}\n\nexport default Logo;\n"],"names":["Original","size","color","className","testId","React","AnalyticsId","getColor","Byline","Logo","props","byline","restProps"],"mappings":"oPAoBA,MAAMA,EAAW,CAAC,CAChB,KAAAC,EAAO,IACP,MAAAC,EAAQ,QACR,UAAAC,EAAY,GACZ,OAAAC,CACF,IAMGC,EAAA,cAAA,MAAA,CACC,MAAM,6BACN,MAAOJ,EACP,KAAM,MACN,kBAAgB,aAChB,QAAQ,cACR,UAAAE,EACA,cAAaC,EACb,mBAAkBE,EAAY,IAAA,EAE7BD,EAAA,cAAA,QAAA,CAAM,GAAI,YAAA,EAAc,YAAU,EAClCA,EAAA,cAAA,IAAA,CAAE,KAAME,EAASL,EAAO,GAAG,CAAA,EACzBG,EAAA,cAAA,OAAA,CAAK,EAAE,+pDAAA,CAAgqD,CAC1qD,CACF,EAGIG,EAAS,CAAC,CACd,KAAAP,EAAO,IACP,MAAAC,EAAQ,QACR,UAAAC,EAAY,GACZ,OAAAC,CACF,IAMGC,EAAA,cAAA,MAAA,CACC,MAAM,6BACN,MAAOJ,EACP,KAAM,MACN,kBAAgB,aAChB,QAAQ,YACR,UAAAE,EACA,cAAaC,CAAA,EAEZC,EAAA,cAAA,QAAA,CAAM,GAAI,YAAA,EAAc,YAAU,EAClCA,EAAA,cAAA,IAAA,CAAE,KAAME,EAASL,EAAO,GAAG,CAAA,EACzBG,EAAA,cAAA,OAAA,CAAK,EAAE,uxCAAA,CAAwxC,CAClyC,CACF,EAGF,SAASI,EAAKC,EAA+B,CAC3C,KAAM,CAAE,OAAAC,EAAS,MAAUC,CAAA,EAAcF,EACzC,OAAOC,EAAUN,EAAA,cAAAG,EAAA,CAAQ,GAAGI,CAAA,CAAW,EAAMP,EAAA,cAAAL,EAAA,CAAU,GAAGY,CAAA,CAAW,CACvE"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\nimport { PaletteNames } from '../../theme/palette';\n\ntype LogoColor = 'black' | 'white';\n\ninterface LogoProps {\n /** Changes the size of the logo. */\n size?: number;\n /** Adds custom classes to the element. */\n className?: string;\n /**\tChanges the color of the logo. */\n color?: LogoColor;\n /** Changes to the byline variant of the logo. */\n byline?: boolean;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst Original = ({\n size = 300,\n color = 'black',\n className = '',\n testId,\n}: {\n size?: number;\n color?: LogoColor;\n className?: string;\n testId?: string;\n}): JSX.Element => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n role={'img'}\n aria-labelledby=\"logo-title\"\n viewBox=\"0 0 502 220\"\n className={className}\n data-testid={testId}\n data-analyticsid={AnalyticsId.Logo}\n >\n <title id={'logo-title'}>Helsenorge</title>\n <g fill={getColor(color, 500)}>\n <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n </g>\n </svg>\n);\n\nconst Byline = ({\n size = 300,\n color = 'black',\n className = '',\n testId,\n}: {\n size?: number;\n color?: LogoColor;\n className?: string;\n testId?: string;\n}): JSX.Element => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n role={'img'}\n aria-labelledby=\"logo-title\"\n viewBox=\"0 0 87 12\"\n className={className}\n data-testid={testId}\n >\n <title id={'logo-title'}>Helsenorge</title>\n <g fill={getColor(color, 500)}>\n <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n </g>\n </svg>\n);\n\nfunction Logo(props: LogoProps): JSX.Element {\n const { byline = false, ...restProps } = props;\n return byline ? <Byline {...restProps} /> : <Original {...restProps} />;\n}\n\nexport default Logo;\n"],"names":["Original","size","color","className","testId","React","AnalyticsId","getColor","Byline","Logo","props","byline","restProps"],"mappings":"oPAqBA,MAAMA,EAAW,CAAC,CAChB,KAAAC,EAAO,IACP,MAAAC,EAAQ,QACR,UAAAC,EAAY,GACZ,OAAAC,CACF,IAMEC,EAAA,cAAC,MAAA,CACC,MAAM,6BACN,MAAOJ,EACP,KAAM,MACN,kBAAgB,aAChB,QAAQ,cACR,UAAAE,EACA,cAAaC,EACb,mBAAkBE,EAAY,IAAA,EAE7BD,EAAA,cAAA,QAAA,CAAM,GAAI,YAAA,EAAc,YAAU,EACnCA,EAAA,cAAC,IAAE,CAAA,KAAME,EAASL,EAAO,GAAG,CAAA,EACzBG,EAAA,cAAA,OAAA,CAAK,EAAE,+pDAAA,CAAgqD,CAC1qD,CACF,EAGIG,EAAS,CAAC,CACd,KAAAP,EAAO,IACP,MAAAC,EAAQ,QACR,UAAAC,EAAY,GACZ,OAAAC,CACF,IAMEC,EAAA,cAAC,MAAA,CACC,MAAM,6BACN,MAAOJ,EACP,KAAM,MACN,kBAAgB,aAChB,QAAQ,YACR,UAAAE,EACA,cAAaC,CAAA,EAEZC,EAAA,cAAA,QAAA,CAAM,GAAI,YAAA,EAAc,YAAU,EACnCA,EAAA,cAAC,IAAE,CAAA,KAAME,EAASL,EAAO,GAAG,CAAA,EACzBG,EAAA,cAAA,OAAA,CAAK,EAAE,uxCAAA,CAAwxC,CAClyC,CACF,EAGF,SAASI,EAAKC,EAA+B,CAC3C,KAAM,CAAE,OAAAC,EAAS,GAAO,GAAGC,GAAcF,EAClC,OAAAC,kBAAUH,EAAQ,CAAA,GAAGI,EAAW,EAAKP,EAAA,cAACL,EAAU,CAAA,GAAGY,CAAW,CAAA,CACvE"}