@helsenorge/designsystem-react 1.0.0-beta106 → 1.0.0-beta107

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 (471) hide show
  1. package/Button-7e82091f.js +2 -0
  2. package/Button-7e82091f.js.map +1 -0
  3. package/CHANGELOG.md +52 -52
  4. package/Checkbox-f2418dc5.js +2 -0
  5. package/Checkbox-f2418dc5.js.map +1 -0
  6. package/Close-d81081c8.js +2 -0
  7. package/Close-d81081c8.js.map +1 -0
  8. package/{FormGroup-b2b6efe0.js → FormGroup-af33981a.js} +2 -2
  9. package/FormGroup-af33981a.js.map +1 -0
  10. package/Input-31d7accc.js +2 -0
  11. package/Input-31d7accc.js.map +1 -0
  12. package/Modal-ff546be0.js +2 -0
  13. package/Modal-ff546be0.js.map +1 -0
  14. package/README.md +69 -69
  15. package/Validation-4041c083.js +2 -0
  16. package/Validation-4041c083.js.map +1 -0
  17. package/components/AnchorLink/AnchorLink.d.ts +18 -18
  18. package/components/AnchorLink/index.d.ts +3 -3
  19. package/components/AnchorLink/index.js +1 -1
  20. package/components/AnchorLink/styles.module.scss +63 -63
  21. package/components/AnchorLink/styles.module.scss.d.ts +10 -10
  22. package/components/Avatar/Avatar.d.ts +15 -15
  23. package/components/Avatar/index.d.ts +3 -3
  24. package/components/Avatar/index.js +1 -1
  25. package/components/Avatar/styles.module.scss +22 -22
  26. package/components/Avatar/styles.module.scss.d.ts +11 -11
  27. package/components/Badge/Badge.d.ts +16 -16
  28. package/components/Badge/index.d.ts +3 -3
  29. package/components/Badge/styles.module.scss +41 -41
  30. package/components/Badge/styles.module.scss.d.ts +17 -17
  31. package/components/Button/Button.d.ts +41 -41
  32. package/components/Button/index.d.ts +3 -3
  33. package/components/Button/index.js +1 -1
  34. package/components/Button/styles.module.scss +434 -434
  35. package/components/Button/styles.module.scss.d.ts +34 -34
  36. package/components/ButtonWithModal/ButtonWithModal.d.ts +10 -10
  37. package/components/ButtonWithModal/index.d.ts +3 -3
  38. package/components/ButtonWithModal/index.js +1 -1
  39. package/components/Checkbox/Checkbox.d.ts +30 -30
  40. package/components/Checkbox/index.d.ts +3 -3
  41. package/components/Checkbox/index.js +1 -1
  42. package/components/Checkbox/styles.module.scss +204 -204
  43. package/components/Checkbox/styles.module.scss.d.ts +26 -26
  44. package/components/Close/Close.d.ts +11 -11
  45. package/components/Close/index.d.ts +3 -3
  46. package/components/Close/index.js +1 -1
  47. package/components/Close/styles.module.scss +32 -32
  48. package/components/Close/styles.module.scss.d.ts +9 -9
  49. package/components/Expander/Expander.d.ts +32 -32
  50. package/components/Expander/Expander.d.ts.map +1 -1
  51. package/components/Expander/index.d.ts +3 -3
  52. package/components/Expander/index.js +1 -1
  53. package/components/Expander/styles.module.scss +165 -165
  54. package/components/Expander/styles.module.scss.d.ts +42 -42
  55. package/components/ExpanderList/ExpanderList.d.ts +47 -45
  56. package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
  57. package/components/ExpanderList/index.d.ts +3 -3
  58. package/components/ExpanderList/index.js +1 -1
  59. package/components/ExpanderList/styles.module.scss +160 -160
  60. package/components/ExpanderList/styles.module.scss.d.ts +28 -28
  61. package/components/FormExample/FormExample.d.ts +15 -15
  62. package/components/FormExample/index.d.ts +3 -3
  63. package/components/FormExample/index.js +1 -1
  64. package/components/FormExample/index.js.map +1 -1
  65. package/components/FormGroup/FormGroup.d.ts +24 -24
  66. package/components/FormGroup/index.d.ts +3 -3
  67. package/components/FormGroup/index.js +1 -1
  68. package/components/FormGroup/styles.module.scss +67 -67
  69. package/components/FormGroup/styles.module.scss.d.ts +16 -16
  70. package/components/HighlightBox/HighlightBox.d.ts +26 -26
  71. package/components/HighlightBox/index.d.ts +3 -3
  72. package/components/HighlightBox/index.js +1 -1
  73. package/components/HighlightBox/styles.module.scss +174 -174
  74. package/components/Icons/ActiveMonitoring.d.ts +4 -4
  75. package/components/Icons/AcupunctureBack.d.ts +4 -4
  76. package/components/Icons/AcupunctureBack.js +1 -1
  77. package/components/Icons/AdditionalIconInformation.js +263 -263
  78. package/components/Icons/AdditionalIconInformation.js.map +1 -1
  79. package/components/Icons/AlarmClock.d.ts +4 -4
  80. package/components/Icons/AlertSignFill.d.ts +4 -4
  81. package/components/Icons/AlertSignStroke.d.ts +4 -4
  82. package/components/Icons/Amputation.d.ts +4 -4
  83. package/components/Icons/Anxiety.d.ts +4 -4
  84. package/components/Icons/Apple.d.ts +4 -4
  85. package/components/Icons/Archive.d.ts +4 -4
  86. package/components/Icons/ArmFlexing.d.ts +4 -4
  87. package/components/Icons/ArrowLeft.d.ts +4 -4
  88. package/components/Icons/ArrowRight.d.ts +4 -4
  89. package/components/Icons/ArrowUpRight.d.ts +4 -4
  90. package/components/Icons/Attachment.d.ts +4 -4
  91. package/components/Icons/Atv.d.ts +4 -4
  92. package/components/Icons/Avatar.d.ts +4 -4
  93. package/components/Icons/AwakePersonOnPillow.d.ts +4 -4
  94. package/components/Icons/Baby.d.ts +4 -4
  95. package/components/Icons/BandAid.d.ts +4 -4
  96. package/components/Icons/BeerAndPills.d.ts +4 -4
  97. package/components/Icons/Bell.d.ts +4 -4
  98. package/components/Icons/Bike.d.ts +4 -4
  99. package/components/Icons/BirthControl.d.ts +4 -4
  100. package/components/Icons/BirthdayCake.d.ts +4 -4
  101. package/components/Icons/Boat.d.ts +4 -4
  102. package/components/Icons/Body.d.ts +4 -4
  103. package/components/Icons/Brain.d.ts +4 -4
  104. package/components/Icons/BreastReconstruction.d.ts +4 -4
  105. package/components/Icons/BreastRemoval.d.ts +4 -4
  106. package/components/Icons/Breasts.d.ts +4 -4
  107. package/components/Icons/BrokenHeart.d.ts +4 -4
  108. package/components/Icons/BrokenPuzzle.d.ts +4 -4
  109. package/components/Icons/Bus.d.ts +4 -4
  110. package/components/Icons/Calendar.d.ts +4 -4
  111. package/components/Icons/CalendarChange.d.ts +4 -4
  112. package/components/Icons/CalendarCheck.d.ts +4 -4
  113. package/components/Icons/CalendarEvent.d.ts +4 -4
  114. package/components/Icons/CalendarSave.d.ts +4 -4
  115. package/components/Icons/Cancer.d.ts +4 -4
  116. package/components/Icons/Car.d.ts +4 -4
  117. package/components/Icons/Change.d.ts +4 -4
  118. package/components/Icons/Check.d.ts +4 -4
  119. package/components/Icons/CheckOutline.d.ts +4 -4
  120. package/components/Icons/Chest.d.ts +4 -4
  121. package/components/Icons/ChevronDown.d.ts +4 -4
  122. package/components/Icons/ChevronLeft.d.ts +4 -4
  123. package/components/Icons/ChevronRight.d.ts +4 -4
  124. package/components/Icons/ChevronUp.d.ts +4 -4
  125. package/components/Icons/ChevronsDown.d.ts +4 -4
  126. package/components/Icons/ChevronsUp.d.ts +4 -4
  127. package/components/Icons/ChildPlaying.d.ts +4 -4
  128. package/components/Icons/Cigarette.d.ts +4 -4
  129. package/components/Icons/Contacts.d.ts +4 -4
  130. package/components/Icons/Copy.d.ts +4 -4
  131. package/components/Icons/CoronaCertificate.d.ts +4 -4
  132. package/components/Icons/Coronavirus.d.ts +4 -4
  133. package/components/Icons/Cough.d.ts +4 -4
  134. package/components/Icons/CriticalHealthInfo.d.ts +4 -4
  135. package/components/Icons/Cross.d.ts +4 -4
  136. package/components/Icons/DataExchange.d.ts +4 -4
  137. package/components/Icons/DataReceived.d.ts +4 -4
  138. package/components/Icons/DataSent.d.ts +4 -4
  139. package/components/Icons/Depression.d.ts +4 -4
  140. package/components/Icons/DigestiveSystem.d.ts +4 -4
  141. package/components/Icons/Dizzy.d.ts +4 -4
  142. package/components/Icons/Documents.d.ts +4 -4
  143. package/components/Icons/Dog.d.ts +4 -4
  144. package/components/Icons/DonorCard.d.ts +4 -4
  145. package/components/Icons/Download.d.ts +4 -4
  146. package/components/Icons/Draft.d.ts +4 -4
  147. package/components/Icons/EChat.d.ts +4 -4
  148. package/components/Icons/EarNoseThroat.d.ts +4 -4
  149. package/components/Icons/ElderlyPerson.d.ts +4 -4
  150. package/components/Icons/Embolization.d.ts +4 -4
  151. package/components/Icons/EnterFullScreen.d.ts +4 -4
  152. package/components/Icons/Envelope.d.ts +4 -4
  153. package/components/Icons/Epilepsy.d.ts +4 -4
  154. package/components/Icons/Eraser.d.ts +4 -4
  155. package/components/Icons/ErrorSignFill.d.ts +4 -4
  156. package/components/Icons/ErrorSignStroke.d.ts +4 -4
  157. package/components/Icons/EuropeanHealthCard.d.ts +4 -4
  158. package/components/Icons/ExitFullScreen.d.ts +4 -4
  159. package/components/Icons/Eye.d.ts +4 -4
  160. package/components/Icons/Facebook.d.ts +4 -4
  161. package/components/Icons/Female.d.ts +4 -4
  162. package/components/Icons/FemaleDoctor.d.ts +4 -4
  163. package/components/Icons/Ferry.d.ts +4 -4
  164. package/components/Icons/FingerBleed.d.ts +4 -4
  165. package/components/Icons/FirstAidKit.d.ts +4 -4
  166. package/components/Icons/FloppyDisk.d.ts +4 -4
  167. package/components/Icons/Football.d.ts +4 -4
  168. package/components/Icons/Form.d.ts +4 -4
  169. package/components/Icons/Forward.d.ts +4 -4
  170. package/components/Icons/Gallery.d.ts +4 -4
  171. package/components/Icons/Garden.d.ts +4 -4
  172. package/components/Icons/GasCan.d.ts +4 -4
  173. package/components/Icons/GenderIdentity.d.ts +4 -4
  174. package/components/Icons/Globe.d.ts +4 -4
  175. package/components/Icons/HandWaving.d.ts +4 -4
  176. package/components/Icons/HandWithDisease.d.ts +4 -4
  177. package/components/Icons/HealthClinic.d.ts +4 -4
  178. package/components/Icons/HealthWarning.d.ts +4 -4
  179. package/components/Icons/Heart.d.ts +4 -4
  180. package/components/Icons/HelpSign.d.ts +4 -4
  181. package/components/Icons/HelpingHand.d.ts +4 -4
  182. package/components/Icons/Hemodialysis.d.ts +4 -4
  183. package/components/Icons/Hiker.d.ts +4 -4
  184. package/components/Icons/Hipprosthesis.d.ts +4 -4
  185. package/components/Icons/History.d.ts +4 -4
  186. package/components/Icons/HivAndAids.d.ts +4 -4
  187. package/components/Icons/Home.d.ts +4 -4
  188. package/components/Icons/Hormone.d.ts +4 -4
  189. package/components/Icons/Hospital.d.ts +4 -4
  190. package/components/Icons/Hourglass.d.ts +4 -4
  191. package/components/Icons/Icon.d.ts +22 -22
  192. package/components/Icons/ImgFile.d.ts +4 -4
  193. package/components/Icons/Inbox.d.ts +4 -4
  194. package/components/Icons/InfoSignFill.d.ts +4 -4
  195. package/components/Icons/InfoSignStroke.d.ts +4 -4
  196. package/components/Icons/Instagram.d.ts +4 -4
  197. package/components/Icons/Intravenous.d.ts +4 -4
  198. package/components/Icons/JointPain.d.ts +4 -4
  199. package/components/Icons/Journal.d.ts +4 -4
  200. package/components/Icons/JpgFile.d.ts +4 -4
  201. package/components/Icons/Kidney.d.ts +4 -4
  202. package/components/Icons/KitchenScale.d.ts +4 -4
  203. package/components/Icons/Kjernejournal.d.ts +4 -4
  204. package/components/Icons/Laboratory.d.ts +4 -4
  205. package/components/Icons/LaptopBlog.d.ts +4 -4
  206. package/components/Icons/LawBook.d.ts +4 -4
  207. package/components/Icons/LightBulb.d.ts +4 -4
  208. package/components/Icons/List.d.ts +4 -4
  209. package/components/Icons/Location.d.ts +4 -4
  210. package/components/Icons/Lock.d.ts +4 -4
  211. package/components/Icons/Lungs.d.ts +4 -4
  212. package/components/Icons/Makeup.d.ts +4 -4
  213. package/components/Icons/MaleDoctor.d.ts +4 -4
  214. package/components/Icons/MaleDoctorAndPerson.d.ts +4 -4
  215. package/components/Icons/MaleGenitalia.d.ts +4 -4
  216. package/components/Icons/Medicine.d.ts +4 -4
  217. package/components/Icons/MedicineWarning.d.ts +4 -4
  218. package/components/Icons/MentalHealthAdult.d.ts +4 -4
  219. package/components/Icons/MentalHealthChild.d.ts +4 -4
  220. package/components/Icons/Menu.d.ts +4 -4
  221. package/components/Icons/Microscope.d.ts +4 -4
  222. package/components/Icons/Minus.d.ts +4 -4
  223. package/components/Icons/Mirror.d.ts +4 -4
  224. package/components/Icons/MobilePhone.d.ts +4 -4
  225. package/components/Icons/MotherHoldingBaby.d.ts +4 -4
  226. package/components/Icons/MuscleBack.d.ts +4 -4
  227. package/components/Icons/MuscleLeg.d.ts +4 -4
  228. package/components/Icons/Mushroom.d.ts +4 -4
  229. package/components/Icons/Music.d.ts +4 -4
  230. package/components/Icons/MusselsAndSalt.d.ts +4 -4
  231. package/components/Icons/NoEye.d.ts +4 -4
  232. package/components/Icons/NoEye.js +1 -1
  233. package/components/Icons/NoFilter.d.ts +4 -4
  234. package/components/Icons/Notepad.d.ts +4 -4
  235. package/components/Icons/Osteotomy.d.ts +4 -4
  236. package/components/Icons/PaintRoller.d.ts +4 -4
  237. package/components/Icons/PaperPlane.d.ts +4 -4
  238. package/components/Icons/PatientAndPerson.d.ts +4 -4
  239. package/components/Icons/Pause.d.ts +4 -4
  240. package/components/Icons/PdfFile.d.ts +4 -4
  241. package/components/Icons/Pencil.d.ts +4 -4
  242. package/components/Icons/PeopleTalking.d.ts +4 -4
  243. package/components/Icons/Peritonealdialysis.d.ts +4 -4
  244. package/components/Icons/Person.d.ts +4 -4
  245. package/components/Icons/PersonAndPatient.d.ts +4 -4
  246. package/components/Icons/PersonInXRayMachine.d.ts +4 -4
  247. package/components/Icons/PersonOverweight.d.ts +4 -4
  248. package/components/Icons/PersonRelaxing.d.ts +4 -4
  249. package/components/Icons/PersonWithBrain.d.ts +4 -4
  250. package/components/Icons/PersonWithBrokenArm.d.ts +4 -4
  251. package/components/Icons/PersonWithCrutches.d.ts +4 -4
  252. package/components/Icons/PersonWithJaw.d.ts +4 -4
  253. package/components/Icons/PersonWithMagnifyingGlass.d.ts +4 -4
  254. package/components/Icons/PersonWithSenses.d.ts +4 -4
  255. package/components/Icons/PersonWorking.d.ts +4 -4
  256. package/components/Icons/PizzaSlice.d.ts +4 -4
  257. package/components/Icons/Plane.d.ts +4 -4
  258. package/components/Icons/Plant.d.ts +4 -4
  259. package/components/Icons/Play.d.ts +4 -4
  260. package/components/Icons/PlusLarge.d.ts +4 -4
  261. package/components/Icons/PlusSmall.d.ts +4 -4
  262. package/components/Icons/PngFile.d.ts +4 -4
  263. package/components/Icons/Podcast.d.ts +4 -4
  264. package/components/Icons/PoisonInformation.d.ts +4 -4
  265. package/components/Icons/Pregnant.d.ts +4 -4
  266. package/components/Icons/Printer.d.ts +4 -4
  267. package/components/Icons/Psychosis.d.ts +4 -4
  268. package/components/Icons/Publication.d.ts +4 -4
  269. package/components/Icons/Puzzle.d.ts +4 -4
  270. package/components/Icons/QrCode.d.ts +4 -4
  271. package/components/Icons/Quarrel.d.ts +4 -4
  272. package/components/Icons/RadioTherapy.d.ts +4 -4
  273. package/components/Icons/RadioactiveTreatment.d.ts +4 -4
  274. package/components/Icons/Radioiodine.d.ts +4 -4
  275. package/components/Icons/Receipt.d.ts +4 -4
  276. package/components/Icons/Receptionist.d.ts +4 -4
  277. package/components/Icons/Recovery.d.ts +4 -4
  278. package/components/Icons/Referral.d.ts +4 -4
  279. package/components/Icons/Refresh.d.ts +4 -4
  280. package/components/Icons/Refund.d.ts +4 -4
  281. package/components/Icons/Reply.d.ts +4 -4
  282. package/components/Icons/Rocket.d.ts +4 -4
  283. package/components/Icons/RtfFile.d.ts +4 -4
  284. package/components/Icons/STDs.d.ts +4 -4
  285. package/components/Icons/Save.d.ts +4 -4
  286. package/components/Icons/Scale.d.ts +4 -4
  287. package/components/Icons/Search.d.ts +4 -4
  288. package/components/Icons/SectionSign.d.ts +4 -4
  289. package/components/Icons/SectionSign.js +1 -1
  290. package/components/Icons/Settings.d.ts +4 -4
  291. package/components/Icons/Sexualorientation.d.ts +4 -4
  292. package/components/Icons/ShakingHand.d.ts +4 -4
  293. package/components/Icons/Share.d.ts +4 -4
  294. package/components/Icons/Shield.d.ts +4 -4
  295. package/components/Icons/ShuntOperation.d.ts +4 -4
  296. package/components/Icons/Skeleton.d.ts +4 -4
  297. package/components/Icons/Skin.d.ts +4 -4
  298. package/components/Icons/Snake.d.ts +4 -4
  299. package/components/Icons/Snapchat.d.ts +4 -4
  300. package/components/Icons/SpeechBubble.d.ts +4 -4
  301. package/components/Icons/SpeechBubble.js +1 -1
  302. package/components/Icons/Spray.d.ts +4 -4
  303. package/components/Icons/Stopwatch.d.ts +4 -4
  304. package/components/Icons/SupportingPerson.d.ts +4 -4
  305. package/components/Icons/SupportingPerson.js +1 -1
  306. package/components/Icons/Surgery.d.ts +4 -4
  307. package/components/Icons/Syringe.d.ts +4 -4
  308. package/components/Icons/Syringe.js +1 -1
  309. package/components/Icons/Taxi.d.ts +4 -4
  310. package/components/Icons/TeddyBear.d.ts +4 -4
  311. package/components/Icons/Teenagers.d.ts +4 -4
  312. package/components/Icons/ThinkingAboutBaby.d.ts +4 -4
  313. package/components/Icons/Ticket.d.ts +4 -4
  314. package/components/Icons/TimePassing.d.ts +4 -4
  315. package/components/Icons/Toolbox.d.ts +4 -4
  316. package/components/Icons/Tooth.d.ts +4 -4
  317. package/components/Icons/TotalKneeProsthesis.d.ts +4 -4
  318. package/components/Icons/Train.d.ts +4 -4
  319. package/components/Icons/Transplantation.d.ts +4 -4
  320. package/components/Icons/TrashCan.d.ts +4 -4
  321. package/components/Icons/Twitter.d.ts +4 -4
  322. package/components/Icons/Undo.d.ts +4 -4
  323. package/components/Icons/UniProsthesis.d.ts +4 -4
  324. package/components/Icons/Upload.d.ts +4 -4
  325. package/components/Icons/UserOrganization.d.ts +4 -4
  326. package/components/Icons/Vaccine.d.ts +4 -4
  327. package/components/Icons/VerticalDots.d.ts +4 -4
  328. package/components/Icons/VideoCamera.d.ts +4 -4
  329. package/components/Icons/VideoChat.d.ts +4 -4
  330. package/components/Icons/Wallet.d.ts +4 -4
  331. package/components/Icons/Watch.d.ts +4 -4
  332. package/components/Icons/Website.d.ts +4 -4
  333. package/components/Icons/Wheelchair.d.ts +4 -4
  334. package/components/Icons/WheelchairActive.d.ts +4 -4
  335. package/components/Icons/Window.d.ts +4 -4
  336. package/components/Icons/WordDocument.d.ts +4 -4
  337. package/components/Icons/WorkSuitcase.d.ts +4 -4
  338. package/components/Icons/X.d.ts +4 -4
  339. package/components/Icons/XOutline.d.ts +4 -4
  340. package/components/Icons/XmlFile.d.ts +4 -4
  341. package/components/Icons/YouTube.d.ts +4 -4
  342. package/components/Icons/Zoom.d.ts +4 -4
  343. package/components/Icons/index.d.ts +4 -4
  344. package/components/Icons/index.js +1 -1
  345. package/components/Input/Input.d.ts +54 -54
  346. package/components/Input/index.d.ts +3 -3
  347. package/components/Input/index.js +1 -1
  348. package/components/Input/styles.module.scss +59 -59
  349. package/components/Input/styles.module.scss.d.ts +23 -23
  350. package/components/LinkList/LinkList.d.ts +41 -41
  351. package/components/LinkList/index.d.ts +3 -3
  352. package/components/LinkList/index.js +1 -1
  353. package/components/LinkList/styles.module.scss +147 -147
  354. package/components/LinkList/styles.module.scss.d.ts +26 -26
  355. package/components/List/List.d.ts +9 -9
  356. package/components/List/index.d.ts +3 -3
  357. package/components/List/styles.module.scss +11 -11
  358. package/components/List/styles.module.scss.d.ts +10 -10
  359. package/components/Loader/Loader.d.ts +32 -32
  360. package/components/Loader/index.d.ts +3 -3
  361. package/components/Loader/styles.module.scss +194 -194
  362. package/components/Logo/Logo.d.ts +17 -17
  363. package/components/Logo/index.d.ts +3 -3
  364. package/components/Modal/Modal.d.ts +69 -69
  365. package/components/Modal/__mocks__/IntersectionObserver.d.ts +5 -5
  366. package/components/Modal/index.d.ts +3 -3
  367. package/components/Modal/index.js +1 -1
  368. package/components/Modal/styles.module.scss +243 -243
  369. package/components/Modal/styles.module.scss.d.ts +41 -41
  370. package/components/NotificationPanel/NotificationPanel.d.ts +47 -47
  371. package/components/NotificationPanel/index.d.ts +3 -3
  372. package/components/NotificationPanel/index.js +1 -1
  373. package/components/NotificationPanel/styles.module.scss +153 -153
  374. package/components/NotificationPanel/styles.module.scss.d.ts +33 -33
  375. package/components/Portal/index.d.ts +12 -12
  376. package/components/RadioButton/RadioButton.d.ts +30 -30
  377. package/components/RadioButton/index.d.ts +3 -3
  378. package/components/RadioButton/styles.module.scss +236 -236
  379. package/components/RadioButton/styles.module.scss.d.ts +23 -23
  380. package/components/Slider/Slider.d.ts +19 -19
  381. package/components/Slider/SliderUtils.d.ts +40 -40
  382. package/components/Slider/index.d.ts +3 -3
  383. package/components/Slider/styles.module.scss +85 -85
  384. package/components/Slider/styles.module.scss.d.ts +19 -19
  385. package/components/Spacer/Spacer.d.ts +12 -12
  386. package/components/Spacer/index.d.ts +3 -3
  387. package/components/Spacer/styles.module.scss +47 -47
  388. package/components/Spacer/styles.module.scss.d.ts +22 -22
  389. package/components/Textarea/Textarea.d.ts +36 -36
  390. package/components/Textarea/index.d.ts +3 -3
  391. package/components/Textarea/styles.module.scss +57 -57
  392. package/components/Textarea/styles.module.scss.d.ts +26 -26
  393. package/components/Tile/Tile.d.ts +33 -33
  394. package/components/Tile/index.d.ts +3 -3
  395. package/components/Tile/index.js +1 -1
  396. package/components/Tile/styles.module.scss +115 -115
  397. package/components/Tile/styles.module.scss.d.ts +18 -18
  398. package/components/Title/Title.d.ts +25 -25
  399. package/components/Title/index.d.ts +3 -3
  400. package/components/Title/styles.module.scss +27 -27
  401. package/components/Title/styles.module.scss.d.ts +15 -15
  402. package/components/Validation/Validation.d.ts +16 -16
  403. package/components/Validation/index.d.ts +3 -3
  404. package/components/Validation/index.js +1 -1
  405. package/components/Validation/styles.module.scss +18 -18
  406. package/components/Validation/styles.module.scss.d.ts +10 -10
  407. package/constants.d.ts +91 -91
  408. package/hooks/focus-utils.d.ts +6 -6
  409. package/hooks/useBreakpoint.d.ts +12 -12
  410. package/hooks/useFocusToggle.d.ts +13 -13
  411. package/hooks/useFocusTrap.d.ts +3 -3
  412. package/hooks/useHover.d.ts +11 -11
  413. package/hooks/useIcons.d.ts +3 -3
  414. package/hooks/useIntersectionObserver.d.ts +10 -10
  415. package/hooks/useIsVisible.d.ts +9 -9
  416. package/hooks/useLayoutEvent.d.ts +8 -8
  417. package/hooks/usePrevious.d.ts +7 -0
  418. package/hooks/usePrevious.d.ts.map +1 -0
  419. package/hooks/useSize.d.ts +8 -8
  420. package/hooks/useSticky.d.ts +20 -20
  421. package/hooks/useWindowSize.d.ts +4 -4
  422. package/index.d.ts +13 -12
  423. package/index.d.ts.map +1 -1
  424. package/index.js +1 -1
  425. package/package.json +1 -1
  426. package/scss/_body.scss +11 -11
  427. package/scss/_breakpoints.scss +16 -16
  428. package/scss/_font-settings.scss +8 -8
  429. package/scss/_fonts.scss +112 -112
  430. package/scss/_grid.scss +1 -1
  431. package/scss/_input.scss +176 -176
  432. package/scss/_palette.scss +136 -136
  433. package/scss/_print.scss +176 -176
  434. package/scss/_reset.scss +13 -13
  435. package/scss/_spacers.scss +40 -40
  436. package/scss/_title.scss +59 -59
  437. package/scss/helsenorge.scss +8 -8
  438. package/scss/typography.module.scss +154 -154
  439. package/theme/currys/color.d.ts +3 -3
  440. package/theme/currys/index.d.ts +2 -2
  441. package/theme/currys/spacing.d.ts +3 -3
  442. package/theme/grid.d.ts +20 -20
  443. package/theme/index.d.ts +98 -98
  444. package/theme/palette.d.ts +67 -67
  445. package/theme/spacers.d.ts +18 -18
  446. package/usePrevious-ae293b10.js +2 -0
  447. package/usePrevious-ae293b10.js.map +1 -0
  448. package/utils/debounce.d.ts +7 -7
  449. package/utils/uuid.d.ts +2 -2
  450. package/utils/viewport.d.ts +1 -1
  451. package/AlertSignFill-e607ff43.js +0 -2
  452. package/AlertSignFill-e607ff43.js.map +0 -1
  453. package/Button-397ff5a8.js +0 -2
  454. package/Button-397ff5a8.js.map +0 -1
  455. package/Check-6291ad09.js +0 -2
  456. package/Check-6291ad09.js.map +0 -1
  457. package/Checkbox-acd12b0c.js +0 -2
  458. package/Checkbox-acd12b0c.js.map +0 -1
  459. package/ChevronUp-4b6797ef.js +0 -2
  460. package/ChevronUp-4b6797ef.js.map +0 -1
  461. package/Close-060173de.js +0 -2
  462. package/Close-060173de.js.map +0 -1
  463. package/FormGroup-b2b6efe0.js.map +0 -1
  464. package/Icon-537c6b21.js +0 -2
  465. package/Icon-537c6b21.js.map +0 -1
  466. package/Input-59ca2467.js +0 -2
  467. package/Input-59ca2467.js.map +0 -1
  468. package/Modal-3c7f9f93.js +0 -2
  469. package/Modal-3c7f9f93.js.map +0 -1
  470. package/Validation-16a8bdcd.js +0 -2
  471. package/Validation-16a8bdcd.js.map +0 -1
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Wallet: React.FC<SvgPathProps>;
4
- export default Wallet;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Wallet: React.FC<SvgPathProps>;
4
+ export default Wallet;
5
5
  //# sourceMappingURL=Wallet.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Watch: React.FC<SvgPathProps>;
