@helsenorge/designsystem-react 1.0.0-beta103 → 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 (510) 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-af33981a.js +2 -0
  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/{Loader-fa16a352.js → Loader-bc13d060.js} +2 -2
  13. package/Loader-bc13d060.js.map +1 -0
  14. package/Modal-ff546be0.js +2 -0
  15. package/Modal-ff546be0.js.map +1 -0
  16. package/README.md +69 -69
  17. package/{RadioButton-fe4bbd36.js → RadioButton-c173d440.js} +2 -2
  18. package/RadioButton-c173d440.js.map +1 -0
  19. package/{Textarea-e1d1144c.js → Textarea-78e20c9a.js} +2 -2
  20. package/Textarea-78e20c9a.js.map +1 -0
  21. package/{Title-af53f589.js → Title-9df559dd.js} +2 -2
  22. package/Title-9df559dd.js.map +1 -0
  23. package/{Validation-fd3f7f58.js → Validation-4041c083.js} +2 -2
  24. package/Validation-4041c083.js.map +1 -0
  25. package/components/AnchorLink/AnchorLink.d.ts +18 -18
  26. package/components/AnchorLink/index.d.ts +3 -3
  27. package/components/AnchorLink/index.js +1 -1
  28. package/components/AnchorLink/styles.module.scss +63 -63
  29. package/components/AnchorLink/styles.module.scss.d.ts +10 -10
  30. package/components/Avatar/Avatar.d.ts +15 -15
  31. package/components/Avatar/index.d.ts +3 -3
  32. package/components/Avatar/index.js +1 -1
  33. package/components/Avatar/styles.module.scss +22 -22
  34. package/components/Avatar/styles.module.scss.d.ts +11 -11
  35. package/components/Badge/Badge.d.ts +16 -16
  36. package/components/Badge/index.d.ts +3 -3
  37. package/components/Badge/index.js +1 -1
  38. package/components/Badge/styles.module.scss +41 -41
  39. package/components/Badge/styles.module.scss.d.ts +17 -17
  40. package/components/Button/Button.d.ts +41 -39
  41. package/components/Button/Button.d.ts.map +1 -1
  42. package/components/Button/componentdata.json +19 -0
  43. package/components/Button/index.d.ts +3 -3
  44. package/components/Button/index.js +1 -1
  45. package/components/Button/styles.module.scss +434 -434
  46. package/components/Button/styles.module.scss.d.ts +34 -34
  47. package/components/ButtonWithModal/ButtonWithModal.d.ts +10 -10
  48. package/components/ButtonWithModal/index.d.ts +3 -3
  49. package/components/ButtonWithModal/index.js +1 -1
  50. package/components/Checkbox/Checkbox.d.ts +30 -30
  51. package/components/Checkbox/index.d.ts +3 -3
  52. package/components/Checkbox/index.js +1 -1
  53. package/components/Checkbox/styles.module.scss +204 -204
  54. package/components/Checkbox/styles.module.scss.d.ts +26 -26
  55. package/components/Close/Close.d.ts +11 -11
  56. package/components/Close/index.d.ts +3 -3
  57. package/components/Close/index.js +1 -1
  58. package/components/Close/styles.module.scss +32 -32
  59. package/components/Close/styles.module.scss.d.ts +9 -9
  60. package/components/Expander/Expander.d.ts +32 -32
  61. package/components/Expander/Expander.d.ts.map +1 -1
  62. package/components/Expander/index.d.ts +3 -3
  63. package/components/Expander/index.js +1 -1
  64. package/components/Expander/styles.module.scss +165 -165
  65. package/components/Expander/styles.module.scss.d.ts +42 -42
  66. package/components/ExpanderList/ExpanderList.d.ts +47 -45
  67. package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
  68. package/components/ExpanderList/index.d.ts +3 -3
  69. package/components/ExpanderList/index.js +1 -1
  70. package/components/ExpanderList/styles.module.scss +160 -155
  71. package/components/ExpanderList/styles.module.scss.d.ts +28 -27
  72. package/components/FormExample/FormExample.d.ts +15 -15
  73. package/components/FormExample/index.d.ts +3 -3
  74. package/components/FormExample/index.js +1 -1
  75. package/components/FormExample/index.js.map +1 -1
  76. package/components/FormGroup/FormGroup.d.ts +24 -24
  77. package/components/FormGroup/index.d.ts +3 -3
  78. package/components/FormGroup/index.js +1 -1
  79. package/components/FormGroup/styles.module.scss +67 -67
  80. package/components/FormGroup/styles.module.scss.d.ts +16 -16
  81. package/components/HighlightBox/HighlightBox.d.ts +26 -23
  82. package/components/HighlightBox/HighlightBox.d.ts.map +1 -1
  83. package/components/HighlightBox/componentdata.json +19 -0
  84. package/components/HighlightBox/index.d.ts +3 -3
  85. package/components/HighlightBox/index.js +1 -1
  86. package/components/HighlightBox/styles.module.scss +174 -89
  87. package/components/Icons/ActiveMonitoring.d.ts +4 -4
  88. package/components/Icons/AcupunctureBack.d.ts +4 -4
  89. package/components/Icons/AcupunctureBack.js +1 -1
  90. package/components/Icons/AdditionalIconInformation.js +263 -263
  91. package/components/Icons/AdditionalIconInformation.js.map +1 -1
  92. package/components/Icons/AlarmClock.d.ts +4 -4
  93. package/components/Icons/AlertSignFill.d.ts +4 -4
  94. package/components/Icons/AlertSignStroke.d.ts +4 -4
  95. package/components/Icons/Amputation.d.ts +4 -4
  96. package/components/Icons/Anxiety.d.ts +4 -4
  97. package/components/Icons/Apple.d.ts +4 -4
  98. package/components/Icons/Archive.d.ts +4 -4
  99. package/components/Icons/ArmFlexing.d.ts +4 -4
  100. package/components/Icons/ArrowLeft.d.ts +4 -4
  101. package/components/Icons/ArrowRight.d.ts +4 -4
  102. package/components/Icons/ArrowUpRight.d.ts +4 -4
  103. package/components/Icons/Attachment.d.ts +4 -4
  104. package/components/Icons/Atv.d.ts +4 -4
  105. package/components/Icons/Avatar.d.ts +4 -4
  106. package/components/Icons/AwakePersonOnPillow.d.ts +4 -4
  107. package/components/Icons/Baby.d.ts +4 -4
  108. package/components/Icons/BandAid.d.ts +4 -4
  109. package/components/Icons/BeerAndPills.d.ts +4 -4
  110. package/components/Icons/Bell.d.ts +4 -4
  111. package/components/Icons/Bike.d.ts +4 -4
  112. package/components/Icons/BirthControl.d.ts +4 -4
  113. package/components/Icons/BirthdayCake.d.ts +4 -4
  114. package/components/Icons/Boat.d.ts +4 -4
  115. package/components/Icons/Body.d.ts +4 -4
  116. package/components/Icons/Brain.d.ts +4 -4
  117. package/components/Icons/BreastReconstruction.d.ts +4 -4
  118. package/components/Icons/BreastRemoval.d.ts +4 -4
  119. package/components/Icons/Breasts.d.ts +4 -4
  120. package/components/Icons/BrokenHeart.d.ts +4 -4
  121. package/components/Icons/BrokenPuzzle.d.ts +4 -4
  122. package/components/Icons/Bus.d.ts +4 -4
  123. package/components/Icons/Calendar.d.ts +4 -4
  124. package/components/Icons/CalendarChange.d.ts +4 -4
  125. package/components/Icons/CalendarCheck.d.ts +4 -4
  126. package/components/Icons/CalendarEvent.d.ts +4 -4
  127. package/components/Icons/CalendarSave.d.ts +4 -4
  128. package/components/Icons/Cancer.d.ts +4 -4
  129. package/components/Icons/Car.d.ts +4 -4
  130. package/components/Icons/Change.d.ts +4 -4
  131. package/components/Icons/Check.d.ts +4 -4
  132. package/components/Icons/CheckOutline.d.ts +4 -4
  133. package/components/Icons/Chest.d.ts +4 -4
  134. package/components/Icons/ChevronDown.d.ts +4 -4
  135. package/components/Icons/ChevronLeft.d.ts +4 -4
  136. package/components/Icons/ChevronRight.d.ts +4 -4
  137. package/components/Icons/ChevronUp.d.ts +4 -4
  138. package/components/Icons/ChevronsDown.d.ts +4 -4
  139. package/components/Icons/ChevronsUp.d.ts +4 -4
  140. package/components/Icons/ChildPlaying.d.ts +4 -4
  141. package/components/Icons/Cigarette.d.ts +4 -4
  142. package/components/Icons/Contacts.d.ts +4 -4
  143. package/components/Icons/Copy.d.ts +4 -4
  144. package/components/Icons/CoronaCertificate.d.ts +4 -4
  145. package/components/Icons/Coronavirus.d.ts +4 -4
  146. package/components/Icons/Cough.d.ts +4 -4
  147. package/components/Icons/CriticalHealthInfo.d.ts +4 -4
  148. package/components/Icons/Cross.d.ts +4 -4
  149. package/components/Icons/DataExchange.d.ts +4 -4
  150. package/components/Icons/DataReceived.d.ts +4 -4
  151. package/components/Icons/DataSent.d.ts +4 -4
  152. package/components/Icons/Depression.d.ts +4 -4
  153. package/components/Icons/DigestiveSystem.d.ts +4 -4
  154. package/components/Icons/Dizzy.d.ts +4 -4
  155. package/components/Icons/Documents.d.ts +4 -4
  156. package/components/Icons/Dog.d.ts +4 -4
  157. package/components/Icons/DonorCard.d.ts +4 -4
  158. package/components/Icons/Download.d.ts +4 -4
  159. package/components/Icons/Draft.d.ts +4 -4
  160. package/components/Icons/EChat.d.ts +4 -4
  161. package/components/Icons/EarNoseThroat.d.ts +4 -4
  162. package/components/Icons/ElderlyPerson.d.ts +4 -4
  163. package/components/Icons/Embolization.d.ts +4 -4
  164. package/components/Icons/EnterFullScreen.d.ts +4 -4
  165. package/components/Icons/Envelope.d.ts +4 -4
  166. package/components/Icons/Epilepsy.d.ts +4 -4
  167. package/components/Icons/Eraser.d.ts +4 -4
  168. package/components/Icons/ErrorSignFill.d.ts +4 -4
  169. package/components/Icons/ErrorSignStroke.d.ts +4 -4
  170. package/components/Icons/EuropeanHealthCard.d.ts +4 -4
  171. package/components/Icons/ExitFullScreen.d.ts +4 -4
  172. package/components/Icons/Eye.d.ts +4 -4
  173. package/components/Icons/Facebook.d.ts +4 -4
  174. package/components/Icons/Female.d.ts +4 -4
  175. package/components/Icons/FemaleDoctor.d.ts +4 -4
  176. package/components/Icons/Ferry.d.ts +4 -4
  177. package/components/Icons/FingerBleed.d.ts +4 -4
  178. package/components/Icons/FirstAidKit.d.ts +4 -4
  179. package/components/Icons/FloppyDisk.d.ts +4 -4
  180. package/components/Icons/Football.d.ts +4 -4
  181. package/components/Icons/Form.d.ts +4 -4
  182. package/components/Icons/Forward.d.ts +4 -4
  183. package/components/Icons/Gallery.d.ts +4 -4
  184. package/components/Icons/Garden.d.ts +4 -4
  185. package/components/Icons/GasCan.d.ts +4 -4
  186. package/components/Icons/GenderIdentity.d.ts +4 -4
  187. package/components/Icons/Globe.d.ts +4 -4
  188. package/components/Icons/HandWaving.d.ts +4 -4
  189. package/components/Icons/HandWithDisease.d.ts +4 -4
  190. package/components/Icons/HealthClinic.d.ts +4 -4
  191. package/components/Icons/HealthWarning.d.ts +4 -4
  192. package/components/Icons/Heart.d.ts +4 -4
  193. package/components/Icons/HelpSign.d.ts +4 -4
  194. package/components/Icons/HelpingHand.d.ts +4 -4
  195. package/components/Icons/Hemodialysis.d.ts +4 -4
  196. package/components/Icons/Hiker.d.ts +4 -4
  197. package/components/Icons/Hipprosthesis.d.ts +4 -4
  198. package/components/Icons/History.d.ts +4 -4
  199. package/components/Icons/HivAndAids.d.ts +4 -4
  200. package/components/Icons/Home.d.ts +4 -4
  201. package/components/Icons/Hormone.d.ts +4 -4
  202. package/components/Icons/Hospital.d.ts +4 -4
  203. package/components/Icons/Hourglass.d.ts +4 -4
  204. package/components/Icons/Icon.d.ts +22 -22
  205. package/components/Icons/Icon.js +1 -1
  206. package/components/Icons/ImgFile.d.ts +4 -4
  207. package/components/Icons/Inbox.d.ts +4 -4
  208. package/components/Icons/InfoSignFill.d.ts +4 -4
  209. package/components/Icons/InfoSignStroke.d.ts +4 -4
  210. package/components/Icons/Instagram.d.ts +4 -4
  211. package/components/Icons/Intravenous.d.ts +4 -4
  212. package/components/Icons/JointPain.d.ts +4 -4
  213. package/components/Icons/Journal.d.ts +4 -4
  214. package/components/Icons/JpgFile.d.ts +4 -4
  215. package/components/Icons/Kidney.d.ts +4 -4
  216. package/components/Icons/KitchenScale.d.ts +4 -4
  217. package/components/Icons/Kjernejournal.d.ts +4 -4
  218. package/components/Icons/Laboratory.d.ts +4 -4
  219. package/components/Icons/LaptopBlog.d.ts +4 -4
  220. package/components/Icons/LawBook.d.ts +4 -4
  221. package/components/Icons/LightBulb.d.ts +4 -4
  222. package/components/Icons/List.d.ts +4 -4
  223. package/components/Icons/Location.d.ts +4 -4
  224. package/components/Icons/Lock.d.ts +4 -4
  225. package/components/Icons/Lungs.d.ts +4 -4
  226. package/components/Icons/Makeup.d.ts +4 -4
  227. package/components/Icons/MaleDoctor.d.ts +4 -4
  228. package/components/Icons/MaleDoctorAndPerson.d.ts +4 -4
  229. package/components/Icons/MaleGenitalia.d.ts +4 -4
  230. package/components/Icons/Medicine.d.ts +4 -4
  231. package/components/Icons/MedicineWarning.d.ts +4 -4
  232. package/components/Icons/MentalHealthAdult.d.ts +4 -4
  233. package/components/Icons/MentalHealthChild.d.ts +4 -4
  234. package/components/Icons/Menu.d.ts +4 -4
  235. package/components/Icons/Microscope.d.ts +4 -4
  236. package/components/Icons/Minus.d.ts +4 -4
  237. package/components/Icons/Mirror.d.ts +4 -4
  238. package/components/Icons/MobilePhone.d.ts +4 -4
  239. package/components/Icons/MotherHoldingBaby.d.ts +4 -4
  240. package/components/Icons/MuscleBack.d.ts +4 -4
  241. package/components/Icons/MuscleLeg.d.ts +4 -4
  242. package/components/Icons/Mushroom.d.ts +4 -4
  243. package/components/Icons/Music.d.ts +4 -4
  244. package/components/Icons/MusselsAndSalt.d.ts +4 -4
  245. package/components/Icons/NoEye.d.ts +4 -4
  246. package/components/Icons/NoEye.js +1 -1
  247. package/components/Icons/NoFilter.d.ts +4 -4
  248. package/components/Icons/Notepad.d.ts +4 -4
  249. package/components/Icons/Osteotomy.d.ts +4 -4
  250. package/components/Icons/PaintRoller.d.ts +4 -4
  251. package/components/Icons/PaperPlane.d.ts +4 -4
  252. package/components/Icons/PatientAndPerson.d.ts +4 -4
  253. package/components/Icons/Pause.d.ts +4 -4
  254. package/components/Icons/PdfFile.d.ts +4 -4
  255. package/components/Icons/Pencil.d.ts +4 -4
  256. package/components/Icons/PeopleTalking.d.ts +4 -4
  257. package/components/Icons/Peritonealdialysis.d.ts +4 -4
  258. package/components/Icons/Person.d.ts +4 -4
  259. package/components/Icons/PersonAndPatient.d.ts +4 -4
  260. package/components/Icons/PersonInXRayMachine.d.ts +4 -4
  261. package/components/Icons/PersonOverweight.d.ts +4 -4
  262. package/components/Icons/PersonRelaxing.d.ts +4 -4
  263. package/components/Icons/PersonWithBrain.d.ts +4 -4
  264. package/components/Icons/PersonWithBrokenArm.d.ts +4 -4
  265. package/components/Icons/PersonWithCrutches.d.ts +4 -4
  266. package/components/Icons/PersonWithJaw.d.ts +4 -4
  267. package/components/Icons/PersonWithMagnifyingGlass.d.ts +4 -4
  268. package/components/Icons/PersonWithSenses.d.ts +4 -4
  269. package/components/Icons/PersonWorking.d.ts +4 -4
  270. package/components/Icons/PizzaSlice.d.ts +4 -4
  271. package/components/Icons/Plane.d.ts +4 -4
  272. package/components/Icons/Plant.d.ts +4 -4
  273. package/components/Icons/Play.d.ts +4 -4
  274. package/components/Icons/PlusLarge.d.ts +4 -4
  275. package/components/Icons/PlusSmall.d.ts +4 -4
  276. package/components/Icons/PngFile.d.ts +4 -4
  277. package/components/Icons/Podcast.d.ts +4 -4
  278. package/components/Icons/PoisonInformation.d.ts +4 -4
  279. package/components/Icons/Pregnant.d.ts +4 -4
  280. package/components/Icons/Printer.d.ts +4 -4
  281. package/components/Icons/Psychosis.d.ts +4 -4
  282. package/components/Icons/Publication.d.ts +4 -4
  283. package/components/Icons/Puzzle.d.ts +4 -4
  284. package/components/Icons/QrCode.d.ts +4 -4
  285. package/components/Icons/Quarrel.d.ts +4 -4
  286. package/components/Icons/RadioTherapy.d.ts +4 -4
  287. package/components/Icons/RadioactiveTreatment.d.ts +4 -4
  288. package/components/Icons/Radioiodine.d.ts +4 -4
  289. package/components/Icons/Receipt.d.ts +4 -4
  290. package/components/Icons/Receptionist.d.ts +4 -4
  291. package/components/Icons/Recovery.d.ts +4 -4
  292. package/components/Icons/Referral.d.ts +4 -4
  293. package/components/Icons/Refresh.d.ts +4 -4
  294. package/components/Icons/Refund.d.ts +4 -4
  295. package/components/Icons/Reply.d.ts +4 -4
  296. package/components/Icons/Rocket.d.ts +4 -4
  297. package/components/Icons/RtfFile.d.ts +4 -4
  298. package/components/Icons/STDs.d.ts +4 -4
  299. package/components/Icons/Save.d.ts +4 -4
  300. package/components/Icons/Scale.d.ts +4 -4
  301. package/components/Icons/Search.d.ts +4 -4
  302. package/components/Icons/SectionSign.d.ts +4 -4
  303. package/components/Icons/SectionSign.js +1 -1
  304. package/components/Icons/Settings.d.ts +4 -4
  305. package/components/Icons/Sexualorientation.d.ts +4 -4
  306. package/components/Icons/ShakingHand.d.ts +4 -4
  307. package/components/Icons/Share.d.ts +4 -4
  308. package/components/Icons/Shield.d.ts +4 -4
  309. package/components/Icons/ShuntOperation.d.ts +4 -4
  310. package/components/Icons/Skeleton.d.ts +4 -4
  311. package/components/Icons/Skin.d.ts +4 -4
  312. package/components/Icons/Snake.d.ts +4 -4
  313. package/components/Icons/Snapchat.d.ts +4 -4
  314. package/components/Icons/SpeechBubble.d.ts +4 -4
  315. package/components/Icons/SpeechBubble.js +1 -1
  316. package/components/Icons/Spray.d.ts +4 -4
  317. package/components/Icons/Stopwatch.d.ts +4 -4
  318. package/components/Icons/SupportingPerson.d.ts +4 -4
  319. package/components/Icons/SupportingPerson.js +1 -1
  320. package/components/Icons/Surgery.d.ts +4 -4
  321. package/components/Icons/Syringe.d.ts +4 -4
  322. package/components/Icons/Syringe.js +1 -1
  323. package/components/Icons/Taxi.d.ts +4 -4
  324. package/components/Icons/TeddyBear.d.ts +4 -4
  325. package/components/Icons/Teenagers.d.ts +4 -4
  326. package/components/Icons/ThinkingAboutBaby.d.ts +4 -4
  327. package/components/Icons/Ticket.d.ts +4 -4
  328. package/components/Icons/TimePassing.d.ts +4 -4
  329. package/components/Icons/Toolbox.d.ts +4 -4
  330. package/components/Icons/Tooth.d.ts +4 -4
  331. package/components/Icons/TotalKneeProsthesis.d.ts +4 -4
  332. package/components/Icons/Train.d.ts +4 -4
  333. package/components/Icons/Transplantation.d.ts +4 -4
  334. package/components/Icons/TrashCan.d.ts +4 -4
  335. package/components/Icons/Twitter.d.ts +4 -4
  336. package/components/Icons/Undo.d.ts +4 -4
  337. package/components/Icons/UniProsthesis.d.ts +4 -4
  338. package/components/Icons/Upload.d.ts +4 -4
  339. package/components/Icons/UserOrganization.d.ts +4 -4
  340. package/components/Icons/Vaccine.d.ts +4 -4
  341. package/components/Icons/VerticalDots.d.ts +4 -4
  342. package/components/Icons/VideoCamera.d.ts +4 -4
  343. package/components/Icons/VideoChat.d.ts +4 -4
  344. package/components/Icons/Wallet.d.ts +4 -4
  345. package/components/Icons/Watch.d.ts +4 -4
  346. package/components/Icons/Website.d.ts +4 -4
  347. package/components/Icons/Wheelchair.d.ts +4 -4
  348. package/components/Icons/WheelchairActive.d.ts +4 -4
  349. package/components/Icons/Window.d.ts +4 -4
  350. package/components/Icons/WordDocument.d.ts +4 -4
  351. package/components/Icons/WorkSuitcase.d.ts +4 -4
  352. package/components/Icons/X.d.ts +4 -4
  353. package/components/Icons/XOutline.d.ts +4 -4
  354. package/components/Icons/XmlFile.d.ts +4 -4
  355. package/components/Icons/YouTube.d.ts +4 -4
  356. package/components/Icons/Zoom.d.ts +4 -4
  357. package/components/Icons/index.d.ts +4 -4
  358. package/components/Icons/index.js +1 -1
  359. package/components/Input/Input.d.ts +54 -54
  360. package/components/Input/index.d.ts +3 -3
  361. package/components/Input/index.js +1 -1
  362. package/components/Input/styles.module.scss +59 -59
  363. package/components/Input/styles.module.scss.d.ts +23 -23
  364. package/components/LinkList/LinkList.d.ts +41 -41
  365. package/components/LinkList/index.d.ts +3 -3
  366. package/components/LinkList/index.js +1 -1
  367. package/components/LinkList/styles.module.scss +147 -147
  368. package/components/LinkList/styles.module.scss.d.ts +26 -26
  369. package/components/List/List.d.ts +9 -9
  370. package/components/List/index.d.ts +3 -3
  371. package/components/List/index.js +1 -1
  372. package/components/List/styles.module.scss +11 -11
  373. package/components/List/styles.module.scss.d.ts +10 -10
  374. package/components/Loader/Loader.d.ts +32 -32
  375. package/components/Loader/index.d.ts +3 -3
  376. package/components/Loader/index.js +1 -1
  377. package/components/Loader/styles.module.scss +194 -194
  378. package/components/Logo/Logo.d.ts +17 -17
  379. package/components/Logo/index.d.ts +3 -3
  380. package/components/Logo/index.js +1 -1
  381. package/components/Modal/Modal.d.ts +69 -69
  382. package/components/Modal/__mocks__/IntersectionObserver.d.ts +5 -5
  383. package/components/Modal/index.d.ts +3 -3
  384. package/components/Modal/index.js +1 -1
  385. package/components/Modal/styles.module.scss +243 -243
  386. package/components/Modal/styles.module.scss.d.ts +41 -41
  387. package/components/NotificationPanel/NotificationPanel.d.ts +47 -47
  388. package/components/NotificationPanel/NotificationPanel.d.ts.map +1 -1
  389. package/components/NotificationPanel/componentdata.json +1 -1
  390. package/components/NotificationPanel/index.d.ts +3 -3
  391. package/components/NotificationPanel/index.js +1 -1
  392. package/components/NotificationPanel/styles.module.scss +153 -138
  393. package/components/NotificationPanel/styles.module.scss.d.ts +33 -34
  394. package/components/Portal/index.d.ts +12 -12
  395. package/components/Portal/index.js +1 -1
  396. package/components/RadioButton/RadioButton.d.ts +30 -30
  397. package/components/RadioButton/index.d.ts +3 -3
  398. package/components/RadioButton/index.js +1 -1
  399. package/components/RadioButton/styles.module.scss +236 -236
  400. package/components/RadioButton/styles.module.scss.d.ts +23 -23
  401. package/components/Slider/Slider.d.ts +19 -19
  402. package/components/Slider/SliderUtils.d.ts +40 -40
  403. package/components/Slider/index.d.ts +3 -3
  404. package/components/Slider/index.js +1 -1
  405. package/components/Slider/styles.module.scss +85 -85
  406. package/components/Slider/styles.module.scss.d.ts +19 -19
  407. package/components/Spacer/Spacer.d.ts +12 -12
  408. package/components/Spacer/index.d.ts +3 -3
  409. package/components/Spacer/index.js +1 -1
  410. package/components/Spacer/styles.module.scss +47 -47
  411. package/components/Spacer/styles.module.scss.d.ts +22 -22
  412. package/components/Textarea/Textarea.d.ts +36 -36
  413. package/components/Textarea/index.d.ts +3 -3
  414. package/components/Textarea/index.js +1 -1
  415. package/components/Textarea/styles.module.scss +57 -57
  416. package/components/Textarea/styles.module.scss.d.ts +26 -26
  417. package/components/Tile/Tile.d.ts +33 -33
  418. package/components/Tile/index.d.ts +3 -3
  419. package/components/Tile/index.js +1 -1
  420. package/components/Tile/styles.module.scss +115 -115
  421. package/components/Tile/styles.module.scss.d.ts +18 -18
  422. package/components/Title/Title.d.ts +25 -25
  423. package/components/Title/index.d.ts +3 -3
  424. package/components/Title/index.js +1 -1
  425. package/components/Title/styles.module.scss +27 -27
  426. package/components/Title/styles.module.scss.d.ts +15 -15
  427. package/components/Validation/Validation.d.ts +16 -16
  428. package/components/Validation/index.d.ts +3 -3
  429. package/components/Validation/index.js +1 -1
  430. package/components/Validation/styles.module.scss +18 -18
  431. package/components/Validation/styles.module.scss.d.ts +10 -10
  432. package/constants-eb74321e.js +2 -0
  433. package/constants-eb74321e.js.map +1 -0
  434. package/constants.d.ts +91 -90
  435. package/constants.d.ts.map +1 -1
  436. package/hooks/focus-utils.d.ts +6 -6
  437. package/hooks/useBreakpoint.d.ts +12 -12
  438. package/hooks/useFocusToggle.d.ts +13 -13
  439. package/hooks/useFocusTrap.d.ts +3 -3
  440. package/hooks/useHover.d.ts +11 -11
  441. package/hooks/useIcons.d.ts +3 -3
  442. package/hooks/useIntersectionObserver.d.ts +10 -10
  443. package/hooks/useIsVisible.d.ts +9 -9
  444. package/hooks/useLayoutEvent.d.ts +8 -8
  445. package/hooks/usePrevious.d.ts +7 -0
  446. package/hooks/usePrevious.d.ts.map +1 -0
  447. package/hooks/useSize.d.ts +9 -0
  448. package/hooks/useSize.d.ts.map +1 -0
  449. package/hooks/useSticky.d.ts +20 -20
  450. package/hooks/useWindowSize.d.ts +4 -4
  451. package/index.d.ts +13 -11
  452. package/index.d.ts.map +1 -1
  453. package/index.js +1 -1
  454. package/package.json +2 -6
  455. package/scss/_body.scss +11 -11
  456. package/scss/_breakpoints.scss +16 -16
  457. package/scss/_font-settings.scss +8 -8
  458. package/scss/_fonts.scss +112 -112
  459. package/scss/_grid.scss +1 -1
  460. package/scss/_input.scss +176 -175
  461. package/scss/_palette.scss +136 -136
  462. package/scss/_print.scss +176 -176
  463. package/scss/_reset.scss +13 -13
  464. package/scss/_spacers.scss +40 -40
  465. package/scss/_title.scss +59 -59
  466. package/scss/helsenorge.scss +8 -8
  467. package/scss/typography.module.scss +154 -154
  468. package/theme/currys/color.d.ts +3 -3
  469. package/theme/currys/index.d.ts +2 -2
  470. package/theme/currys/spacing.d.ts +3 -3
  471. package/theme/grid.d.ts +20 -20
  472. package/theme/index.d.ts +98 -98
  473. package/theme/palette.d.ts +67 -67
  474. package/theme/spacers.d.ts +18 -18
  475. package/usePrevious-ae293b10.js +2 -0
  476. package/usePrevious-ae293b10.js.map +1 -0
  477. package/useSticky-d61d1f0b.js +2 -0
  478. package/useSticky-d61d1f0b.js.map +1 -0
  479. package/utils/debounce.d.ts +7 -7
  480. package/utils/uuid.d.ts +2 -2
  481. package/utils/viewport.d.ts +1 -1
  482. package/AlertSignFill-e607ff43.js +0 -2
  483. package/AlertSignFill-e607ff43.js.map +0 -1
  484. package/Button-d5147e38.js +0 -2
  485. package/Button-d5147e38.js.map +0 -1
  486. package/Check-6291ad09.js +0 -2
  487. package/Check-6291ad09.js.map +0 -1
  488. package/Checkbox-798282e4.js +0 -2
  489. package/Checkbox-798282e4.js.map +0 -1
  490. package/ChevronUp-4b6797ef.js +0 -2
  491. package/ChevronUp-4b6797ef.js.map +0 -1
  492. package/Close-35ad7d35.js +0 -2
  493. package/Close-35ad7d35.js.map +0 -1
  494. package/FormGroup-0577b07f.js +0 -2
  495. package/FormGroup-0577b07f.js.map +0 -1
  496. package/Icon-89da8de4.js +0 -2
  497. package/Icon-89da8de4.js.map +0 -1
  498. package/Input-19650c24.js +0 -2
  499. package/Input-19650c24.js.map +0 -1
  500. package/Loader-fa16a352.js.map +0 -1
  501. package/Modal-ad02991b.js +0 -2
  502. package/Modal-ad02991b.js.map +0 -1
  503. package/RadioButton-fe4bbd36.js.map +0 -1
  504. package/Textarea-e1d1144c.js.map +0 -1
  505. package/Title-af53f589.js.map +0 -1
  506. package/Validation-fd3f7f58.js.map +0 -1
  507. package/constants-ad6c82db.js +0 -2
  508. package/constants-ad6c82db.js.map +0 -1
  509. package/useSticky-194f2b78.js +0 -2
  510. package/useSticky-194f2b78.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ import{_ as t,b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{A as r,I as l}from"./constants-eb74321e.js";import{g as i}from"./color-a10c7892.js";import{L as a}from"./Loader-bc13d060.js";import{u as s}from"./useHover-9710204a.js";import{u as d}from"./useWindowSize-750f9b68.js";import{b as u}from"./grid-11a70eb7.js";import{c}from"./index-9b84fabc.js";import m from"./components/Button/styles.module.scss";var b={primary:"blueberry",warning:"banana",danger:"cherry"},f=function(t,e){return e&&e<u.md&&t?l.Small:t?l.Medium:l.XSmall},p=o.forwardRef((function(u,p){var v,_,g,h=u.id,w=u.children,j=u.className,E=void 0===j?"":j,y=u.fluid,k=void 0!==y&&y,N=u.intent,I=void 0===N?"primary":N,B=u.inverted,C=void 0!==B&&B,H=u.htmlMarkup,O=void 0===H?"button":H,S=u.onClick,z=u.large,F=void 0!==z&&z,M=u.loading,x=void 0!==M&&M,A=u.variant,L=void 0===A?"fill":A,R=u.disabled,X=void 0!==R&&R,P=u.ellipsis,W=void 0!==P&&P,q=u.testId,D=u.href,G=u.target,J=n(u,["id","children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","testId","href","target"]),K=function(t){var e,n,o,r,l=null,i=null;void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(l=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(i=t.pop());var a=t.filter((function(t){return t}));return[l,i,a.length>0?a:null]}(o.Children.toArray(w)),Q=t(K,3),T=Q[0],U=Q[1],V=Q[2],Y=s(p),Z=Y.hoverRef,$=Y.isHovered,tt=function(t,e,n,o,r){return e?i("neutral",600):t&&!o||!t&&o?"white":i(b[n],r?700:600)}("fill"===L,X,I,C,$),et=d(),nt="fill"===L,ot="outline"===L,rt="borderless"===L,lt="warning"===I,it="danger"===I,at=!(!T&&!U||x),st=Object.assign({},J),dt=c(m.button,(e(v={},m["button--fluid"],k),e(v,m["button--large"],F),e(v,m["button--warning"],lt),e(v,m["button--danger"],it),e(v,m["button--inverted"],C),e(v,m["button--fill"],nt),e(v,m["button--outline"],ot),e(v,m["button--borderless"],rt),e(v,m["button--with-icon"],at),e(v,m["button--ellipsis"],W),v),E),ut=c(m.button__content,(e(_={},m["button__content--warning"],lt),e(_,m["button__content--danger"],it),e(_,m["button__content--fill"],nt),e(_,m["button__content--borderless"],rt),e(_,m["button__content--with-icon"],at),e(_,m["button__content--large"],F),e(_,m["button__content--ellipsis"],W),e(_,m["button__content--inverted"],C),e(_,m["button__content--fluid"],k),_)),ct=c(m["button__left-fluid-content"],(e(g={},m["button__left-fluid-content--with-icon"],at),e(g,m["button__left-fluid-content--large"],F),g));function mt(t,e,n,r){var l=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:l,isHovered:r}):null}var bt=function(){return V?o.createElement("span",{className:ut},V):null},ft=function(){return o.createElement("span",{className:m["content-wrapper"]},x?o.createElement("div",{className:m["button__left-fluid-content"]},o.createElement(a,{testId:"test-id-loader",color:"fill"!==L||C?b[I]:"white",size:"tiny"})):o.createElement(o.Fragment,null,k?o.createElement("div",{className:ct},mt(T,f(F,et.width),tt,$),bt()):o.createElement(o.Fragment,null,mt(T,f(F,et.width),tt,$),bt()),mt(U,l.XSmall,tt,$)))};return o.createElement(o.Fragment,null,"button"===O&&o.createElement("button",Object.assign({id:h,onClick:S,disabled:X,"data-testid":q,"data-analyticsid":r.Button,className:dt,ref:Z},st),ft()),"a"===O&&o.createElement("a",Object.assign({id:h,onClick:S,"data-testid":q,"data-analyticsid":r.Button,className:dt,href:D,target:G,rel:"_blank"===G?"noopener noreferrer":u.rel,ref:Z},J),ft()))}));export{p as B,b as i};
