@helsenorge/designsystem-react 1.0.0-beta108 → 1.0.0-beta111

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 (485) hide show
  1. package/Badge-2ff2c764.js +2 -0
  2. package/Badge-2ff2c764.js.map +1 -0
  3. package/Button-1989d7f5.js +2 -0
  4. package/Button-1989d7f5.js.map +1 -0
  5. package/Checkbox-fba958fd.js +2 -0
  6. package/Checkbox-fba958fd.js.map +1 -0
  7. package/Close-d39cd66d.js +2 -0
  8. package/Close-d39cd66d.js.map +1 -0
  9. package/{FormGroup-af33981a.js → FormGroup-95b2232c.js} +2 -2
  10. package/FormGroup-95b2232c.js.map +1 -0
  11. package/{Input-31d7accc.js → Input-4d98b98b.js} +2 -2
  12. package/Input-4d98b98b.js.map +1 -0
  13. package/{Loader-bc13d060.js → Loader-bae81c4c.js} +2 -2
  14. package/Loader-bae81c4c.js.map +1 -0
  15. package/{Modal-ff546be0.js → Modal-4998b967.js} +2 -2
  16. package/Modal-4998b967.js.map +1 -0
  17. package/{RadioButton-c173d440.js → RadioButton-9bd08ad1.js} +2 -2
  18. package/RadioButton-9bd08ad1.js.map +1 -0
  19. package/{Textarea-78e20c9a.js → Textarea-d5cca5c6.js} +2 -2
  20. package/Textarea-d5cca5c6.js.map +1 -0
  21. package/{Title-9df559dd.js → Title-63c405c1.js} +2 -2
  22. package/Title-63c405c1.js.map +1 -0
  23. package/{Validation-4041c083.js → Validation-618defe0.js} +2 -2
  24. package/Validation-618defe0.js.map +1 -0
  25. package/_rollupPluginBabelHelpers-6b3099b0.js +2 -0
  26. package/_rollupPluginBabelHelpers-6b3099b0.js.map +1 -0
  27. package/color-e7d082c1.js +2 -0
  28. package/color-e7d082c1.js.map +1 -0
  29. package/components/AnchorLink/index.js +1 -1
  30. package/components/Avatar/index.js +1 -1
  31. package/components/Badge/index.js +1 -1
  32. package/components/Button/Button.d.ts +2 -0
  33. package/components/Button/Button.d.ts.map +1 -1
  34. package/components/Button/componentdata.json +38 -1
  35. package/components/Button/index.js +1 -1
  36. package/components/ButtonWithModal/index.js +1 -1
  37. package/components/Checkbox/index.js +1 -1
  38. package/components/Close/index.js +1 -1
  39. package/components/Expander/index.js +1 -1
  40. package/components/ExpanderList/index.js +1 -1
  41. package/components/FormExample/index.js +1 -1
  42. package/components/FormGroup/index.js +1 -1
  43. package/components/HighlightBox/index.js +1 -1
  44. package/components/Icons/ActiveMonitoring.js +1 -1
  45. package/components/Icons/AcupunctureBack.d.ts.map +1 -1
  46. package/components/Icons/AcupunctureBack.js +1 -1
  47. package/components/Icons/AlarmClock.d.ts.map +1 -1
  48. package/components/Icons/AlarmClock.js +1 -1
  49. package/components/Icons/AlertSignFill.d.ts.map +1 -1
  50. package/components/Icons/AlertSignFill.js +1 -1
  51. package/components/Icons/AlertSignStroke.d.ts.map +1 -1
  52. package/components/Icons/AlertSignStroke.js +1 -1
  53. package/components/Icons/Amputation.js +1 -1
  54. package/components/Icons/Anxiety.js +1 -1
  55. package/components/Icons/Apple.js +1 -1
  56. package/components/Icons/Archive.d.ts.map +1 -1
  57. package/components/Icons/Archive.js +1 -1
  58. package/components/Icons/ArmFlexing.js +1 -1
  59. package/components/Icons/ArrowLeft.d.ts.map +1 -1
  60. package/components/Icons/ArrowLeft.js +1 -1
  61. package/components/Icons/ArrowRight.d.ts.map +1 -1
  62. package/components/Icons/ArrowRight.js +1 -1
  63. package/components/Icons/ArrowUpRight.d.ts.map +1 -1
  64. package/components/Icons/ArrowUpRight.js +1 -1
  65. package/components/Icons/Attachment.d.ts.map +1 -1
  66. package/components/Icons/Attachment.js +1 -1
  67. package/components/Icons/Atv.js +1 -1
  68. package/components/Icons/Avatar.d.ts.map +1 -1
  69. package/components/Icons/Avatar.js +1 -1
  70. package/components/Icons/AwakePersonOnPillow.js +1 -1
  71. package/components/Icons/Baby.js +1 -1
  72. package/components/Icons/BandAid.js +1 -1
  73. package/components/Icons/BeerAndPills.js +1 -1
  74. package/components/Icons/Bell.js +1 -1
  75. package/components/Icons/Bike.js +1 -1
  76. package/components/Icons/BirthdayCake.js +1 -1
  77. package/components/Icons/Boat.js +1 -1
  78. package/components/Icons/Brain.js +1 -1
  79. package/components/Icons/BreastReconstruction.js +1 -1
  80. package/components/Icons/BreastRemoval.js +1 -1
  81. package/components/Icons/Breasts.js +1 -1
  82. package/components/Icons/BrokenHeart.js +1 -1
  83. package/components/Icons/BrokenPuzzle.js +1 -1
  84. package/components/Icons/Bus.d.ts.map +1 -1
  85. package/components/Icons/Bus.js +1 -1
  86. package/components/Icons/Calendar.d.ts.map +1 -1
  87. package/components/Icons/Calendar.js +1 -1
  88. package/components/Icons/CalendarChange.d.ts.map +1 -1
  89. package/components/Icons/CalendarChange.js +1 -1
  90. package/components/Icons/CalendarCheck.d.ts.map +1 -1
  91. package/components/Icons/CalendarCheck.js +1 -1
  92. package/components/Icons/CalendarEvent.js +1 -1
  93. package/components/Icons/CalendarSave.d.ts.map +1 -1
  94. package/components/Icons/CalendarSave.js +1 -1
  95. package/components/Icons/Cancer.js +1 -1
  96. package/components/Icons/Car.js +1 -1
  97. package/components/Icons/Change.d.ts.map +1 -1
  98. package/components/Icons/Change.js +1 -1
  99. package/components/Icons/Check.d.ts.map +1 -1
  100. package/components/Icons/Check.js +1 -1
  101. package/components/Icons/CheckOutline.js +1 -1
  102. package/components/Icons/Chest.js +1 -1
  103. package/components/Icons/ChevronDown.d.ts.map +1 -1
  104. package/components/Icons/ChevronDown.js +1 -1
  105. package/components/Icons/ChevronLeft.d.ts.map +1 -1
  106. package/components/Icons/ChevronLeft.js +1 -1
  107. package/components/Icons/ChevronRight.d.ts.map +1 -1
  108. package/components/Icons/ChevronRight.js +1 -1
  109. package/components/Icons/ChevronUp.d.ts.map +1 -1
  110. package/components/Icons/ChevronUp.js +1 -1
  111. package/components/Icons/ChevronsDown.d.ts.map +1 -1
  112. package/components/Icons/ChevronsDown.js +1 -1
  113. package/components/Icons/ChevronsUp.d.ts.map +1 -1
  114. package/components/Icons/ChevronsUp.js +1 -1
  115. package/components/Icons/ChildPlaying.js +1 -1
  116. package/components/Icons/Cigarette.js +1 -1
  117. package/components/Icons/Contacts.d.ts.map +1 -1
  118. package/components/Icons/Contacts.js +1 -1
  119. package/components/Icons/Copy.d.ts.map +1 -1
  120. package/components/Icons/Copy.js +1 -1
  121. package/components/Icons/CoronaCertificate.js +1 -1
  122. package/components/Icons/Coronavirus.js +1 -1
  123. package/components/Icons/Cough.js +1 -1
  124. package/components/Icons/CriticalHealthInfo.js +1 -1
  125. package/components/Icons/Cross.js +1 -1
  126. package/components/Icons/Depression.js +1 -1
  127. package/components/Icons/DigestiveSystem.js +1 -1
  128. package/components/Icons/Dizzy.js +1 -1
  129. package/components/Icons/Documents.js +1 -1
  130. package/components/Icons/Dog.js +1 -1
  131. package/components/Icons/DonorCard.js +1 -1
  132. package/components/Icons/Download.d.ts.map +1 -1
  133. package/components/Icons/Download.js +1 -1
  134. package/components/Icons/Draft.js +1 -1
  135. package/components/Icons/EChat.d.ts.map +1 -1
  136. package/components/Icons/EChat.js +1 -1
  137. package/components/Icons/EarNoseThroat.js +1 -1
  138. package/components/Icons/ElderlyPerson.js +1 -1
  139. package/components/Icons/Embolization.js +1 -1
  140. package/components/Icons/EnterFullScreen.d.ts.map +1 -1
  141. package/components/Icons/EnterFullScreen.js +1 -1
  142. package/components/Icons/Envelope.d.ts.map +1 -1
  143. package/components/Icons/Envelope.js +1 -1
  144. package/components/Icons/Epilepsy.js +1 -1
  145. package/components/Icons/Eraser.d.ts.map +1 -1
  146. package/components/Icons/Eraser.js +1 -1
  147. package/components/Icons/ErrorSignFill.d.ts.map +1 -1
  148. package/components/Icons/ErrorSignFill.js +1 -1
  149. package/components/Icons/ErrorSignStroke.d.ts.map +1 -1
  150. package/components/Icons/ErrorSignStroke.js +1 -1
  151. package/components/Icons/EuropeanHealthCard.js +1 -1
  152. package/components/Icons/ExitFullScreen.d.ts.map +1 -1
  153. package/components/Icons/ExitFullScreen.js +1 -1
  154. package/components/Icons/Eye.d.ts.map +1 -1
  155. package/components/Icons/Eye.js +1 -1
  156. package/components/Icons/Facebook.js +1 -1
  157. package/components/Icons/Female.js +1 -1
  158. package/components/Icons/FemaleDoctor.js +1 -1
  159. package/components/Icons/Ferry.js +1 -1
  160. package/components/Icons/FingerBleed.js +1 -1
  161. package/components/Icons/FirstAidKit.js +1 -1
  162. package/components/Icons/Football.js +1 -1
  163. package/components/Icons/Form.d.ts.map +1 -1
  164. package/components/Icons/Form.js +1 -1
  165. package/components/Icons/Forward.d.ts.map +1 -1
  166. package/components/Icons/Forward.js +1 -1
  167. package/components/Icons/Gallery.d.ts.map +1 -1
  168. package/components/Icons/Gallery.js +1 -1
  169. package/components/Icons/Garden.js +1 -1
  170. package/components/Icons/GasCan.js +1 -1
  171. package/components/Icons/Globe.d.ts.map +1 -1
  172. package/components/Icons/Globe.js +1 -1
  173. package/components/Icons/HandWaving.js +1 -1
  174. package/components/Icons/HandWithDisease.js +1 -1
  175. package/components/Icons/HealthClinic.js +1 -1
  176. package/components/Icons/HealthWarning.js +1 -1
  177. package/components/Icons/Heart.d.ts.map +1 -1
  178. package/components/Icons/Heart.js +1 -1
  179. package/components/Icons/HelpSign.d.ts.map +1 -1
  180. package/components/Icons/HelpSign.js +1 -1
  181. package/components/Icons/HelpingHand.js +1 -1
  182. package/components/Icons/Hemodialysis.js +1 -1
  183. package/components/Icons/Hiker.js +1 -1
  184. package/components/Icons/Hipprosthesis.js +1 -1
  185. package/components/Icons/History.d.ts.map +1 -1
  186. package/components/Icons/History.js +1 -1
  187. package/components/Icons/HivAndAids.js +1 -1
  188. package/components/Icons/Home.d.ts.map +1 -1
  189. package/components/Icons/Home.js +1 -1
  190. package/components/Icons/Hormone.js +1 -1
  191. package/components/Icons/Hospital.d.ts.map +1 -1
  192. package/components/Icons/Hospital.js +1 -1
  193. package/components/Icons/Hourglass.d.ts.map +1 -1
  194. package/components/Icons/Hourglass.js +1 -1
  195. package/components/Icons/Icon.d.ts +3 -2
  196. package/components/Icons/Icon.d.ts.map +1 -1
  197. package/components/Icons/Icon.js +1 -1
  198. package/components/Icons/ImgFile.js +1 -1
  199. package/components/Icons/Inbox.js +1 -1
  200. package/components/Icons/InfoSignFill.d.ts.map +1 -1
  201. package/components/Icons/InfoSignFill.js +1 -1
  202. package/components/Icons/InfoSignStroke.d.ts.map +1 -1
  203. package/components/Icons/InfoSignStroke.js +1 -1
  204. package/components/Icons/Instagram.js +1 -1
  205. package/components/Icons/Intravenous.js +1 -1
  206. package/components/Icons/JointPain.js +1 -1
  207. package/components/Icons/Journal.d.ts.map +1 -1
  208. package/components/Icons/Journal.js +1 -1
  209. package/components/Icons/JpgFile.js +1 -1
  210. package/components/Icons/Kidney.js +1 -1
  211. package/components/Icons/KitchenScale.js +1 -1
  212. package/components/Icons/Kjernejournal.js +1 -1
  213. package/components/Icons/Laboratory.js +1 -1
  214. package/components/Icons/LaptopBlog.js +1 -1
  215. package/components/Icons/LawBook.js +1 -1
  216. package/components/Icons/LightBulb.js +1 -1
  217. package/components/Icons/List.d.ts.map +1 -1
  218. package/components/Icons/List.js +1 -1
  219. package/components/Icons/Location.d.ts.map +1 -1
  220. package/components/Icons/Location.js +1 -1
  221. package/components/Icons/Lock.d.ts.map +1 -1
  222. package/components/Icons/Lock.js +1 -1
  223. package/components/Icons/Lungs.js +1 -1
  224. package/components/Icons/Makeup.js +1 -1
  225. package/components/Icons/MaleDoctor.js +1 -1
  226. package/components/Icons/MaleDoctorAndPerson.js +1 -1
  227. package/components/Icons/MaleGenitalia.js +1 -1
  228. package/components/Icons/Medicine.d.ts.map +1 -1
  229. package/components/Icons/Medicine.js +1 -1
  230. package/components/Icons/MedicineWarning.js +1 -1
  231. package/components/Icons/MentalHealthAdult.js +1 -1
  232. package/components/Icons/MentalHealthChild.js +1 -1
  233. package/components/Icons/Menu.d.ts.map +1 -1
  234. package/components/Icons/Menu.js +1 -1
  235. package/components/Icons/Microscope.js +1 -1
  236. package/components/Icons/Minus.d.ts.map +1 -1
  237. package/components/Icons/Minus.js +1 -1
  238. package/components/Icons/Mirror.js +1 -1
  239. package/components/Icons/MobilePhone.d.ts.map +1 -1
  240. package/components/Icons/MobilePhone.js +1 -1
  241. package/components/Icons/MotherHoldingBaby.js +1 -1
  242. package/components/Icons/MuscleBack.js +1 -1
  243. package/components/Icons/MuscleLeg.js +1 -1
  244. package/components/Icons/Mushroom.js +1 -1
  245. package/components/Icons/Music.js +1 -1
  246. package/components/Icons/MusselsAndSalt.js +1 -1
  247. package/components/Icons/NoEye.d.ts.map +1 -1
  248. package/components/Icons/NoEye.js +1 -1
  249. package/components/Icons/NoFilter.d.ts.map +1 -1
  250. package/components/Icons/NoFilter.js +1 -1
  251. package/components/Icons/Notepad.js +1 -1
  252. package/components/Icons/Osteotomy.js +1 -1
  253. package/components/Icons/PaintRoller.js +1 -1
  254. package/components/Icons/PaperPlane.d.ts.map +1 -1
  255. package/components/Icons/PaperPlane.js +1 -1
  256. package/components/Icons/PatientAndPerson.js +1 -1
  257. package/components/Icons/Pause.d.ts.map +1 -1
  258. package/components/Icons/Pause.js +1 -1
  259. package/components/Icons/PdfFile.js +1 -1
  260. package/components/Icons/Pencil.d.ts.map +1 -1
  261. package/components/Icons/Pencil.js +1 -1
  262. package/components/Icons/PeopleTalking.js +1 -1
  263. package/components/Icons/Peritonealdialysis.js +1 -1
  264. package/components/Icons/Person.js +1 -1
  265. package/components/Icons/PersonAndPatient.js +1 -1
  266. package/components/Icons/PersonInXRayMachine.js +1 -1
  267. package/components/Icons/PersonOverweight.js +1 -1
  268. package/components/Icons/PersonRelaxing.js +1 -1
  269. package/components/Icons/PersonWithBrain.js +1 -1
  270. package/components/Icons/PersonWithBrokenArm.js +1 -1
  271. package/components/Icons/PersonWithCrutches.js +1 -1
  272. package/components/Icons/PersonWithJaw.js +1 -1
  273. package/components/Icons/PersonWithMagnifyingGlass.js +1 -1
  274. package/components/Icons/PersonWithSenses.js +1 -1
  275. package/components/Icons/PersonWorking.js +1 -1
  276. package/components/Icons/PizzaSlice.js +1 -1
  277. package/components/Icons/Plane.js +1 -1
  278. package/components/Icons/Plant.js +1 -1
  279. package/components/Icons/Play.d.ts.map +1 -1
  280. package/components/Icons/Play.js +1 -1
  281. package/components/Icons/PlusLarge.d.ts.map +1 -1
  282. package/components/Icons/PlusLarge.js +1 -1
  283. package/components/Icons/PlusSmall.d.ts.map +1 -1
  284. package/components/Icons/PlusSmall.js +1 -1
  285. package/components/Icons/PngFile.js +1 -1
  286. package/components/Icons/PoisonInformation.js +1 -1
  287. package/components/Icons/Pregnant.js +1 -1
  288. package/components/Icons/Printer.d.ts.map +1 -1
  289. package/components/Icons/Printer.js +1 -1
  290. package/components/Icons/Psychosis.js +1 -1
  291. package/components/Icons/Publication.js +1 -1
  292. package/components/Icons/Puzzle.js +1 -1
  293. package/components/Icons/QrCode.d.ts.map +1 -1
  294. package/components/Icons/QrCode.js +1 -1
  295. package/components/Icons/RadioTherapy.js +1 -1
  296. package/components/Icons/RadioactiveTreatment.js +1 -1
  297. package/components/Icons/Radioiodine.js +1 -1
  298. package/components/Icons/Receipt.js +1 -1
  299. package/components/Icons/Receptionist.d.ts.map +1 -1
  300. package/components/Icons/Receptionist.js +1 -1
  301. package/components/Icons/Recovery.js +1 -1
  302. package/components/Icons/Referral.d.ts.map +1 -1
  303. package/components/Icons/Referral.js +1 -1
  304. package/components/Icons/Refresh.d.ts.map +1 -1
  305. package/components/Icons/Refresh.js +1 -1
  306. package/components/Icons/Refund.js +1 -1
  307. package/components/Icons/Reply.d.ts.map +1 -1
  308. package/components/Icons/Reply.js +1 -1
  309. package/components/Icons/Rocket.js +1 -1
  310. package/components/Icons/RtfFile.js +1 -1
  311. package/components/Icons/Save.d.ts.map +1 -1
  312. package/components/Icons/Save.js +1 -1
  313. package/components/Icons/Scale.js +1 -1
  314. package/components/Icons/Search.d.ts.map +1 -1
  315. package/components/Icons/Search.js +1 -1
  316. package/components/Icons/SectionSign.d.ts.map +1 -1
  317. package/components/Icons/SectionSign.js +1 -1
  318. package/components/Icons/Settings.d.ts.map +1 -1
  319. package/components/Icons/Settings.js +1 -1
  320. package/components/Icons/ShakingHand.js +1 -1
  321. package/components/Icons/Share.d.ts.map +1 -1
  322. package/components/Icons/Share.js +1 -1
  323. package/components/Icons/Shield.js +1 -1
  324. package/components/Icons/ShuntOperation.js +1 -1
  325. package/components/Icons/Skeleton.js +1 -1
  326. package/components/Icons/Skin.js +1 -1
  327. package/components/Icons/Snake.js +1 -1
  328. package/components/Icons/Snapchat.js +1 -1
  329. package/components/Icons/SpeechBubble.d.ts.map +1 -1
  330. package/components/Icons/SpeechBubble.js +1 -1
  331. package/components/Icons/Spray.js +1 -1
  332. package/components/Icons/Stopwatch.d.ts.map +1 -1
  333. package/components/Icons/Stopwatch.js +1 -1
  334. package/components/Icons/SupportingPerson.d.ts.map +1 -1
  335. package/components/Icons/SupportingPerson.js +1 -1
  336. package/components/Icons/Surgery.js +1 -1
  337. package/components/Icons/Syringe.d.ts.map +1 -1
  338. package/components/Icons/Syringe.js +1 -1
  339. package/components/Icons/Taxi.js +1 -1
  340. package/components/Icons/TeddyBear.js +1 -1
  341. package/components/Icons/Teenagers.js +1 -1
  342. package/components/Icons/ThinkingAboutBaby.js +1 -1
  343. package/components/Icons/Ticket.js +1 -1
  344. package/components/Icons/TimePassing.d.ts.map +1 -1
  345. package/components/Icons/TimePassing.js +1 -1
  346. package/components/Icons/Toolbox.d.ts.map +1 -1
  347. package/components/Icons/Toolbox.js +1 -1
  348. package/components/Icons/Tooth.js +1 -1
  349. package/components/Icons/TotalKneeProsthesis.js +1 -1
  350. package/components/Icons/Train.js +1 -1
  351. package/components/Icons/Transplantation.js +1 -1
  352. package/components/Icons/TrashCan.d.ts.map +1 -1
  353. package/components/Icons/TrashCan.js +1 -1
  354. package/components/Icons/Twitter.js +1 -1
  355. package/components/Icons/Undo.d.ts.map +1 -1
  356. package/components/Icons/Undo.js +1 -1
  357. package/components/Icons/UniProsthesis.js +1 -1
  358. package/components/Icons/Upload.d.ts.map +1 -1
  359. package/components/Icons/Upload.js +1 -1
  360. package/components/Icons/UserOrganization.js +1 -1
  361. package/components/Icons/Vaccine.d.ts.map +1 -1
  362. package/components/Icons/Vaccine.js +1 -1
  363. package/components/Icons/VerticalDots.d.ts.map +1 -1
  364. package/components/Icons/VerticalDots.js +1 -1
  365. package/components/Icons/VideoCamera.d.ts.map +1 -1
  366. package/components/Icons/VideoCamera.js +1 -1
  367. package/components/Icons/VideoChat.d.ts.map +1 -1
  368. package/components/Icons/VideoChat.js +1 -1
  369. package/components/Icons/Wallet.d.ts.map +1 -1
  370. package/components/Icons/Wallet.js +1 -1
  371. package/components/Icons/Watch.d.ts.map +1 -1
  372. package/components/Icons/Watch.js +1 -1
  373. package/components/Icons/Website.js +1 -1
  374. package/components/Icons/Wheelchair.js +1 -1
  375. package/components/Icons/WheelchairActive.js +1 -1
  376. package/components/Icons/Window.js +1 -1
  377. package/components/Icons/WordDocument.js +1 -1
  378. package/components/Icons/WorkSuitcase.js +1 -1
  379. package/components/Icons/X.d.ts.map +1 -1
  380. package/components/Icons/X.js +1 -1
  381. package/components/Icons/XOutline.js +1 -1
  382. package/components/Icons/XmlFile.js +1 -1
  383. package/components/Icons/YouTube.js +1 -1
  384. package/components/Icons/Zoom.d.ts.map +1 -1
  385. package/components/Icons/Zoom.js +1 -1
  386. package/components/Icons/index.js +1 -1
  387. package/components/Input/index.js +1 -1
  388. package/components/LinkList/index.js +1 -1
  389. package/components/List/index.js +1 -1
  390. package/components/Loader/index.js +1 -1
  391. package/components/Logo/index.js +1 -1
  392. package/components/Modal/index.js +1 -1
  393. package/components/Modal/styles.module.scss +2 -0
  394. package/components/NotificationPanel/index.js +1 -1
  395. package/components/Panel/Panel.d.ts +65 -0
  396. package/components/Panel/Panel.d.ts.map +1 -0
  397. package/components/Panel/componentdata.json +440 -0
  398. package/components/Panel/index.d.ts +4 -0
  399. package/components/Panel/index.d.ts.map +1 -0
  400. package/components/Panel/index.js +2 -0
  401. package/components/{__mocks__ → Panel}/index.js.map +0 -0
  402. package/components/Panel/styles.module.scss +345 -0
  403. package/components/Panel/styles.module.scss.d.ts +34 -0
  404. package/components/Portal/index.js +1 -1
  405. package/components/RadioButton/index.js +1 -1
  406. package/components/Slider/index.js +1 -1
  407. package/components/Spacer/index.js +1 -1
  408. package/components/Textarea/index.js +1 -1
  409. package/components/Tile/componentdata.json +19 -1
  410. package/components/Tile/index.js +1 -1
  411. package/components/Title/index.js +1 -1
  412. package/components/Validation/index.js +1 -1
  413. package/constants-be4018c7.js +2 -0
  414. package/constants-be4018c7.js.map +1 -0
  415. package/constants.d.ts +5 -1
  416. package/constants.d.ts.map +1 -1
  417. package/grid-c105cad1.js +2 -0
  418. package/grid-c105cad1.js.map +1 -0
  419. package/hoc/withBreakpoint/index.d.ts +4 -0
  420. package/hoc/withBreakpoint/index.d.ts.map +1 -0
  421. package/hoc/withBreakpoint/index.js +2 -0
  422. package/hoc/withBreakpoint/index.js.map +1 -0
  423. package/hoc/withBreakpoint/withBreakpoint.d.ts +14 -0
  424. package/hoc/withBreakpoint/withBreakpoint.d.ts.map +1 -0
  425. package/hooks/useBreakpoint.d.ts +2 -1
  426. package/hooks/useBreakpoint.d.ts.map +1 -1
  427. package/hooks/useFocusTrap.d.ts.map +1 -1
  428. package/hooks/useHover.d.ts +1 -1
  429. package/hooks/useLayoutEvent.d.ts.map +1 -1
  430. package/hooks/useWindowSize.d.ts.map +1 -1
  431. package/index-d1c9177a.js +2 -0
  432. package/index-d1c9177a.js.map +1 -0
  433. package/index.js +1 -1
  434. package/package.json +2 -1
  435. package/scss/_breakpoints.scss +1 -1
  436. package/theme/grid.d.ts +2 -1
  437. package/theme/grid.d.ts.map +1 -1
  438. package/theme/index.d.ts +2 -1
  439. package/theme/index.d.ts.map +1 -1
  440. package/useBreakpoint-8209ae3c.js +2 -0
  441. package/useBreakpoint-8209ae3c.js.map +1 -0
  442. package/{useHover-9710204a.js → useHover-507fb85a.js} +2 -2
  443. package/useHover-507fb85a.js.map +1 -0
  444. package/useIsVisible-2b617baa.js +2 -0
  445. package/useIsVisible-2b617baa.js.map +1 -0
  446. package/useSticky-a572c326.js +2 -0
  447. package/useSticky-a572c326.js.map +1 -0
  448. package/useWindowSize-58f26dea.js +2 -0
  449. package/useWindowSize-58f26dea.js.map +1 -0
  450. package/Button-7e82091f.js +0 -2
  451. package/Button-7e82091f.js.map +0 -1
  452. package/Checkbox-f2418dc5.js +0 -2
  453. package/Checkbox-f2418dc5.js.map +0 -1
  454. package/Close-d81081c8.js +0 -2
  455. package/Close-d81081c8.js.map +0 -1
  456. package/FormGroup-af33981a.js.map +0 -1
  457. package/Input-31d7accc.js.map +0 -1
  458. package/Loader-bc13d060.js.map +0 -1
  459. package/Modal-ff546be0.js.map +0 -1
  460. package/RadioButton-c173d440.js.map +0 -1
  461. package/Textarea-78e20c9a.js.map +0 -1
  462. package/Title-9df559dd.js.map +0 -1
  463. package/Validation-4041c083.js.map +0 -1
  464. package/_rollupPluginBabelHelpers-b8ef6dd9.js +0 -2
  465. package/_rollupPluginBabelHelpers-b8ef6dd9.js.map +0 -1
  466. package/color-a10c7892.js +0 -2
  467. package/color-a10c7892.js.map +0 -1
  468. package/components/Modal/__mocks__/IntersectionObserver.d.ts +0 -6
  469. package/components/Modal/__mocks__/IntersectionObserver.d.ts.map +0 -1
  470. package/components/__mocks__/index.js +0 -2
  471. package/constants-eb74321e.js +0 -2
  472. package/constants-eb74321e.js.map +0 -1
  473. package/grid-11a70eb7.js +0 -2
  474. package/grid-11a70eb7.js.map +0 -1
  475. package/index-0e78dfa0.js +0 -2
  476. package/index-0e78dfa0.js.map +0 -1
  477. package/useBreakpoint-552af2b9.js +0 -2
  478. package/useBreakpoint-552af2b9.js.map +0 -1
  479. package/useHover-9710204a.js.map +0 -1
  480. package/useIsVisible-a1f67a11.js +0 -2
  481. package/useIsVisible-a1f67a11.js.map +0 -1
  482. package/useSticky-d61d1f0b.js +0 -2
  483. package/useSticky-d61d1f0b.js.map +0 -1
  484. package/useWindowSize-750f9b68.js +0 -2
  485. package/useWindowSize-750f9b68.js.map +0 -1