4
- export default Watch;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Watch: React.FC<SvgPathProps>;
4
+ export default Watch;
5
5
  //# sourceMappingURL=Watch.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Website: React.FC<SvgPathProps>;
4
- export default Website;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Website: React.FC<SvgPathProps>;
4
+ export default Website;
5
5
  //# sourceMappingURL=Website.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Wheelchair: React.FC<SvgPathProps>;
4
- export default Wheelchair;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Wheelchair: React.FC<SvgPathProps>;
4
+ export default Wheelchair;
5
5
  //# sourceMappingURL=Wheelchair.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const WheelchairActive: React.FC<SvgPathProps>;
4
- export default WheelchairActive;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const WheelchairActive: React.FC<SvgPathProps>;
4
+ export default WheelchairActive;
5
5
  //# sourceMappingURL=WheelchairActive.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Window: React.FC<SvgPathProps>;
4
- export default Window;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Window: React.FC<SvgPathProps>;
4
+ export default Window;
5
5
  //# sourceMappingURL=Window.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const WordDocument: React.FC<SvgPathProps>;
4
- export default WordDocument;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const WordDocument: React.FC<SvgPathProps>;
4
+ export default WordDocument;
5
5
  //# sourceMappingURL=WordDocument.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const WorkSuitcase: React.FC<SvgPathProps>;