2
+ //# sourceMappingURL=Button-7e82091f.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-7e82091f.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/CHANGELOG.md CHANGED
@@ -1,52 +1,52 @@
1
- # Change Log
2
-
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
-
6
- ## [0.0.3-dev.3](https://github.com/helsenorge/designsystem/compare/v0.0.3-dev.2...v0.0.3-dev.3) (2020-02-04)
7
-
8
-
9
- ### Bug Fixes
10
-
11
- * replace badge width with min-width ([#112](https://github.com/helsenorge/designsystem/issues/112)) ([275bd03](https://github.com/helsenorge/designsystem/commit/275bd0300007660767ea2bfcd9c677ea5e23b725))
12
-
13
-
14
-
15
-
16
-
17
- ## [0.0.3-dev.2](https://github.com/helsenorge/designsystem/compare/v0.0.3-dev.1...v0.0.3-dev.2) (2020-02-04)
18
-
19
- **Note:** Version bump only for package @helsenorge/designsystem-react
20
-
21
-
22
-
23
-
24
-
25
- ## [0.0.2-dev.2](https://github.com/helsenorge/designsystem/compare/v0.0.2-dev.1...v0.0.2-dev.2) (2019-12-04)
26
-
27
-
28
- ### Bug Fixes
29
-
30
- * add diveboard to story ([a332f9e](https://github.com/helsenorge/designsystem/commit/a332f9e40b912bfde97e48103dc4ba817cc711d7))
31
-
32
-
33
-
34
-
35
-
36
- ## [0.0.1-dev.34](https://github.com/helsenorge/designsystem/compare/v0.0.1-dev.33...v0.0.1-dev.34) (2019-11-19)
37
-
38
-
39
- ### Bug Fixes
40
-
41
- * trigger a change ([e8ad1bf](https://github.com/helsenorge/designsystem/commit/e8ad1bfa806811133ea648ee87ef1f7a9a72b645))
42
-
43
-
44
-
45
-
46
-
47
- ## [0.0.1-dev.33](https://github.com/helsenorge/designsystem/compare/v0.0.1-dev.32...v0.0.1-dev.33) (2019-11-19)
48
-
49
-
50
- ### Bug Fixes
51
-
52
- * test to trigger release ([69aee84](https://github.com/helsenorge/designsystem/commit/69aee84c9fbfa26089b7a4f9769799f394d45617))
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ ## [0.0.3-dev.3](https://github.com/helsenorge/designsystem/compare/v0.0.3-dev.2...v0.0.3-dev.3) (2020-02-04)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * replace badge width with min-width ([#112](https://github.com/helsenorge/designsystem/issues/112)) ([275bd03](https://github.com/helsenorge/designsystem/commit/275bd0300007660767ea2bfcd9c677ea5e23b725))
12
+
13
+
14
+
15
+
16
+
17
+ ## [0.0.3-dev.2](https://github.com/helsenorge/designsystem/compare/v0.0.3-dev.1...v0.0.3-dev.2) (2020-02-04)
18
+
19
+ **Note:** Version bump only for package @helsenorge/designsystem-react
20
+
21
+
22
+
23
+
24
+
25
+ ## [0.0.2-dev.2](https://github.com/helsenorge/designsystem/compare/v0.0.2-dev.1...v0.0.2-dev.2) (2019-12-04)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * add diveboard to story ([a332f9e](https://github.com/helsenorge/designsystem/commit/a332f9e40b912bfde97e48103dc4ba817cc711d7))
31
+
32
+
33
+
34
+
35
+
36
+ ## [0.0.1-dev.34](https://github.com/helsenorge/designsystem/compare/v0.0.1-dev.33...v0.0.1-dev.34) (2019-11-19)
37
+
38
+
39
+ ### Bug Fixes
40
+
41
+ * trigger a change ([e8ad1bf](https://github.com/helsenorge/designsystem/commit/e8ad1bfa806811133ea648ee87ef1f7a9a72b645))
42
+
43
+
44
+
45
+
46
+
47
+ ## [0.0.1-dev.33](https://github.com/helsenorge/designsystem/compare/v0.0.1-dev.32...v0.0.1-dev.33) (2019-11-19)
48
+
49
+
50
+ ### Bug Fixes
51
+
52
+ * test to trigger release ([69aee84](https://github.com/helsenorge/designsystem/commit/69aee84c9fbfa26089b7a4f9769799f394d45617))
@@ -0,0 +1,2 @@
1
+ import{_ as e,b as o}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r,{useState as c,useEffect as a}from"react";import{c as l}from"./index-9b84fabc.js";import{u as b}from"./uuid-fe7442b7.js";import n from"./components/Icons/Check.js";import{Icon as s}from"./components/Icons/Icon.js";import{F as i,a as t,A as m}from"./constants-eb74321e.js";import{g as d}from"./color-a10c7892.js";import p from"./components/Checkbox/styles.module.scss";var h=r.forwardRef((function(h,k){var x,f,u,v=h.className,_=h.checked,w=void 0!==_&&_,y=h.disabled,g=h.label,j=h.inputId,N=void 0===j?b():j,E=h.mode,I=h.name,C=void 0===I?N:I,F=h.variant,z=h.errorText,A=h.error,B=void 0===A?!!z:A,H=h.value,P=void 0===H?g:H,R=c(w),T=e(R,2),q=T[0],D=T[1],G=B||E===i.oninvalid,J=E===i.ondark,K=E===i.onblueberry,L=F===t.bigform,M=l(p["checkbox-wrapper"],(o(x={},p["checkbox-wrapper--with-error"],z),o(x,p["checkbox-wrapper--bigform"],L),x)),O=l(p["checkbox-label"],(o(f={},p["checkbox-label--disabled"],y),o(f,p["checkbox-label--on-dark"],J),o(f,p["checkbox-label--on-blueberry"],K),o(f,p["checkbox-label--invalid"],G),o(f,p["checkbox-label--bigform"],L),f)),Q=l(p.checkbox,v),S=l(p["checkbox__icon-wrapper"],(o(u={},p["checkbox__icon-wrapper--checked"],q),o(u,p["checkbox__icon-wrapper--disabled"],y),o(u,p["checkbox__icon-wrapper--on-dark"],J),o(u,p["checkbox__icon-wrapper--on-blueberry"],K),o(u,p["checkbox__icon-wrapper--invalid"],G),u)),U=l(p["checkbox-errors"],o({},p["checkbox-errors--bigform"],L)),V=d("blueberry",500);return y&&(V=d("neutral",400)),J&&(V=d("blueberry",200)),G&&(V=d("cherry",500)),a((function(){D(w)}),[w]),r.createElement("div",{"data-testid":h.testId,"data-analyticsid":m.Checkbox,className:M},z&&r.createElement("p",{className:U},z),r.createElement("label",{htmlFor:N,className:O},r.createElement("input",{id:N,name:C,className:Q,type:"checkbox",checked:q,disabled:y,onChange:function(){D(!q)},value:P,ref:k,"aria-invalid":B}),r.createElement("span",{className:S},q&&r.createElement(s,{color:V,className:p.checkbox__icon,svgIcon:n,size:38})),g))}));export{h as C};
2
+ //# sourceMappingURL=Checkbox-f2418dc5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox-f2418dc5.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import o from"react";import{p as t}from"./palette-f206f488.js";import{Icon as e}from"./components/Icons/Icon.js";import{A as s}from"./constants-eb74321e.js";import r from"./components/Icons/X.js";import a from"./components/Close/styles.module.scss";import{u as n,B as m}from"./useBreakpoint-552af2b9.js";var c=function(c){var l=n()===m.xs?38:48;return o.createElement("button",{"data-testid":c.testId,"data-analyticsid":s.Close,className:a.close,"aria-label":c.ariaLabel||"Lukk",onClick:c.onClick,role:"button"},o.createElement(e,{svgIcon:r,color:t.blueberry600,size:l}))};export{c as C};
2
+ //# sourceMappingURL=Close-d81081c8.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Close-d81081c8.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r from"react";import{c as a}from"./index-9b84fabc.js";import o from"./components/FormGroup/styles.module.scss";import{C as t}from"./Checkbox-f2418dc5.js";import{F as m,a as n,A as l}from"./constants-eb74321e.js";import{R as i}from"./RadioButton-c173d440.js";import{I as p}from"./Input-31d7accc.js";import{T as s}from"./Title-9df559dd.js";var d=r.forwardRef((function(d,f){var c,u,g,v=d.className,_=d.mode,b=void 0===_?m.onwhite:_,w=d.variant,E=void 0===w?n.normal:w,y=d.error,j=d.name,N=b===m.ondark,h=E===n.bigform,k=a(o["form-group-wrapper"],(e(c={},o["form-group-wrapper--on-dark"],N),e(c,o["form-group-wrapper--invalid"],y),c),v),F=a(o["form-group-wrapper__title"],(e(u={},o["form-group-wrapper__title--on-dark"],N&&!y),e(u,o["form-group-wrapper__title--bigform"],h),u)),x=a(o["form-group"],e({},o["form-group--invalid"],y)),B=a(o["form-group-wrapper__errors"],e({},o["form-group-wrapper__errors--bigform"],h)),C=a(o["field-set__legend"],(e(g={},o["field-set__legend--on-dark"],N&&!y),e(g,o["field-set__legend--bigform"],h),g));return r.createElement("div",{"data-testid":d.testId,"data-analyticsid":l.FormGroup,className:k},d.title&&r.createElement(s,{className:F,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:2}},d.title),r.createElement("div",{className:x},y&&r.createElement("p",{className:B},y),r.createElement("fieldset",{name:d.title,className:o["field-set"]},d.legend&&r.createElement("legend",{className:C},d.legend),r.Children.map(d.children,(function(e){if(e.type===t){var a=e.type===t;return r.cloneElement(e,{name:null!=j?j:a.valueOf.name,mode:b,variant:E,error:!!y})}if(e.type===i){var o=e.type===i;return r.cloneElement(e,{name:null!=j?j:o.valueOf.name,mode:b,variant:E,error:!!y})}if(e.type===p){var m=e.type===p;return r.cloneElement(e,{name:null!=j?j:m.valueOf.name,mode:b,variant:E,error:!!y})}return e})))))}));export{d as F};
2
+ //# sourceMappingURL=FormGroup-af33981a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroup-af33981a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{b as e}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"./_tslib-51c8a283.js";import a,{useRef as t}from"react";import{c as n}from"./index-9b84fabc.js";import{F as l,a as o,A as i,I as p}from"./constants-eb74321e.js";import{u as s}from"./uuid-fe7442b7.js";import{Icon as c}from"./components/Icons/Icon.js";import{g as d}from"./color-a10c7892.js";import{u as m,B as u}from"./useBreakpoint-552af2b9.js";import b from"./components/Input/styles.module.scss";var f;!function(e){e.text="text",e.number="number",e.email="email",e.password="password",e.search="search",e.tel="tel",e.url="url"}(f||(f={}));var w=a.forwardRef((function(w,v){var _,h,I,y=w.defaultValue,g=w.placeholder,j=w.type,x=void 0===j?f.text:j,E=w.inputId,k=void 0===E?s():E,C=w.name,N=w.transparent,L=void 0!==N&&N,O=w.icon,B=w.iconRight,R=w.mode,V=w.variant,F=w.label,S=w.error,T=w.errorText,z=w.testId,A=w.disabled,H=w.readOnly,P=w.autocomplete,X=w.afterLabelChildren,q=w.belowLabelChildren,D=r(w,["defaultValue","placeholder","type","inputId","name","transparent","icon","iconRight","mode","variant","label","error","errorText","testId","disabled","readOnly","autocomplete","afterLabelChildren","belowLabelChildren"]),G=m(),J=t(null),K=R===l.ondark,M=R===l.onblueberry,Q=R===l.oninvalid||T||S,U=V===o.bigform,W=L&&R!==l.ondark&&!Q,Y=n(b["input-wrapper"],e({},b["input-wrapper--invalid"],T)),Z=n(b["input-wrapper__label-wrapper"],(e(_={},b["input-wrapper__label-wrapper--on-dark"],K),e(_,b["input-wrapper__label-wrapper--disabled"],A),_)),$=n(b["content-wrapper"],(e(h={},b["content-wrapper--transparent"],W),e(h,b["content-wrapper--on-blueberry"],M),e(h,b["content-wrapper--on-dark"],K),e(h,b["content-wrapper--invalid"],Q),e(h,b["content-wrapper--bigform"],U),e(h,b["content-wrapper--disabled"],A),e(h,b["content-wrapper--with-icon"],O),h)),ee=n(b["content-wrapper__input"],(e(I={},b["content-wrapper__input--bigform"],U),e(I,b["content-wrapper__input--disabled"],A),I)),re=A?d("neutral",500):d("black"),ae=function(){var e=G!==u.xs&&U?p.Small:p.XSmall;return void 0!==O?a.createElement(c,{color:re,size:e,svgIcon:O}):null};return a.createElement("div",{"data-testid":z,"data-analyticsid":i.Input,className:Y},F&&a.createElement("div",{className:Z},a.createElement("label",{htmlFor:k},F),X&&a.createElement("div",{className:b["input-wrapper__after-label-children"]},X)),q&&a.createElement("div",null,q),a.createElement("div",{onClick:function(){if(J&&J.current&&O){var e=B?0:1;J.current.children[e].focus()}},ref:J,className:$},!B&&ae(),a.createElement("input",Object.assign({name:C,type:x,defaultValue:y,id:k,className:ee,ref:v,"aria-invalid":!!Q,disabled:A,placeholder:g,readOnly:H,autoComplete:P||"off"},D)),B&&ae()))}));export{w as I,f as a};
2
+ //# sourceMappingURL=Input-31d7accc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input-31d7accc.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r,{useState as l,useRef as t,useEffect as o}from"react";import{c as d}from"./index-9b84fabc.js";import{u as n}from"./uuid-fe7442b7.js";import i from"./components/Loader/styles.module.scss";import{A as s}from"./constants-ad6c82db.js";var m;!function(e){e.screen="screen",e.parent="parent"}(m||(m={}));var c=r.forwardRef((function(c,p){var v,u,_,b=c.overlay,f=c.color,y=void 0===f?b?"black":"neutral":f,w=c.size,E=void 0===w?"small":w,N=c.className,L=void 0===N?"":N,g=c.labelId,h=void 0===g?n():g,k=c.testId,j=c.center,x=c.inline,I=c.ariaLabelledById,B=c.ariaLabel,z=void 0===B?"Laster inn":B,A=l(b!==m.parent&&!x),H=e(A,2),O=H[0],P=H[1],R="small"===E,q="medium"===E,C="large"===E,D=d(i["loader-wrapper"],(a(v={},i["loader-wrapper--center"],j),a(v,i["loader-wrapper--overlay"],b),a(v,i["loader-wrapper--overlay-screen"],b===m.screen),a(v,i["loader-wrapper--overlay-parent"],b===m.parent&&O),a(v,i["loader-wrapper--inline"],x&&O),v)),F=d(i.loader,(a(u={},i["loader--small"],R),a(u,i["loader--medium"],q),a(u,i["loader--large"],C),u),L),G=d(i.loader__dot,(a(_={},i["loader__dot--small"],R),a(_,i["loader__dot--medium"],q),a(_,i["loader__dot--large"],C),a(_,i["loader__dot--banana"],"banana"===y),a(_,i["loader__dot--cherry"],"cherry"===y),a(_,i["loader__dot--kiwi"],"kiwi"===y),a(_,i["loader__dot--neutral"],"neutral"===y),a(_,i["loader__dot--plum"],"plum"===y),a(_,i["loader__dot--black"],"black"===y),a(_,i["loader__dot--white"],"white"===y),_)),J=t(null);return o((function(){var e,a,r,l;b===m.parent&&(null===(a=null===(e=J.current)||void 0===e?void 0:e.parentElement)||void 0===a?void 0:a.style)&&(J.current.parentElement.style.position="relative",P(!0)),x&&(null===(l=null===(r=J.current)||void 0===r?void 0:r.parentElement)||void 0===l?void 0:l.style)&&(J.current.parentElement.style.display="flex",P(!0))}),[]),r.createElement("div",{role:"progressbar",className:D,ref:J},O&&r.createElement("div",{"data-testid":k,"data-analyticsid":s.Loader,"aria-labelledby":I||h,className:F},r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),!I&&r.createElement("span",{id:h,className:i["loader__hidden-text"]},z)))}));export{c as L,m as O};
2
- //# sourceMappingURL=Loader-fa16a352.js.map
1
+ import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r,{useState as l,useRef as t,useEffect as o}from"react";import{c as d}from"./index-9b84fabc.js";import{u as n}from"./uuid-fe7442b7.js";import i from"./components/Loader/styles.module.scss";import{A as s}from"./constants-eb74321e.js";var m;!function(e){e.screen="screen",e.parent="parent"}(m||(m={}));var c=r.forwardRef((function(c,p){var v,u,_,b=c.overlay,f=c.color,y=void 0===f?b?"black":"neutral":f,w=c.size,E=void 0===w?"small":w,N=c.className,L=void 0===N?"":N,g=c.labelId,h=void 0===g?n():g,k=c.testId,j=c.center,x=c.inline,I=c.ariaLabelledById,B=c.ariaLabel,z=void 0===B?"Laster inn":B,A=l(b!==m.parent&&!x),H=e(A,2),O=H[0],P=H[1],R="small"===E,q="medium"===E,C="large"===E,D=d(i["loader-wrapper"],(a(v={},i["loader-wrapper--center"],j),a(v,i["loader-wrapper--overlay"],b),a(v,i["loader-wrapper--overlay-screen"],b===m.screen),a(v,i["loader-wrapper--overlay-parent"],b===m.parent&&O),a(v,i["loader-wrapper--inline"],x&&O),v)),F=d(i.loader,(a(u={},i["loader--small"],R),a(u,i["loader--medium"],q),a(u,i["loader--large"],C),u),L),G=d(i.loader__dot,(a(_={},i["loader__dot--small"],R),a(_,i["loader__dot--medium"],q),a(_,i["loader__dot--large"],C),a(_,i["loader__dot--banana"],"banana"===y),a(_,i["loader__dot--cherry"],"cherry"===y),a(_,i["loader__dot--kiwi"],"kiwi"===y),a(_,i["loader__dot--neutral"],"neutral"===y),a(_,i["loader__dot--plum"],"plum"===y),a(_,i["loader__dot--black"],"black"===y),a(_,i["loader__dot--white"],"white"===y),_)),J=t(null);return o((function(){var e,a,r,l;b===m.parent&&(null===(a=null===(e=J.current)||void 0===e?void 0:e.parentElement)||void 0===a?void 0:a.style)&&(J.current.parentElement.style.position="relative",P(!0)),x&&(null===(l=null===(r=J.current)||void 0===r?void 0:r.parentElement)||void 0===l?void 0:l.style)&&(J.current.parentElement.style.display="flex",P(!0))}),[]),r.createElement("div",{role:"progressbar",className:D,ref:J},O&&r.createElement("div",{"data-testid":k,"data-analyticsid":s.Loader,"aria-labelledby":I||h,className:F},r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),r.createElement("div",{className:G}),!I&&r.createElement("span",{id:h,className:i["loader__hidden-text"]},z)))}));export{c as L,m as O};
2
+ //# sourceMappingURL=Loader-bc13d060.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader-bc13d060.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useEffect as o}from"react";import{c as r}from"./index-9b84fabc.js";import{p as l}from"./palette-f206f488.js";import{B as n}from"./Button-7e82091f.js";import{Icon as s}from"./components/Icons/Icon.js";import{Z as c,A as i,I as m}from"./constants-eb74321e.js";import d from"./components/Modal/styles.module.scss";import p from"./components/Icons/AlertSignStroke.js";import u from"./components/Icons/AlertSignFill.js";import{b as _,u as v}from"./useIsVisible-a1f67a11.js";import{T as f}from"./Title-9df559dd.js";import{u as E}from"./uuid-fe7442b7.js";import{C as b}from"./Close-d81081c8.js";import g from"./components/Icons/CheckOutline.js";import y from"./components/Portal/index.js";var h,N;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(N||(N={}));var C={variant:h.normal,primaryButtonText:"OK",titleId:E(),className:"",size:N.large,zIndex:c.Modal},I=function(e,a){var o=function(e){return e===h.error?t.createElement(s,{size:m.Small,svgIcon:u,color:l.cherry500}):e===h.warning?t.createElement(s,{size:m.Small,svgIcon:p,color:l.black}):e===h.success?t.createElement(s,{size:m.Small,svgIcon:g,color:l.kiwi900}):null}(e);return o?t.createElement("div",{className:d.modal__iconWrapper},o):a?t.createElement("div",{className:d.modal__iconWrapper},t.cloneElement(a,{size:m.Small})):null},w=function(l){var s,c,m,p=t.useState(0),u=e(p,2),E=u[0],g=u[1],N=t.useRef(null),C=t.useRef(null),w=t.useRef(null),B=_(C),j=t.useRef(null),x=_(j),k=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&l.onClose&&(e.stopPropagation(),l.onClose())}function W(e){e.target&&L.current===e.target&&l.onClose&&(e.stopPropagation(),l.onClose())}var z=l.variant===h.image,L=t.useRef(null),S=l.secondaryButtonText&&(null===(c=l.secondaryButtonText)||void 0===c?void 0:c.length)>0||l.onSuccess,P=l.ariaLabelledBy?void 0:l.ariaLabel,M=l.ariaLabelledBy?l.ariaLabelledBy:l.ariaLabel?void 0:l.titleId;o((function(){var e,a=L.current;return null===(e=N.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",l.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),l.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var R=r((a(s={},d["modal__title--error"],l.variant===h.error),a(s,d["modal__title--success"],l.variant===h.success),s)),A=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:L,className:d["modal-overlay"],"data-testid":l.testId,"data-analyticsid":i.Modal,style:{zIndex:l.zIndex}},t.createElement("div",{className:d.align,ref:v()},t.createElement("div",{className:r(l.className,d.modal,d["modal--".concat(l.variant)],d["modal--".concat(l.size)]),role:"dialog","aria-label":P,"aria-labelledby":M},t.createElement("div",{tabIndex:E,ref:N,onBlur:function(){return g(-1)}}),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--top"],a({},d["modal__shadow--show"],!B&&k))}),t.createElement("div",{className:r(d.modal__contentWrapper,a({},d["modal__contentWrapper--image"],z)),ref:w},!l.noCloseButton&&t.createElement("div",{className:d.modal__closeWrapper},t.createElement("div",{className:r(d.modal__closeWrapper__close)},t.createElement(b,{onClick:l.onClose,ariaLabel:l.ariaLabelCloseBtn}))),t.createElement("div",{className:r(d["modal__contentWrapper__scroll--".concat(l.size)],a({},d["modal__contentWrapper__scroll--image"],z))},t.createElement("div",{ref:C}),t.createElement("div",{className:d.modal__contentWrapper__title},I(l.variant,l.icon),t.createElement(f,{id:M,htmlMarkup:"h3",appearance:"title3",className:R},l.title),l.afterTitleChildren&&t.createElement("div",{className:d.modal__afterTitleChildren},l.afterTitleChildren)),z&&t.createElement("div",null,t.createElement("div",{className:d.modal__contentWrapper__imageWrapper},l.children),t.createElement("span",{className:d.modal__contentWrapper__imageDescription},l.description)),!z&&l.children&&t.createElement("div",null,l.children),!z&&!l.children&&t.createElement("p",{className:d.modal__description},l.description),t.createElement("div",{ref:j}))),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--bottom"],a({},d["modal__shadow--show"],!x&&k))}),S&&t.createElement("div",{className:r(d["modal__call-to-action"],d["modal__call-to-action--".concat(l.size)])},l.onSuccess&&t.createElement(n,{onClick:l.onSuccess},l.primaryButtonText),l.secondaryButtonText&&(null===(m=l.secondaryButtonText)||void 0===m?void 0:m.length)>0&&t.createElement(n,{variant:"borderless",onClick:l.onClose},l.secondaryButtonText))))));if(l.printable){return t.createElement(y,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),A)}return A};w.defaultProps=C;export{w as M,h as a,N as b};
2
+ //# sourceMappingURL=Modal-ff546be0.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal-ff546be0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/README.md CHANGED
@@ -1,69 +1,69 @@
1
- # `designsystem-react`
2
-
3
- <h1>OUTDATED -> should refer to confluence for now</h1>
4
-
5
- <a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/latest">
6
- <img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/latest" />
7
- </a>
8
- <a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/next">
9
- <img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/next" />
10
- </a>
11
-
12
- ## 👋 Introduction
13
-
14
- **TODO: Add introduction text**
15
-
16
- ## 🚀 Quick start
17
-
18
- To install and use our React components simply run the following commands in your favorite terminal:
19
-
20
- ### yarn
21
-
22
- ```bash
23
- yarn add @helsenorge/designsystem-react
24
- ```
25
-
26
- ### npm
27
-
28
- ```npm
29
- npm install @helsenorge/designsystem-react
30
- ```
31
-
32
- ### Usage example
33
-
34
- This is example takes basis in the file `App.tsx/js` from the out-of-the-box project using CRA.
35
-
36
- ```typescript
37
- import React from 'react';
38
- import logo from './logo.svg';
39
- import './App.css';
40
-
41
- import { CommonButton } from '@helsenorge/designsystem-react';
42
-
43
- const App: React.FC = () => {
44
- return (
45
- <div className="App">
46
- <header className="App-header">
47
- <img src={logo} className="App-logo" alt="logo" />
48
- <p>
49
- Edit <code>src/App.tsx</code> and save to reload.
50
- </p>
51
- <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
52
- Learn React
53
- </a>
54
- </header>
55
- <CommonButton>Hello world!</CommonButton>
56
- </div>
57
- );
58
- };
59
-
60
- export default App;
61
- ```
62
-
63
- ## 📓 Documentation
64
-
65
- A more detailed getting started manual can be viewed [here](https://helsenorge.design/pattern-library). For a full overview of all the
66
- available components and their specification, head over [here](https://helsenorge.design/pattern-library/components)
67
-
68
- To read the full design system documentation head over to our web page [Helsenorge Design](https://helsenorge.design/). Here you can read
69
- about our use of design principles, design language, patterns, compositions, live code examples and techincal component specifications.
1
+ # `designsystem-react`
2
+
3
+ <h1>OUTDATED -> should refer to confluence for now</h1>
4
+
5
+ <a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/latest">
6
+ <img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/latest" />
7
+ </a>
8
+ <a href="https://www.npmjs.com/package/@helsenorge/designsystem-react/v/next">
9
+ <img src="https://img.shields.io/npm/v/@helsenorge/designsystem-react/next" />
10
+ </a>
11
+
12
+ ## 👋 Introduction
13
+
14
+ **TODO: Add introduction text**
15
+
16
+ ## 🚀 Quick start
17
+
18
+ To install and use our React components simply run the following commands in your favorite terminal:
19
+
20
+ ### yarn
21
+
22
+ ```bash
23
+ yarn add @helsenorge/designsystem-react
24
+ ```
25
+
26
+ ### npm
27
+
28
+ ```npm
29
+ npm install @helsenorge/designsystem-react
30
+ ```
31
+
32
+ ### Usage example
33
+
34
+ This is example takes basis in the file `App.tsx/js` from the out-of-the-box project using CRA.
35
+
36
+ ```typescript
37
+ import React from 'react';
38
+ import logo from './logo.svg';
39
+ import './App.css';
40
+
41
+ import { CommonButton } from '@helsenorge/designsystem-react';
42
+
43
+ const App: React.FC = () => {
44
+ return (
45
+ <div className="App">
46
+ <header className="App-header">
47
+ <img src={logo} className="App-logo" alt="logo" />
48
+ <p>
49
+ Edit <code>src/App.tsx</code> and save to reload.
50
+ </p>
51
+ <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
52
+ Learn React
53
+ </a>
54
+ </header>
55
+ <CommonButton>Hello world!</CommonButton>
56
+ </div>
57
+ );
58
+ };
59
+
60
+ export default App;
61
+ ```
62
+
63
+ ## 📓 Documentation
64
+
65
+ A more detailed getting started manual can be viewed [here](https://helsenorge.design/pattern-library). For a full overview of all the
66
+ available components and their specification, head over [here](https://helsenorge.design/pattern-library/components)
67
+
68
+ To read the full design system documentation head over to our web page [Helsenorge Design](https://helsenorge.design/). Here you can read
69
+ about our use of design principles, design language, patterns, compositions, live code examples and techincal component specifications.
@@ -1,2 +1,2 @@
1
- import{b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r from"react";import{c as o}from"./index-9b84fabc.js";import{u as e}from"./uuid-fe7442b7.js";import t from"./components/RadioButton/styles.module.scss";import{F as d,a as i,A as l}from"./constants-ad6c82db.js";var n=r.forwardRef((function(n,b){var s,u,m,c=n.className,p=n.defaultChecked,f=void 0!==p&&p,v=n.disabled,y=n.label,g=n.inputId,k=void 0===g?e():g,w=n.mode,N=n.name,h=void 0===N?k:N,j=n.variant,E=n.errorText,R=n.error,x=void 0===R?!!E:R,B=n.value,C=void 0===B?y:B,F=x||w===d.oninvalid,I=w===d.ondark,A=w===d.onblueberry,H=j===i.bigform,P=o(t["radio-button-wrapper"],(a(s={},t["radio-button-wrapper--with-error"],E),a(s,t["radio-button-wrapper--bigform"],H),s)),T=o(t["radio-button-label"],(a(u={},t["radio-button-label--disabled"],v),a(u,t["radio-button-label--on-dark"],I),a(u,t["radio-button-label--on-blueberry"],A),a(u,t["radio-button-label--invalid"],F),a(u,t["radio-button-label--bigform"],H),u)),_=o(t["radio-button"],(a(m={},t["radio-button--on-dark"],I),a(m,t["radio-button--disabled"],v),a(m,t["radio-button--on-blueberry"],A),a(m,t["radio-button--invalid"],F),m),c),q=o(t["radio-button-errors"],a({},t["radio-button-errors--bigform"],H));return r.createElement("div",{"data-testid":n.testId,"data-analyticsid":l.RadioButton,className:P},E&&r.createElement("p",{className:q},E),r.createElement("label",{htmlFor:k,className:T},r.createElement("input",{id:k,name:h,className:_,type:"radio",disabled:v,value:C,ref:b,"aria-invalid":x,defaultChecked:f}),y))}));export{n as R};
2
- //# sourceMappingURL=RadioButton-fe4bbd36.js.map
1
+ import{b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import r from"react";import{c as o}from"./index-9b84fabc.js";import{u as e}from"./uuid-fe7442b7.js";import t from"./components/RadioButton/styles.module.scss";import{F as i,a as d,A as l}from"./constants-eb74321e.js";var n=r.forwardRef((function(n,b){var s,u,m,p=n.className,c=n.defaultChecked,f=void 0!==c&&c,v=n.disabled,y=n.label,g=n.inputId,k=void 0===g?e():g,w=n.mode,N=n.name,h=void 0===N?k:N,j=n.variant,E=n.errorText,R=n.error,x=void 0===R?!!E:R,B=n.value,C=void 0===B?y:B,F=x||w===i.oninvalid,I=w===i.ondark,A=w===i.onblueberry,H=j===d.bigform,P=o(t["radio-button-wrapper"],(a(s={},t["radio-button-wrapper--with-error"],E),a(s,t["radio-button-wrapper--bigform"],H),s)),T=o(t["radio-button-label"],(a(u={},t["radio-button-label--disabled"],v),a(u,t["radio-button-label--on-dark"],I),a(u,t["radio-button-label--on-blueberry"],A),a(u,t["radio-button-label--invalid"],F),a(u,t["radio-button-label--bigform"],H),u)),_=o(t["radio-button"],(a(m={},t["radio-button--on-dark"],I),a(m,t["radio-button--disabled"],v),a(m,t["radio-button--on-blueberry"],A),a(m,t["radio-button--invalid"],F),m),p),q=o(t["radio-button-errors"],a({},t["radio-button-errors--bigform"],H));return r.createElement("div",{"data-testid":n.testId,"data-analyticsid":l.RadioButton,className:P},E&&r.createElement("p",{className:q},E),r.createElement("label",{htmlFor:k,className:T},r.createElement("input",{id:k,name:h,className:_,type:"radio",disabled:v,value:C,ref:b,"aria-invalid":x,defaultChecked:f}),y))}));export{n as R};
2
+ //# sourceMappingURL=RadioButton-c173d440.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton-c173d440.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"./_tslib-51c8a283.js";import t,{useState as n,useRef as l,useEffect as o}from"react";import{c as i}from"./index-9b84fabc.js";import d from"./components/Textarea/styles.module.scss";import{F as s,A as c}from"./constants-ad6c82db.js";import{u as m}from"./uuid-fe7442b7.js";var p=t.forwardRef((function(p,u){var b,v,w,f=p.maxCharacters,x=p.maxText,_=p.testId,h=p.defaultValue,g=p.marginBottom,E=p.transparent,T=p.mode,C=p.label,j=p.textareaId,N=void 0===j?m():j,R=p.minRows,k=void 0===R?3:R,y=p.maxRows,B=void 0===y?10:y,I=p.grow,L=p.errorText,H=p.afterLabelChildren,V=p.belowLabelChildren,F=r(p,["maxCharacters","maxText","testId","defaultValue","marginBottom","transparent","mode","label","textareaId","minRows","maxRows","grow","errorText","afterLabelChildren","belowLabelChildren"]),A=n(k),M=e(A,2),O=M[0],P=M[1],q=n(h||""),z=e(q,2),D=z[0],G=z[1],J=l(null),K=function(e){var a=e.rows;e.rows=k;var r=Math.floor((e.scrollHeight-16)/28);r===a&&(e.rows=r),r>=B&&(e.rows=B,e.scrollTop=e.scrollHeight),P(r<B?r:B)},Q=T===s.ondark,S=T===s.onblueberry,U=f&&D.length>f,W=T===s.oninvalid||L||U,X=i(d.textarea,(a(b={},d["textarea--gutterBottom"],g),a(b,d["textarea--invalid"],L),b)),Y=i(d["textarea__label-wrapper"],a({},d["textarea__label-wrapper--on-dark"],Q)),Z=i(d["content-wrapper"],(a(v={},d["content-wrapper--transparent"],E),a(v,d["content-wrapper--on-blueberry"],S),a(v,d["content-wrapper--on-dark"],Q),a(v,d["content-wrapper--invalid"],W),a(v,d["content-wrapper--disabled"],p.disabled),v)),$=i(d["content-wrapper__input"],a({},d["content-wrapper__input--disabled"],p.disabled)),ee=i(d["textarea__counter-wrapper"],(a(w={},d["textarea__counter-wrapper--on-dark"],Q),a(w,d["textarea__counter-wrapper--invalid"],W),w));return o((function(){var e,a,r;if(I&&(null===(e=J.current)||void 0===e?void 0:e.children)&&(null===(a=J.current)||void 0===a?void 0:a.children[0])){var t=null===(r=J.current)||void 0===r?void 0:r.children[0];K(t)}}),[]),t.createElement("div",{"data-testid":_,"data-analyticsid":c.Textarea,className:X},C&&t.createElement("div",{className:Y},t.createElement("label",{htmlFor:N},C),H&&t.createElement("div",{className:d["textarea__after-label-children"]},H)),V&&t.createElement("div",null,V),t.createElement("div",{className:Z,ref:J},t.createElement("textarea",Object.assign({rows:O,defaultValue:h,id:N,className:$,ref:u,onChange:function(e){I&&K(e.target),G(e.target.value)},"aria-invalid":!!W},F))),f&&t.createElement("div",{className:ee},t.createElement("p",null,"".concat(D.length,"/").concat(f," ").concat(x||"tegn"))))}));export{p as T};
2
- //# sourceMappingURL=Textarea-e1d1144c.js.map
1
+ import{_ as e,b as a}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as r}from"./_tslib-51c8a283.js";import t,{useState as n,useRef as l,useEffect as o}from"react";import{c as i}from"./index-9b84fabc.js";import s from"./components/Textarea/styles.module.scss";import{F as d,A as c}from"./constants-eb74321e.js";import{u as m}from"./uuid-fe7442b7.js";var p=t.forwardRef((function(p,u){var b,v,w,f=p.maxCharacters,x=p.maxText,_=p.testId,h=p.defaultValue,g=p.marginBottom,E=p.transparent,T=p.mode,C=p.label,j=p.textareaId,N=void 0===j?m():j,R=p.minRows,k=void 0===R?3:R,y=p.maxRows,B=void 0===y?10:y,I=p.grow,L=p.errorText,H=p.afterLabelChildren,V=p.belowLabelChildren,F=r(p,["maxCharacters","maxText","testId","defaultValue","marginBottom","transparent","mode","label","textareaId","minRows","maxRows","grow","errorText","afterLabelChildren","belowLabelChildren"]),A=n(k),M=e(A,2),O=M[0],P=M[1],q=n(h||""),z=e(q,2),D=z[0],G=z[1],J=l(null),K=function(e){var a=e.rows;e.rows=k;var r=Math.floor((e.scrollHeight-16)/28);r===a&&(e.rows=r),r>=B&&(e.rows=B,e.scrollTop=e.scrollHeight),P(r<B?r:B)},Q=T===d.ondark,S=T===d.onblueberry,U=f&&D.length>f,W=T===d.oninvalid||L||U,X=i(s.textarea,(a(b={},s["textarea--gutterBottom"],g),a(b,s["textarea--invalid"],L),b)),Y=i(s["textarea__label-wrapper"],a({},s["textarea__label-wrapper--on-dark"],Q)),Z=i(s["content-wrapper"],(a(v={},s["content-wrapper--transparent"],E),a(v,s["content-wrapper--on-blueberry"],S),a(v,s["content-wrapper--on-dark"],Q),a(v,s["content-wrapper--invalid"],W),a(v,s["content-wrapper--disabled"],p.disabled),v)),$=i(s["content-wrapper__input"],a({},s["content-wrapper__input--disabled"],p.disabled)),ee=i(s["textarea__counter-wrapper"],(a(w={},s["textarea__counter-wrapper--on-dark"],Q),a(w,s["textarea__counter-wrapper--invalid"],W),w));return o((function(){var e,a,r;if(I&&(null===(e=J.current)||void 0===e?void 0:e.children)&&(null===(a=J.current)||void 0===a?void 0:a.children[0])){var t=null===(r=J.current)||void 0===r?void 0:r.children[0];K(t)}}),[]),t.createElement("div",{"data-testid":_,"data-analyticsid":c.Textarea,className:X},C&&t.createElement("div",{className:Y},t.createElement("label",{htmlFor:N},C),H&&t.createElement("div",{className:s["textarea__after-label-children"]},H)),V&&t.createElement("div",null,V),t.createElement("div",{className:Z,ref:J},t.createElement("textarea",Object.assign({rows:O,defaultValue:h,id:N,className:$,ref:u,onChange:function(e){I&&K(e.target),G(e.target.value)},"aria-invalid":!!W},F))),f&&t.createElement("div",{className:ee},t.createElement("p",null,"".concat(D.length,"/").concat(f," ").concat(x||"tegn"))))}));export{p as T};
2
+ //# sourceMappingURL=Textarea-78e20c9a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea-78e20c9a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import{b as t}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import e from"react";import{c as i}from"./index-9b84fabc.js";import r from"./components/Title/styles.module.scss";import{A as a}from"./constants-ad6c82db.js";var o=function(t){return Object.prototype.hasOwnProperty.call(t,"marginTop")&&Object.prototype.hasOwnProperty.call(t,"marginBottom")},l=e.forwardRef((function(l,m){var n,c=l.id,s=l.children,p=l.className,d=l.htmlMarkup,f=void 0===d?"h1":d,g=l.appearance,u=void 0===g?"title1":g,b=l.margin,y=void 0===b?0:b,T=l.testId,h=i(r.title,(t(n={},r["title--feature"],"titleFeature"===u),t(n,r["title--title1"],"title1"===u),t(n,r["title--title2"],"title2"===u),t(n,r["title--title3"],"title3"===u),t(n,r["title--title4"],"title4"===u),t(n,r["title--title5"],"title5"===u),n),p),j=f,v=o(y)?{marginTop:"".concat(y.marginTop,"rem"),marginBottom:"".concat(y.marginBottom,"rem")}:{marginTop:"".concat(y,"rem"),marginBottom:"".concat(y,"rem")};return e.createElement(j,{id:c,className:h,style:v,ref:m,"data-testid":T,"data-analyticsid":a.Title},s)}));export{l as T,o as i};
2
- //# sourceMappingURL=Title-af53f589.js.map
1
+ import{b as t}from"./_rollupPluginBabelHelpers-b8ef6dd9.js";import e from"react";import{c as i}from"./index-9b84fabc.js";import r from"./components/Title/styles.module.scss";import{A as a}from"./constants-eb74321e.js";var o=function(t){return Object.prototype.hasOwnProperty.call(t,"marginTop")&&Object.prototype.hasOwnProperty.call(t,"marginBottom")},l=e.forwardRef((function(l,m){var n,s=l.id,c=l.children,p=l.className,d=l.htmlMarkup,f=void 0===d?"h1":d,g=l.appearance,u=void 0===g?"title1":g,b=l.margin,y=void 0===b?0:b,T=l.testId,h=i(r.title,(t(n={},r["title--feature"],"titleFeature"===u),t(n,r["title--title1"],"title1"===u),t(n,r["title--title2"],"title2"===u),t(n,r["title--title3"],"title3"===u),t(n,r["title--title4"],"title4"===u),t(n,r["title--title5"],"title5"===u),n),p),j=f,v=o(y)?{marginTop:"".concat(y.marginTop,"rem"),marginBottom:"".concat(y.marginBottom,"rem")}:{marginTop:"".concat(y,"rem"),marginBottom:"".concat(y,"rem")};return e.createElement(j,{id:s,className:h,style:v,ref:m,"data-testid":T,"data-analyticsid":a.Title},c)}));export{l as T,o as i};
2
+ //# sourceMappingURL=Title-9df559dd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title-9df559dd.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +1,2 @@
1
- import r from"react";import{c as a}from"./index-9b84fabc.js";import{F as e}from"./FormGroup-0577b07f.js";import t from"./components/Validation/styles.module.scss";import{A as o}from"./constants-ad6c82db.js";var s=r.forwardRef((function(s,m){var n=s.errorSummary,i=s.className,l=a(t.validation,i);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":s.testId,"data-analyticsid":o.Validation,className:l},r.Children.map(s.children,(function(a){return a.type===e?r.cloneElement(a,{className:n?t["form-group-wrapper--error-sibling"]:""}):a}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{s as V};
2
- //# sourceMappingURL=Validation-fd3f7f58.js.map
1
+ import r from"react";import{c as a}from"./index-9b84fabc.js";import{F as e}from"./FormGroup-af33981a.js";import t from"./components/Validation/styles.module.scss";import{A as o}from"./constants-eb74321e.js";var s=r.forwardRef((function(s,m){var n=s.errorSummary,i=s.className,l=a(t.validation,i);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":s.testId,"data-analyticsid":o.Validation,className:l},r.Children.map(s.children,(function(a){return a.type===e?r.cloneElement(a,{className:n?t["form-group-wrapper--error-sibling"]:""}):a}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{s as V};
2
+ //# sourceMappingURL=Validation-4041c083.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Validation-4041c083.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,19 +1,19 @@
1
- import React from 'react';
2
- export declare type AnchorLinkTargets = '_self' | '_blank' | '_parent';
3
- interface AnchorLinkProps {
4
- /** Sets the content of the <a> tag */
5
- children: React.ReactNode;
6
- /** URL to link to */
7
- href: string;
8
- /** Gives a unique id to the anchor-link :) */
9
- id?: string;
10
- /** Adds custom classes to the element. */
11
- className?: string;
12
- /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */
13
- target?: AnchorLinkTargets;
14
- /** Sets the data-testid attribute. */
15
- testId?: string;
16
- }
17
- declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<HTMLAnchorElement>>;
18
- export default AnchorLink;
1
+ import React from 'react';
2
+ export declare type AnchorLinkTargets = '_self' | '_blank' | '_parent';
3
+ interface AnchorLinkProps {
4
+ /** Sets the content of the <a> tag */
5
+ children: React.ReactNode;
6
+ /** URL to link to */
7
+ href: string;
8
+ /** Gives a unique id to the anchor-link :) */
9
+ id?: string;
10
+ /** Adds custom classes to the element. */
11
+ className?: string;
12
+ /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */
13
+ target?: AnchorLinkTargets;
14
+ /** Sets the data-testid attribute. */
15
+ testId?: string;
16
+ }
17
+ declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<HTMLAnchorElement>>;
18
+ export default AnchorLink;
19
19
  //# sourceMappingURL=AnchorLink.d.ts.map
@@ -1,4 +1,4 @@
1
- import AnchorLink from './AnchorLink';
2
- export * from './AnchorLink';
3
- export default AnchorLink;
1
+ import AnchorLink from './AnchorLink';
2
+ export * from './AnchorLink';
3
+ export default AnchorLink;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- import e from"react";import{I as r}from"../../Icon-89da8de4.js";import{A as a,I as t}from"../../constants-ad6c82db.js";import{g as o}from"../../color-a10c7892.js";import{u as s}from"../../useHover-9710204a.js";import l from"./styles.module.scss";import{c as i}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";var n=function(r){var a=r.isExtraSmall,t=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),s=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),l=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return a?t?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):l:t?s:o},d=e.forwardRef((function(d,m){var c=d.id,f=d.href,p=d.children,v=d.className,h=d.target,u=void 0===h?"_self":h,b=d.testId,j="_blank"===u,E=s(m,void 0,!1),g=E.hoverRef,_=E.isHovered,z=i(l.anchorlink,null!=v?v:"");return e.createElement("a",{id:c,href:f,className:z,target:u,rel:j?"noopener noreferrer":void 0,ref:g,"data-testid":b,"data-analyticsid":a.AnchorLink},p,j&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:n,color:o("blueberry",600),hoverColor:o("blueberry",700),size:t.XSmall,isHovered:_}))}));export default d;
1
+ import r from"react";import{Icon as e}from"../Icons/Icon.js";import{A as o,I as s}from"../../constants-eb74321e.js";import a from"../Icons/ArrowUpRight.js";import{g as t}from"../../color-a10c7892.js";import{u as i}from"../../useHover-9710204a.js";import l from"./styles.module.scss";import{c as m}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";var n=r.forwardRef((function(n,c){var f=n.id,d=n.href,p=n.children,b=n.className,j=n.target,u=void 0===j?"_self":j,v=n.testId,h="_blank"===u,g=i(c,void 0,!1),I=g.hoverRef,_=g.isHovered,k=m(l.anchorlink,null!=b?b:"");return r.createElement("a",{id:f,href:d,className:k,target:u,rel:h?"noopener noreferrer":void 0,ref:I,"data-testid":v,"data-analyticsid":o.AnchorLink},p,h&&r.createElement(e,{className:l.anchorlink__icon,svgIcon:a,color:t("blueberry",600),hoverColor:t("blueberry",700),size:s.XSmall,isHovered:_}))}));export default n;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,63 +1,63 @@
1
- @import '../../scss/_spacers.scss';
2
- @import '../../scss/_breakpoints.scss';
3
- @import '../../scss/_palette.scss';
4
-
5
- @mixin anchorlink {
6
- display: inline;
7
- -webkit-box-decoration-break: clone;
8
- box-decoration-break: clone;
9
- overflow-wrap: break-word;
10
- word-break: break-word;
11
- text-align: left;
12
- text-decoration: none;
13
- color: $blueberry600;
14
- padding: 0.15rem;
15
- border-bottom: 1px solid $neutral300;
16
-
17
- &:hover {
18
- cursor: pointer;
19
- color: $blueberry700;
20
- background-color: $blueberry50;
21
- border-bottom-color: $blueberry600;
22
- }
23
- &:focus {
24
- padding: 0 0 0.15rem 0;
25
- outline: none;
26
- border: 0.15rem solid $black;
27
- }
28
-
29
- &__icon {
30
- display: inline-block;
31
- vertical-align: bottom;
32
- margin-right: -0.4rem;
33
- margin-top: -2rem;
34
- margin-bottom: -0.3rem;
35
- }
36
- }
37
-
38
- @mixin anchorlink-font {
39
- font-size: 1.125rem;
40
- line-height: 1.875rem;
41
- font-weight: 400;
42
- @media (min-width: map-get($grid-breakpoints, md)) {
43
- font-size: 1.25rem;
44
- }
45
- }
46
-
47
- @mixin anchorlink-icon {
48
- &[target='_blank'] {
49
- &:after {
50
- content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48' fill='%2308667c'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
51
- display: inline-block;
52
- vertical-align: bottom;
53
- margin-right: -0.4rem;
54
- margin-top: -2rem;
55
- margin-bottom: -0.8rem;
56
- }
57
- }
58
- }
59
-
60
- .anchorlink {
61
- @include anchorlink;
62
- @include anchorlink-font;
63
- }
1
+ @import '../../scss/_spacers.scss';
2
+ @import '../../scss/_breakpoints.scss';
3
+ @import '../../scss/_palette.scss';
4
+
5
+ @mixin anchorlink {
6
+ display: inline;
7
+ -webkit-box-decoration-break: clone;
8
+ box-decoration-break: clone;
9
+ overflow-wrap: break-word;
10
+ word-break: break-word;
11
+ text-align: left;
12
+ text-decoration: none;
13
+ color: $blueberry600;
14
+ padding: 0.15rem;
15
+ border-bottom: 1px solid $neutral300;
16
+
17
+ &:hover {
18
+ cursor: pointer;
19
+ color: $blueberry700;
20
+ background-color: $blueberry50;
21
+ border-bottom-color: $blueberry600;
22
+ }
23
+ &:focus {
24
+ padding: 0 0 0.15rem 0;
25
+ outline: none;
26
+ border: 0.15rem solid $black;
27
+ }
28
+
29
+ &__icon {
30
+ display: inline-block;
31
+ vertical-align: bottom;
32
+ margin-right: -0.4rem;
33
+ margin-top: -2rem;
34
+ margin-bottom: -0.3rem;
35
+ }
36
+ }
37
+
38
+ @mixin anchorlink-font {
39
+ font-size: 1.125rem;
40
+ line-height: 1.875rem;
41
+ font-weight: 400;
42
+ @media (min-width: map-get($grid-breakpoints, md)) {
43
+ font-size: 1.25rem;
44
+ }
45
+ }
46
+
47
+ @mixin anchorlink-icon {
48
+ &[target='_blank'] {
49
+ &:after {
50
+ content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48' fill='%2308667c'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
51
+ display: inline-block;
52
+ vertical-align: bottom;
53
+ margin-right: -0.4rem;
54
+ margin-top: -2rem;
55
+ margin-bottom: -0.8rem;
56
+ }
57
+ }
58
+ }
59
+
60
+ .anchorlink {
61
+ @include anchorlink;
62
+ @include anchorlink-font;
63
+ }