@@ -0,0 +1,345 @@
1
+ @import '../../scss/_spacers.scss';
2
+ @import '../../scss/_breakpoints.scss';
3
+ @import '../../scss/_palette.scss';
4
+ @import '../../scss/_grid.scss';
5
+ @import '../../scss/_font-settings.scss';
6
+
7
+ .panel-wrapper {
8
+ width: 100%;
9
+ }
10
+
11
+ @mixin panel-padding {
12
+ padding: getSpacer(s) getSpacer(s) getSpacer(s) getSpacer(s);
13
+
14
+ @media (min-width: map-get($grid-breakpoints, md)) {
15
+ padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(l);
16
+ }
17
+ }
18
+
19
+ .panel {
20
+ @include panel-padding;
21
+ outline: none;
22
+ position: relative;
23
+ width: 100%;
24
+
25
+ &__container {
26
+ @media (min-width: map-get($grid-breakpoints, sm)) {
27
+ display: flex;
28
+ flex-direction: row;
29
+ flex: 1;
30
+ }
31
+
32
+ &--layout3ish{
33
+ @media (min-width: map-get($grid-breakpoints, lg)) {
34
+ display: flex;
35
+ flex-direction: row;
36
+ }
37
+ }
38
+
39
+ &--grow{
40
+ flex: 1;
41
+ }
42
+ }
43
+
44
+ &--with-icon {
45
+ display: flex;
46
+ flex-direction: row;
47
+ }
48
+
49
+ &__icon {
50
+ padding-right: getSpacer(s);
51
+ &--right {
52
+ padding-left: getSpacer(s);
53
+ }
54
+ }
55
+
56
+ &__content-left {
57
+ &--flex {
58
+ display: flex;
59
+ }
60
+ }
61
+
62
+ &__content-right {
63
+ &--layout1 {
64
+ display: flex;
65
+ flex-direction: column;
66
+ @media (min-width: map-get($grid-breakpoints, md)) {
67
+ flex-direction: row;
68
+ }
69
+ }
70
+
71
+ &--layout2 {
72
+ display: flex;
73
+ flex-direction: column;
74
+ @media (min-width: map-get($grid-breakpoints, md)) {
75
+ max-width: 200px;
76
+ }
77
+ }
78
+
79
+ &--layout3ish {
80
+ display: flex;
81
+ flex-direction: column;
82
+ padding-left: 0;
83
+ @media (min-width: map-get($grid-breakpoints, lg)) {
84
+ flex-direction: row;
85
+ padding-left: getSpacer(m);
86
+ }
87
+ }
88
+
89
+ &--layout3a {
90
+ flex: 0.4;
91
+ }
92
+ &--layout3b {
93
+ flex: 0.55;
94
+ }
95
+ &--layout3c {
96
+ flex: 0.65;
97
+ }
98
+ }
99
+
100
+ &__btn-container {
101
+ display: flex;
102
+ flex-direction: column;
103
+ @media (min-width: map-get($grid-breakpoints, lg)) {
104
+ align-self: end;
105
+ max-width: 300px;
106
+ }
107
+
108
+ &--layout3ish {
109
+ display: flex;
110
+ align-self: initial;
111
+ flex-direction: column;
112
+ @media (min-width: map-get($grid-breakpoints, lg)) {
113
+ align-self: end;
114
+ }
115
+ }
116
+ &--padding-top {
117
+ padding-top: getSpacer(s);
118
+ }
119
+ }
120
+
121
+ &__details-btn {
122
+ &--pull-right {
123
+ align-self: end;
124
+ }
125
+ }
126
+
127
+ // Panel variants
128
+
129
+ &--fill {
130
+ background-color: $neutral50;
131
+
132
+ &:hover {
133
+ background-color: $neutral100;
134
+ }
135
+
136
+ &:focus {
137
+ box-shadow: inset 0px 0px 0px 3px $neutral600;
138
+ }
139
+ }
140
+
141
+ &--selected#{&}--fill {
142
+ background-color: $neutral100;
143
+ border-bottom: 0;
144
+ &:hover {
145
+ background-color: $neutral200;
146
+ }
147
+ }
148
+
149
+ &--white {
150
+ background-color: $white;
151
+ &:hover {
152
+ background-color: $neutral100;
153
+ }
154
+ &:focus {
155
+ box-shadow: inset 0px 0px 0px 3px $neutral600;
156
+ }
157
+ }
158
+
159
+ &--selected#{&}--white {
160
+ box-shadow: inset 0px 0px 0px 6px $neutral100;
161
+ &:hover {
162
+ background-color: $neutral100;
163
+ }
164
+ &:focus {
165
+ box-shadow: inset 0px 0px 0px 3px $neutral600;
166
+ }
167
+ }
168
+
169
+ &--stroke {
170
+ border: 6px solid $neutral100;
171
+ &:hover {
172
+ background-color: $neutral50;
173
+ }
174
+ &:focus {
175
+ border-color: $neutral600;
176
+ box-shadow: inset 0px 0px 0px 3px $neutral100;
177
+ }
178
+ }
179
+
180
+ &--line {
181
+ background-color: $white;
182
+ border-color: $neutral500;
183
+ border-top: 1px solid;
184
+ border-bottom: 1px solid;
185
+ &:hover {
186
+ background-color: $neutral50;
187
+ }
188
+ &:focus {
189
+ border-color: transparent;
190
+ box-shadow: inset 0px 0px 0px 3px $neutral600;
191
+ }
192
+ }
193
+
194
+ &--selected#{&}--line {
195
+ background-color: $neutral50;
196
+ border-bottom: 0;
197
+ &:hover {
198
+ background-color: $neutral100;
199
+ }
200
+ }
201
+
202
+ &--button {
203
+ cursor: pointer;
204
+ }
205
+
206
+ //Panel status
207
+ &--status {
208
+ &::before {
209
+ content: '';
210
+ position: absolute;
211
+ border-left: 0.375rem;
212
+ top: 0;
213
+ left: 0;
214
+ height: 100%;
215
+ border-left-style: solid;
216
+ }
217
+ }
218
+ &--new {
219
+ &::before {
220
+ border-left-color: $blueberry600;
221
+ }
222
+ }
223
+
224
+ &--draft {
225
+ &::before {
226
+ border-left-style: dashed;
227
+ border-left-color: $neutral500;
228
+ }
229
+ }
230
+
231
+ &--error {
232
+ &::before {
233
+ border-left-color: $cherry500;
234
+ }
235
+ }
236
+ }
237
+
238
+ .panel-details {
239
+ background-color: $neutral50;
240
+ display: none;
241
+ @include panel-padding;
242
+
243
+ &--open {
244
+ display: block;
245
+ }
246
+
247
+ &--line {
248
+ background: $white;
249
+ border-bottom: 1px solid $neutral500;
250
+ }
251
+ &--white {
252
+ background: $white;
253
+ }
254
+ }
255
+
256
+ .status-message {
257
+ font-size: $font-size-sm;
258
+ color: $cherry500;
259
+ display: flex;
260
+
261
+ span {
262
+ padding-left: 5px;
263
+ align-self: center;
264
+ font-size: $font-size-sm;
265
+ }
266
+
267
+ &--new {
268
+ color: $blueberry800;
269
+ }
270
+ }
271
+ .panel-content-a {
272
+ flex: 1;
273
+ padding-right: 0;
274
+
275
+ @media (min-width: map-get($grid-breakpoints, md)) {
276
+ padding-right: getSpacer(m);
277
+ }
278
+
279
+ &__title-container {
280
+ display: flex;
281
+ align-items: center;
282
+ padding-bottom: getSpacer(s);
283
+
284
+ & > :last-child() {
285
+ padding-left: getSpacer(xs);
286
+ }
287
+ & > :first-child() {
288
+ padding-left: 0;
289
+ }
290
+ }
291
+
292
+ &--layout3a {
293
+ flex: 0.6;
294
+ }
295
+ &--layout3b {
296
+ flex: 0.45;
297
+ }
298
+ &--layout3c {
299
+ flex: 0.35;
300
+ }
301
+ }
302
+
303
+ .panel-content-b {
304
+ flex: 1;
305
+ padding-top: getSpacer(s);
306
+
307
+ @media (min-width: map-get($grid-breakpoints, lg)) {
308
+ padding-top: 0;
309
+ }
310
+
311
+ &--layout1 {
312
+ padding-top: getSpacer(s);
313
+ padding-left: 0;
314
+ @media (min-width: map-get($grid-breakpoints, md)) {
315
+ padding-right: getSpacer(m);
316
+ }
317
+ }
318
+ }
319
+
320
+ .datetime-container {
321
+ display: flex;
322
+ flex-direction: column;
323
+
324
+ @media (min-width: map-get($grid-breakpoints, lg)) {
325
+ padding-top: getSpacer(xs);
326
+ flex-direction: row;
327
+ }
328
+
329
+ &__icon {
330
+ display: flex;
331
+ align-items: center;
332
+ padding-bottom: getSpacer(2xs);
333
+
334
+ @media (min-width: map-get($grid-breakpoints, lg)) {
335
+ padding-top: 0;
336
+ padding-right: getSpacer(m);
337
+ padding-bottom: 0;
338
+ }
339
+
340
+ span {
341
+ padding-left: getSpacer(2xs);
342
+ font-size: $font-size-sm;
343
+ }
344
+ }
345
+ }
@@ -0,0 +1,34 @@
1
+ export type Styles = {
2
+ 'panel-wrapper': string;
3
+ panel: string;
4
+ 'panel--with-icon': string;
5
+ 'panel--normal': string;
6
+ 'panel--fill': string;
7
+ 'panel--white': string;
8
+ 'panel--stroke': string;
9
+ 'panel--line': string;
10
+ 'panel--new': string;
11
+ 'panel--draft': string;
12
+ 'panel--error': string;
13
+ 'panel--status': string;
14
+ 'panel--container': string;
15
+ 'panel--button': string;
16
+ 'panel__icon': string;
17
+ 'panel__content-left': string;
18
+ 'panel__content-right': string;
19
+ 'panel-content-a__title-container': string;
20
+ 'btn-container': string;
21
+ 'panel-details': string;
22
+ 'panel-details--line': string;
23
+ 'panel-details--white': string;
24
+ 'status-message': string;
25
+ 'status-message--new': string;
26
+ 'datetime-container': string;
27
+ 'datetime-container__icon': string;
28
+ };
29
+
30
+ export type ClassNames = keyof Styles;
31
+
32
+ declare const styles: Styles;
33
+
34
+ export default styles;
@@ -1,2 +1,2 @@
1
- import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-eb74321e.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
1
+ import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-be4018c7.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{R as o}from"../../RadioButton-c173d440.js";export{R as RadioButton,R as default}from"../../RadioButton-c173d440.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-eb74321e.js";
1
+ import{R as o}from"../../RadioButton-9bd08ad1.js";export{R as RadioButton,R as default}from"../../RadioButton-9bd08ad1.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{_ as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-9df559dd.js";import c from"./styles.module.scss";import{A as u}from"../../constants-eb74321e.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
1
+ import{_ as e}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-63c405c1.js";import c from"./styles.module.scss";import{A as u}from"../../constants-be4018c7.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,b=m.step,y=void 0===b?1:b,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,y,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-y*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{b as s}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import e from"react";import{c as a}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as l}from"../../constants-eb74321e.js";var c=e.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,i=c.testId,d=a(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return e.createElement("span",{className:d,ref:p,"data-testid":i,"data-analyticsid":l.Spacer})}));export default c;
1
+ import{b as s}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as c}from"../../constants-be4018c7.js";var l=a.forwardRef((function(l,p){var t,x=l.size,o=void 0===x?"s":x,m=l.className,i=l.testId,f=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:f,ref:p,"data-testid":i,"data-analyticsid":c.Spacer})}));export default l;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{T as e}from"../../Textarea-78e20c9a.js";export{T as default}from"../../Textarea-78e20c9a.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-eb74321e.js";import"../../uuid-fe7442b7.js";
1
+ import{T as s}from"../../Textarea-d5cca5c6.js";export{T as default}from"../../Textarea-d5cca5c6.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";import"../../uuid-fe7442b7.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -263,7 +263,25 @@
263
263
  ],