4
- export default WorkSuitcase;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const WorkSuitcase: React.FC<SvgPathProps>;
4
+ export default WorkSuitcase;
5
5
  //# sourceMappingURL=WorkSuitcase.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const X: React.FC<SvgPathProps>;
4
- export default X;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const X: React.FC<SvgPathProps>;
4
+ export default X;
5
5
  //# sourceMappingURL=X.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const XOutline: React.FC<SvgPathProps>;
4
- export default XOutline;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const XOutline: React.FC<SvgPathProps>;
4
+ export default XOutline;
5
5
  //# sourceMappingURL=XOutline.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const XmlFile: React.FC<SvgPathProps>;
4
- export default XmlFile;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const XmlFile: React.FC<SvgPathProps>;
4
+ export default XmlFile;
5
5
  //# sourceMappingURL=XmlFile.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const YouTube: React.FC<SvgPathProps>;
4
- export default YouTube;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const YouTube: React.FC<SvgPathProps>;
4
+ export default YouTube;
5
5
  //# sourceMappingURL=YouTube.d.ts.map
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { SvgPathProps } from './Icon';
3
- declare const Zoom: React.FC<SvgPathProps>;
4
- export default Zoom;
1
+ import React from 'react';
2
+ import { SvgPathProps } from './Icon';
3
+ declare const Zoom: React.FC<SvgPathProps>;
4
+ export default Zoom;
5
5
  //# sourceMappingURL=Zoom.d.ts.map
@@ -1,5 +1,5 @@
1
- export * from './Icon';
2
- export { IconSize } from '../../constants';
3
- import { Icon } from './Icon';
4
- export default Icon;
1
+ export * from './Icon';
2
+ export { IconSize } from '../../constants';
3
+ import { Icon } from './Icon';
4
+ export default Icon;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- import{I as o}from"../../Icon-537c6b21.js";export{I as Icon,I as default,r as returnIcon}from"../../Icon-537c6b21.js";export{I as IconSize}from"../../constants-eb74321e.js";import"../../_tslib-51c8a283.js";import"react";
1
+ import{Icon as o}from"./Icon.js";export{Icon,Icon as default,returnIcon}from"./Icon.js";export{I as IconSize}from"../../constants-eb74321e.js";import"../../_tslib-51c8a283.js";import"react";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,55 +1,55 @@
1
- import React from 'react';
2
- import { FormMode, FormVariant } from '../../constants';
3
- import { SvgIcon } from '../Icons';
4
- export interface InputProps {
5
- /** initial value for input */
6
- defaultValue?: string;
7
- /** Text for the placeholder */
8
- placeholder?: string;
9
- /** HMTL Input type */
10
- type?: keyof typeof InputTypes;
11
- /** input id */
12
- inputId?: string;
13
- /** Unique identifyer for the input tag */
14
- name?: string;
15
- /** If true, the component will be transparent. */
16
- transparent?: boolean;
17
- /** Icon to be displayed next to the input field */
18
- icon?: SvgIcon;
19
- /** Places the icon to the right */
20
- iconRight?: boolean;
21
- /** Changes the color profile of the input */
22
- mode?: keyof typeof FormMode;
23
- /** Changes the visuals of the input */
24
- variant?: keyof typeof FormVariant;
25
- /** Label of the input */
26
- label?: string;
27
- /** Activates Error style for the input */
28
- error?: boolean;
29
- /** Error text to show above the component */
30
- errorText?: string;
31
- /** Sets the data-testid attribute. */
32
- testId?: string;
33
- /** Disables the input field */
34
- disabled?: boolean;
35
- /** Om input feltet er readOnly */
36
- readOnly?: boolean;
37
- /** attribute autocomplete, */
38
- autocomplete?: string;
39
- /** Component shown after label */
40
- afterLabelChildren?: React.ReactNode;
41
- /** Component shown under label */
42
- belowLabelChildren?: React.ReactNode;
43
- }
44
- export declare enum InputTypes {
45
- text = "text",
46
- number = "number",
47
- email = "email",
48
- password = "password",
49
- search = "search",
50
- tel = "tel",
51
- url = "url"
52
- }
53
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
54
- export default Input;
1
+ import React from 'react';
2
+ import { FormMode, FormVariant } from '../../constants';
3
+ import { SvgIcon } from '../Icons';
4
+ export interface InputProps {
5
+ /** initial value for input */
6
+ defaultValue?: string;
7
+ /** Text for the placeholder */
8
+ placeholder?: string;
9
+ /** HMTL Input type */
10
+ type?: keyof typeof InputTypes;
11
+ /** input id */
12
+ inputId?: string;
13
+ /** Unique identifyer for the input tag */
14
+ name?: string;
15
+ /** If true, the component will be transparent. */
16
+ transparent?: boolean;
17
+ /** Icon to be displayed next to the input field */
18
+ icon?: SvgIcon;
19
+ /** Places the icon to the right */
20
+ iconRight?: boolean;
21
+ /** Changes the color profile of the input */
22
+ mode?: keyof typeof FormMode;
23
+ /** Changes the visuals of the input */
24
+ variant?: keyof typeof FormVariant;
25
+ /** Label of the input */
26
+ label?: string;
27
+ /** Activates Error style for the input */
28
+ error?: boolean;
29
+ /** Error text to show above the component */
30
+ errorText?: string;
31
+ /** Sets the data-testid attribute. */
32
+ testId?: string;
33
+ /** Disables the input field */
34
+ disabled?: boolean;
35
+ /** Om input feltet er readOnly */
36
+ readOnly?: boolean;
37
+ /** attribute autocomplete, */
38
+ autocomplete?: string;
39
+ /** Component shown after label */
40
+ afterLabelChildren?: React.ReactNode;
41
+ /** Component shown under label */
42
+ belowLabelChildren?: React.ReactNode;
43
+ }
44
+ export declare enum InputTypes {
45
+ text = "text",
46
+ number = "number",
47
+ email = "email",
48
+ password = "password",
49
+ search = "search",
50
+ tel = "tel",
51
+ url = "url"
52
+ }
53
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
54
+ export default Input;
55
55
  //# sourceMappingURL=Input.d.ts.map