264
264
  "required": false,
265
265
  "type": {
266
- "name": "string"
266
+ "name": "enum",
267
+ "raw": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\" | undefined",
268
+ "value": [
269
+ {
270
+ "value": "undefined"
271
+ },
272
+ {
273
+ "value": "\"_self\""
274
+ },
275
+ {
276
+ "value": "\"_blank\""
277
+ },
278
+ {
279
+ "value": "\"_parent\""
280
+ },
281
+ {
282
+ "value": "\"_top\""
283
+ }
284
+ ]
267
285
  }
268
286
  },
269
287
  "target": {
@@ -1,2 +1,2 @@
1
- import{_ as e,b as t}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-eb74321e.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var l,o=e.children,n=e.className,c=e.htmlMarkup,d=void 0===c?"span":c,m=e.highlighted,p=e.compact,f=a(s.tile__title,(t(l={},s["tile__title--highlighted"],m),t(l,s["tile__title--compact"],p),l),n),u=d;return r.createElement(u,{className:f,ref:i},o)})),d=r.forwardRef((function(c,d){var m,p=c.icon,f=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,b=void 0!==_&&_,v=c.highlighted,E=void 0!==v&&v,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=a(s.tile,(t(m={},s["tile--fixed"],b),t(m,s["tile--compact"],I),t(m,s["tile--highlighted"],E),m),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:d,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(p,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(f,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));d.Title=c;export default d;export{d as Tile};
1
+ import{_ as e,b as t}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-be4018c7.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var l,o=e.children,n=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=a(s.tile__title,(t(l={},s["tile__title--highlighted"],d),t(l,s["tile__title--compact"],p),l),n),u=m;return r.createElement(u,{className:f,ref:i},o)})),m=r.forwardRef((function(c,m){var d,p=c.icon,f=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,b=void 0!==_&&_,v=c.highlighted,E=void 0!==v&&v,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=a(s.tile,(t(d={},s["tile--fixed"],b),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(p,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(f,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));m.Title=c;export default m;export{m as Tile};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{T as s}from"../../Title-9df559dd.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-9df559dd.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-eb74321e.js";
1
+ import{T as s}from"../../Title-63c405c1.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-63c405c1.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{V as s}from"../../Validation-4041c083.js";export{V as Validation,V as default}from"../../Validation-4041c083.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-af33981a.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-f2418dc5.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-eb74321e.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-c173d440.js";import"../RadioButton/styles.module.scss";import"../../Input-31d7accc.js";import"../../useBreakpoint-552af2b9.js";import"../Input/styles.module.scss";import"../../Title-9df559dd.js";import"../Title/styles.module.scss";import"./styles.module.scss";
1
+ import{V as s}from"../../Validation-618defe0.js";export{V as Validation,V as default}from"../../Validation-618defe0.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-95b2232c.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-fba958fd.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-be4018c7.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-9bd08ad1.js";import"../RadioButton/styles.module.scss";import"../../Input-4d98b98b.js";import"../../useBreakpoint-8209ae3c.js";import"../Input/styles.module.scss";import"../../Title-63c405c1.js";import"../Title/styles.module.scss";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ var a,n,o,e,i;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(n||(n={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(o||(o={})),function(a){a.normal="normal",a.bigform="bigform"}(e||(e={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(i||(i={}));export{i as A,o as F,a as I,n as Z,e as a};
2
+ //# sourceMappingURL=constants-be4018c7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants-be4018c7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/constants.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare enum IconSize {
2
+ XXSmall = 24,
2
3
  XSmall = 38,
3
4
  Small = 48,
4
5
  Medium = 64,
@@ -21,6 +22,7 @@ export interface HTMLButtonProps {
21
22
  name?: string;
22
23
  type?: 'submit' | 'reset' | 'button' | string;
23
24
  value?: string | string[] | number;
25
+ id?: string;
24
26
  }
25
27
  export interface HTMLTextareaProps {
26
28
  autoFocus?: boolean;
@@ -37,13 +39,14 @@ export interface HTMLTextareaProps {
37
39
  spellcheck?: 'true' | 'default' | 'false';
38
40
  'aria-invalid'?: boolean;
39
41
  }
42
+ export declare type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';
40
43
  export interface HTMLAnchorProps {
41
44
  download?: string;
42
45
  href?: string;
43
46
  hrefLang?: string;
44
47
  media?: string;
45
48
  ping?: string;
46
- rel?: string;
49
+ rel?: AnchorTarget;
47
50
  target?: string;
48
51
  referrerPolicy?: '' | 'same-origin' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
49
52
  }
@@ -80,6 +83,7 @@ export declare enum AnalyticsId {
80
83
  Logo = "logo",
81
84
  Modal = "modal",
82
85
  NotificationPanel = "notification-panel",
86
+ Panel = "panel",
83
87
  Portal = "portal",
84
88
  RadioButton = "radio-button",
85
89
  Slider = "slider",
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ var x={xxs:0,xs:360,sm:564,md:768,lg:1088,xl:1450},t={xxs:"(min-width: ".concat(x.xxs,"px)"),xs:"(min-width: ".concat(x.xs,"px)"),sm:"(min-width: ".concat(x.sm,"px)"),md:"(min-width: ".concat(x.md,"px)"),lg:"(min-width: ".concat(x.lg,"px)"),xl:"(min-width: ".concat(x.xl,"px)")};export{x as b,t as s};
2
+ //# sourceMappingURL=grid-c105cad1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"grid-c105cad1.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import withBreakpoint from './withBreakpoint';
2
+ export * from './withBreakpoint';
3
+ export default withBreakpoint;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/withBreakpoint/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,eAAe,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ import r from"react";import{u as e}from"../../useBreakpoint-8209ae3c.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(o,a){var i=e();return r.createElement(t,Object.assign({ref:a},o,{breakpoint:i}))}))}export default t;export{t as withBreakpoint};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { Breakpoint } from '../../hooks/useBreakpoint';
3
+ export interface BreakpointProps {
4
+ breakpoint: Breakpoint;
5
+ }
6
+ export declare function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(Component: C & React.ComponentType<P>): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & {
7
+ ref?: React.Ref<InstanceType<C>>;
8
+ }, keyof BreakpointProps>>;
9
+ export declare function withBreakpoint<P extends BreakpointProps & {
10
+ ref?: React.Ref<any>;
11
+ }>(Component: React.ForwardRefExoticComponent<P>): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;
12
+ export declare function withBreakpoint<P extends BreakpointProps>(Component: React.FunctionComponent<P>): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;
13
+ export default withBreakpoint;
14
+ //# sourceMappingURL=withBreakpoint.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"withBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAiB,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,UAAU,CAAC;CACxB;AAGD,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzF,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GACpC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AAE1I,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,EACjF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAC5C,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,EACtD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACpC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AASnE,eAAe,cAAc,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export declare enum Breakpoint {
2
+ xxs,
2
3
  xs,
3
4
  sm,
4
5
  md,
@@ -9,5 +10,5 @@ export declare enum Breakpoint {
9
10
  * Lytt på endringer i breakpoint basert på media queries. Trigger re-render bare når breakpoint er endret.
10
11
  * @returns Gjeldende breakpoint
11
12
  */
12
- export declare const useBreakpoint: () => Breakpoint | undefined;
13
+ export declare const useBreakpoint: () => Breakpoint;
13
14
  //# sourceMappingURL=useBreakpoint.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,8BA0CzB,CAAC"}
1
+ {"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,GAAqB;IACrB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,kBA6CzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,wBAAgB,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA2D5E;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,wBAAgB,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA2D5E;AAED,eAAe,YAAY,CAAC"}
@@ -5,7 +5,7 @@ import { RefObject } from 'react';
5
5
  *
6
6
  * includeFocus: If focusing the ref should count as a hover or not. True by default.
7
7
  */
8
- export declare const useHover: <T extends HTMLElement>(ref?: RefObject<T> | undefined, condition?: boolean | undefined, includeFocus?: boolean) => {
8
+ export declare const useHover: <T extends HTMLElement | SVGElement>(ref?: RefObject<T> | undefined, condition?: boolean | undefined, includeFocus?: boolean) => {
9
9
  hoverRef: RefObject<T>;
10
10
  isHovered: boolean;
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useLayoutEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutEvent.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,wEAY1B,CAAC"}
1
+ {"version":3,"file":"useLayoutEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutEvent.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,wEAa1B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAwB5B"}
1
+ {"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAWA,wBAAgB,aAAa;;;EAU5B"}
@@ -0,0 +1,2 @@
1
+ import{p as s}from"./palette-f206f488.js";import{s as a,b as r}from"./grid-c105cad1.js";var e={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:.75,5:1,6:1.5,7:2,8:3,9:4,10:5,11:6,12:7,13:8},palette:s,screen:a,breakpoints:r};export{e as t};
2
+ //# sourceMappingURL=index-d1c9177a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-d1c9177a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}