@@ -1,4 +1,4 @@
1
- import Input from './Input';
2
- export * from './Input';
3
- export default Input;
1
+ import Input from './Input';
2
+ export * from './Input';
3
+ export default Input;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- import{I as s}from"../../Input-59ca2467.js";export{a as InputTypes,I as default}from"../../Input-59ca2467.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-eb74321e.js";import"../../uuid-fe7442b7.js";import"../../Icon-537c6b21.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-552af2b9.js";import"./styles.module.scss";
1
+ import{I as s}from"../../Input-31d7accc.js";export{a as InputTypes,I as default}from"../../Input-31d7accc.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-eb74321e.js";import"../../uuid-fe7442b7.js";import"../Icons/Icon.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-552af2b9.js";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,59 +1,59 @@
1
- @import '../../scss/_spacers.scss';
2
- @import '../../scss/_breakpoints.scss';
3
- @import '../../scss/_palette.scss';
4
- @import '../../scss/_font-settings.scss';
5
- @import '../../scss/_input.scss';
6
-
7
- .input-wrapper {
8
- @include input-wrapper;
9
-
10
- margin: getSpacer(l) 0;
11
- }
12
-
13
- .input-wrapper:first-of-type {
14
- margin-top: 0;
15
- }
16
-
17
- .input-wrapper:last-of-type {
18
- margin-bottom: 0;
19
- }
20
-
21
- .content-wrapper {
22
- @include content-wrapper;
23
-
24
- padding: 0.5rem 0;
25
- display: inline-flex;
26
- align-items: center;
27
-
28
- &--with-icon {
29
- padding: 1px 0;
30
-
31
- @media (min-width: map-get($grid-breakpoints, md)) {
32
- padding: 0.375rem 0;
33
- }
34
- }
35
-
36
- &--with-icon#{&}--bigform {
37
- padding: getSpacer(2xs) 0;
38
- }
39
-
40
- &__input {
41
- line-height: getSpacer(m);
42
- height: getSpacer(m);
43
-
44
- &--bigform {
45
- height: 2.5rem;
46
- }
47
-
48
- @media (min-width: map-get($grid-breakpoints, md)) {
49
- line-height: 1.625rem;
50
- height: 2.125rem;
51
- font-size: $font-size-md;
52
-
53
- &--bigform {
54
- line-height: 1.75rem;
55
- height: 3.5rem;
56
- }
57
- }
58
- }
59
- }
1
+ @import '../../scss/_spacers.scss';
2
+ @import '../../scss/_breakpoints.scss';
3
+ @import '../../scss/_palette.scss';
4
+ @import '../../scss/_font-settings.scss';
5
+ @import '../../scss/_input.scss';
6
+
7
+ .input-wrapper {
8
+ @include input-wrapper;
9
+
10
+ margin: getSpacer(l) 0;
11
+ }
12
+
13
+ .input-wrapper:first-of-type {
14
+ margin-top: 0;
15
+ }
16
+
17
+ .input-wrapper:last-of-type {
18
+ margin-bottom: 0;
19
+ }
20
+
21
+ .content-wrapper {
22
+ @include content-wrapper;
23
+
24
+ padding: 0.5rem 0;
25
+ display: inline-flex;
26
+ align-items: center;
27
+
28
+ &--with-icon {
29
+ padding: 1px 0;
30
+
31
+ @media (min-width: map-get($grid-breakpoints, md)) {
32
+ padding: 0.375rem 0;
33
+ }
34
+ }
35
+
36
+ &--with-icon#{&}--bigform {
37
+ padding: getSpacer(2xs) 0;
38
+ }
39
+
40
+ &__input {
41
+ line-height: getSpacer(m);
42
+ height: getSpacer(m);
43
+
44
+ &--bigform {
45
+ height: 2.5rem;
46
+ }
47
+
48
+ @media (min-width: map-get($grid-breakpoints, md)) {
49
+ line-height: 1.625rem;
50
+ height: 2.125rem;
51
+ font-size: $font-size-md;
52
+
53
+ &--bigform {
54
+ line-height: 1.75rem;
55
+ height: 3.5rem;
56
+ }
57
+ }
58
+ }
59
+ }
@@ -1,23 +1,23 @@
1
- export type Styles = {
2
- 'content-wrapper': string;
3
- 'content-wrapper__input': string;
4
- 'content-wrapper__input--bigform': string;
5
- 'content-wrapper__input--disabled': string;
6
- 'content-wrapper--bigform': string;
7
- 'content-wrapper--disabled': string;
8
- 'content-wrapper--invalid': string;
9
- 'content-wrapper--on-blueberry': string;
10
- 'content-wrapper--on-dark': string;
11
- 'content-wrapper--transparent': string;
12
- 'content-wrapper--with-icon': string;
13
- 'input-wrapper': string;
14
- 'input-wrapper__after-label-children': string;
15
- 'input-wrapper__label-wrapper': string;
16
- 'input-wrapper__label-wrapper--on-dark': string;
17
- };
18
-
19
- export type ClassNames = keyof Styles;
20
-
21
- declare const styles: Styles;
22
-
23
- export default styles;
1
+ export type Styles = {
2
+ 'content-wrapper': string;
3
+ 'content-wrapper__input': string;
4
+ 'content-wrapper__input--bigform': string;
5
+ 'content-wrapper__input--disabled': string;
6
+ 'content-wrapper--bigform': string;
7
+ 'content-wrapper--disabled': string;
8
+ 'content-wrapper--invalid': string;
9
+ 'content-wrapper--on-blueberry': string;
10
+ 'content-wrapper--on-dark': string;
11
+ 'content-wrapper--transparent': string;
12
+ 'content-wrapper--with-icon': string;
13
+ 'input-wrapper': string;
14
+ 'input-wrapper__after-label-children': string;
15
+ 'input-wrapper__label-wrapper': string;
16
+ 'input-wrapper__label-wrapper--on-dark': string;
17
+ };
18
+
19
+ export type ClassNames = keyof Styles;
20
+
21
+ declare const styles: Styles;
22
+
23
+ export default styles;
@@ -1,42 +1,42 @@
1
- import React from 'react';
2
- import { PaletteNames } from '../../theme/palette';
3
- export declare type LinkListSize = 'small' | 'medium' | 'large';
4
- export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
5
- export declare type LinkListColors = PaletteNames;
6
- export declare type LinkType = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>>;
7
- export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
8
- Link: LinkType;
9
- }
10
- interface LinkListProps {
11
- /** Items in the LinkList */
12
- children: React.ReactNode;
13
- /** Adds custom classes to the element. */
14
- className?: string;
15
- /** Changes the link list background color on hover. */
16
- color: LinkListColors;
17
- /** Toggles chevron icon on or off. */
18
- chevron?: boolean;
19
- /** Toggles the bottom border of the last child element. */
20
- bottomBorder?: boolean;
21
- /** Toggles the top border of the first child element. */
22
- topBorder?: boolean;
23
- /** Changes size of the LinkList. */
24
- size?: LinkListSize;
25
- /** Sets the data-testid attribute. */
26
- testId?: string;
27
- }
28
- export interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
29
- children: React.ReactNode;
30
- color?: LinkListColors;
31
- size?: LinkListSize;
32
- chevron?: boolean;
33
- className?: string;
34
- icon?: React.ReactElement;
35
- href?: string;
36
- target?: LinkAnchorTargets;
37
- /** Sets the data-testid attribute. */
38
- testId?: string;
39
- }
40
- export declare const LinkList: CompoundComponent;
41
- export default LinkList;
1
+ import React from 'react';
2
+ import { PaletteNames } from '../../theme/palette';
3
+ export declare type LinkListSize = 'small' | 'medium' | 'large';
4
+ export declare type LinkAnchorTargets = '_self' | '_blank' | '_parent';
5
+ export declare type LinkListColors = PaletteNames;
6
+ export declare type LinkType = React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>>;
7
+ export interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {
8
+ Link: LinkType;
9
+ }
10
+ interface LinkListProps {
11
+ /** Items in the LinkList */
12
+ children: React.ReactNode;
13
+ /** Adds custom classes to the element. */
14
+ className?: string;
15
+ /** Changes the link list background color on hover. */
16
+ color: LinkListColors;
17
+ /** Toggles chevron icon on or off. */
18
+ chevron?: boolean;
19
+ /** Toggles the bottom border of the last child element. */
20
+ bottomBorder?: boolean;
21
+ /** Toggles the top border of the first child element. */
22
+ topBorder?: boolean;
23
+ /** Changes size of the LinkList. */
24
+ size?: LinkListSize;
25
+ /** Sets the data-testid attribute. */
26
+ testId?: string;
27
+ }
28
+ export interface LinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
29
+ children: React.ReactNode;
30
+ color?: LinkListColors;
31
+ size?: LinkListSize;
32
+ chevron?: boolean;
33
+ className?: string;
34
+ icon?: React.ReactElement;
35
+ href?: string;
36
+ target?: LinkAnchorTargets;
37
+ /** Sets the data-testid attribute. */
38
+ testId?: string;
39
+ }
40
+ export declare const LinkList: CompoundComponent;
41
+ export default LinkList;
42
42
  //# sourceMappingURL=LinkList.d.ts.map
@@ -1,4 +1,4 @@
1
- import LinkList from './LinkList';
2
- export * from './LinkList';
3
- export default LinkList;
1
+ import LinkList from './LinkList';
2
+ export * from './LinkList';
3
+ export default LinkList;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as t}from"../../_tslib-51c8a283.js";import r from"react";import{c as a}from"../../index-9b84fabc.js";import{I as l}from"../../Icon-537c6b21.js";import{A as i,I as o}from"../../constants-eb74321e.js";import{u as s,B as n}from"../../useBreakpoint-552af2b9.js";import{u as m}from"../../useHover-9710204a.js";import c from"./styles.module.scss";import"../../grid-11a70eb7.js";var d=function(e){var t=e.isExtraSmall,a=e.isHovered,l=r.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),i=r.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),o=r.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return t?a?r.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):o:a?i:l},p=r.forwardRef((function(p,v){var f,u=p.children,h=p.className,_=void 0===h?"":h,k=p.color,b=void 0===k?"neutral":k,E=p.icon,L=p.size,z=void 0===L?"medium":L,g=p.chevron,j=void 0!==g&&g,N=p.testId,H=p.target,I=t(p,["children","className","color","icon","size","chevron","testId","target"]),x=m(),y=x.hoverRef,B=x.isHovered,M=s(),S="small"!==z&&!(!j&&!E);return r.createElement("li",{ref:v,"data-testid":N,"data-analyticsid":i.Link},r.createElement("a",Object.assign({className:a(c["link-list__anchor"],c["link-list__anchor--"+b],(f={},e(f,c["link-list__anchor--small"],"small"===z),e(f,c["link-list__anchor--medium"],"medium"===z),e(f,c["link-list__anchor--large"],"large"===z),f),_),ref:y,rel:"_blank"===H?"noopener noreferrer":void 0,target:H},I),S&&E&&r.createElement("span",{className:c["link-list__icon"]},r.cloneElement(E,{size:M===n.xs?o.XSmall:o.Small,isHovered:B})),r.createElement("span",{className:c["link-list__content"]},u),S&&j&&r.createElement("span",{className:c["link-list__chevron"]},r.createElement(l,{svgIcon:d,isHovered:B,size:o.XSmall}))))})),v=r.forwardRef((function(t,l){var o,s=t.children,n=t.className,m=void 0===n?"":n,d=t.chevron,v=void 0!==d&&d,f=t.size,u=void 0===f?"medium":f,h=t.color,_=t.topBorder,k=void 0===_||_,b=t.bottomBorder,E=void 0===b||b,L=t.testId;return r.createElement("ul",{ref:l,className:a(c["link-list"],(o={},e(o,c["link-list--hastopborder"],k),e(o,c["link-list--nobottomborder"],!E),o),m||""),"data-testid":L,"data-analyticsid":i.LinkList},r.Children.map(s,(function(e){if(e.type===p)return r.cloneElement(e,{color:h,size:u,chevron:v})})))}));v.Link=p,p.displayName="LinkList.Link";export default v;export{v as LinkList};
1
+ import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"../../_tslib-51c8a283.js";import o from"react";import{c as i}from"../../index-9b84fabc.js";import{Icon as t}from"../Icons/Icon.js";import{A as s,I as a}from"../../constants-eb74321e.js";import l from"../Icons/ChevronRight.js";import{u as n,B as m}from"../../useBreakpoint-552af2b9.js";import{u as c}from"../../useHover-9710204a.js";import d from"./styles.module.scss";import"../../grid-11a70eb7.js";var f=o.forwardRef((function(f,p){var v,u=f.children,_=f.className,h=void 0===_?"":_,k=f.color,b=void 0===k?"neutral":k,g=f.icon,j=f.size,E=void 0===j?"medium":j,N=f.chevron,I=void 0!==N&&N,L=f.testId,z=f.target,y=r(f,["children","className","color","icon","size","chevron","testId","target"]),B=c(),H=B.hoverRef,x=B.isHovered,R=n(),S="small"!==E&&!(!I&&!g);return o.createElement("li",{ref:p,"data-testid":L,"data-analyticsid":s.Link},o.createElement("a",Object.assign({className:i(d["link-list__anchor"],d["link-list__anchor--"+b],(v={},e(v,d["link-list__anchor--small"],"small"===E),e(v,d["link-list__anchor--medium"],"medium"===E),e(v,d["link-list__anchor--large"],"large"===E),v),h),ref:H,rel:"_blank"===z?"noopener noreferrer":void 0,target:z},y),S&&g&&o.createElement("span",{className:d["link-list__icon"]},o.cloneElement(g,{size:R===m.xs?a.XSmall:a.Small,isHovered:x})),o.createElement("span",{className:d["link-list__content"]},u),S&&I&&o.createElement("span",{className:d["link-list__chevron"]},o.createElement(t,{svgIcon:l,isHovered:x,size:a.XSmall}))))})),p=o.forwardRef((function(r,t){var a,l=r.children,n=r.className,m=void 0===n?"":n,c=r.chevron,p=void 0!==c&&c,v=r.size,u=void 0===v?"medium":v,_=r.color,h=r.topBorder,k=void 0===h||h,b=r.bottomBorder,g=void 0===b||b,j=r.testId;return o.createElement("ul",{ref:t,className:i(d["link-list"],(a={},e(a,d["link-list--hastopborder"],k),e(a,d["link-list--nobottomborder"],!g),a),m||""),"data-testid":j,"data-analyticsid":s.LinkList},o.Children.map(l,(function(e){if(e.type===f)return o.cloneElement(e,{color:_,size:u,chevron:p})})))}));p.Link=f,f.displayName="LinkList.Link";export default p;export{p as LinkList};
2
2
  //# sourceMappingURL=index.js.map