@helsenorge/designsystem-react 12.4.0 → 12.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/Drawer.js +33 -8
  3. package/Drawer.js.map +1 -1
  4. package/FormGroup.js +8 -3
  5. package/FormGroup.js.map +1 -1
  6. package/HelpTriggerIcon.js +13 -2
  7. package/HelpTriggerIcon.js.map +1 -1
  8. package/LazyIcon.js +1 -1
  9. package/LazyIcon.js.map +1 -1
  10. package/LinkList.js +81 -47
  11. package/LinkList.js.map +1 -1
  12. package/ListEditMode.js +42 -0
  13. package/ListEditMode.js.map +1 -0
  14. package/components/Drawer/Drawer.d.ts +6 -1
  15. package/components/Drawer/resourceHelper.d.ts +3 -0
  16. package/components/ExpanderList/ExpanderList.d.ts +8 -1
  17. package/components/ExpanderList/index.js +51 -20
  18. package/components/ExpanderList/index.js.map +1 -1
  19. package/components/ExpanderList/styles.module.scss +37 -33
  20. package/components/FavoriteButton/StarIcon.d.ts +4 -4
  21. package/components/FavoriteButton/index.js +23 -18
  22. package/components/FavoriteButton/index.js.map +1 -1
  23. package/components/FavoriteButton/styles.module.scss +8 -0
  24. package/components/FavoriteButton/styles.module.scss.d.ts +1 -0
  25. package/components/FormGroup/FormGroup.d.ts +2 -0
  26. package/components/HelpTriggerIcon/HelpTriggerIcon.d.ts +2 -0
  27. package/components/HelpTriggerIcon/styles.module.scss +1 -1
  28. package/components/Icons/AdditionalIconInformation.d.ts +4 -0
  29. package/components/Icons/AdditionalIconInformation.js +2 -1
  30. package/components/Icons/AdditionalIconInformation.js.map +1 -1
  31. package/components/Icons/Feedback.d.ts +4 -0
  32. package/components/Icons/Feedback.js +25 -0
  33. package/components/Icons/Feedback.js.map +1 -0
  34. package/components/Icons/IconNames.d.ts +1 -1
  35. package/components/Icons/IconNames.js +1 -0
  36. package/components/Icons/IconNames.js.map +1 -1
  37. package/components/LinkList/LinkList.d.ts +8 -1
  38. package/components/LinkList/index.js +2 -0
  39. package/components/LinkList/index.js.map +1 -1
  40. package/components/LinkList/styles.module.scss +30 -22
  41. package/components/List/stories.module.scss +7 -0
  42. package/components/List/stories.module.scss.d.ts +9 -0
  43. package/components/ListEditMode/ListEditMode.d.ts +29 -0
  44. package/components/ListEditMode/index.d.ts +3 -0
  45. package/components/ListEditMode/index.js +9 -0
  46. package/components/ListEditMode/index.js.map +1 -0
  47. package/components/ListEditMode/styles.module.scss +79 -0
  48. package/components/ListEditMode/styles.module.scss.d.ts +18 -0
  49. package/components/Panel/styles.module.scss +5 -2
  50. package/components/PopMenu/index.js +1 -1
  51. package/components/PopMenu/index.js.map +1 -1
  52. package/components/PopMenu/styles.module.scss +4 -0
  53. package/components/PopMenu/styles.module.scss.d.ts +1 -0
  54. package/components/RadioButton/styles.module.scss +22 -4
  55. package/components/Tabs/Tabs.d.ts +6 -3
  56. package/components/Tabs/index.js +38 -4
  57. package/components/Tabs/index.js.map +1 -1
  58. package/components/Tabs/resourceHelper.d.ts +3 -0
  59. package/package.json +1 -1
  60. package/resources/HN.Designsystem.Drawer.en-GB.json.d.ts +6 -0
  61. package/resources/HN.Designsystem.Drawer.nb-NO.json.d.ts +6 -0
  62. package/resources/HN.Designsystem.Tabs.en-GB.json.d.ts +7 -0
  63. package/resources/HN.Designsystem.Tabs.nb-NO.json.d.ts +7 -0
  64. package/components/Tabs/TabsDocs.d.ts +0 -1
package/LazyIcon.js CHANGED
@@ -4,7 +4,7 @@ import { lazy, useMemo, Suspense } from "react";
4
4
  import { useIsServerSide } from "./hooks/useIsServerSide.js";
5
5
  import { I as Icon } from "./Icon.js";
6
6
  import { IconSize } from "./constants.js";
7
- const lazyLoadIcon = (iconName) => lazy(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("./components/Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("./components/Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("./components/Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("./components/Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("./components/Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("./components/Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("./components/Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("./components/Icons/Apple.js"), "../Icons/Archive.tsx": () => import("./components/Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("./components/Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("./components/Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("./components/Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("./components/Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("./components/Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("./components/Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("./components/Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("./components/Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("./components/Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("./components/Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("./components/Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("./components/Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("./components/Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("./components/Icons/Bell.js"), "../Icons/Bike.tsx": () => import("./components/Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("./components/Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("./components/Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("./components/Icons/Boat.js"), "../Icons/Body.tsx": () => import("./components/Icons/Body.js"), "../Icons/Braille.tsx": () => import("./components/Icons/Braille.js"), "../Icons/Brain.tsx": () => import("./components/Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("./components/Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("./components/Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("./components/Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("./components/Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("./components/Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("./components/Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("./components/Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("./components/Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("./components/Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("./components/Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("./components/Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("./components/Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("./components/Icons/Candle.js"), "../Icons/Car.tsx": () => import("./components/Icons/Car.js"), "../Icons/Carton.tsx": () => import("./components/Icons/Carton.js"), "../Icons/Change.tsx": () => import("./components/Icons/Change.js"), "../Icons/Check.tsx": () => import("./components/Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("./components/Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("./components/Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("./components/Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("./components/Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("./components/Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("./components/Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("./components/Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("./components/Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("./components/Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("./components/Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("./components/Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("./components/Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("./components/Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("./components/Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("./components/Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("./components/Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("./components/Icons/Cough.js"), "../Icons/CreditCard.tsx": () => import("./components/Icons/CreditCard.js"), "../Icons/CriticalHealthInfo.tsx": () => import("./components/Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("./components/Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("./components/Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("./components/Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("./components/Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("./components/Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("./components/Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("./components/Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("./components/Icons/Documents.js"), "../Icons/Dog.tsx": () => import("./components/Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("./components/Icons/DonorCard.js"), "../Icons/DotActive.tsx": () => import("./components/Icons/DotActive.js"), "../Icons/DotAlert.tsx": () => import("./components/Icons/DotAlert.js"), "../Icons/DotCancelled.tsx": () => import("./components/Icons/DotCancelled.js"), "../Icons/DotHalfDisc.tsx": () => import("./components/Icons/DotHalfDisc.js"), "../Icons/DotInactive.tsx": () => import("./components/Icons/DotInactive.js"), "../Icons/DotInfo.tsx": () => import("./components/Icons/DotInfo.js"), "../Icons/DotLookingGlass.tsx": () => import("./components/Icons/DotLookingGlass.js"), "../Icons/DotPending.tsx": () => import("./components/Icons/DotPending.js"), "../Icons/DotQuestionMark.tsx": () => import("./components/Icons/DotQuestionMark.js"), "../Icons/DotSuccess.tsx": () => import("./components/Icons/DotSuccess.js"), "../Icons/DotTransparent.tsx": () => import("./components/Icons/DotTransparent.js"), "../Icons/DotWarningTriangle.tsx": () => import("./components/Icons/DotWarningTriangle.js"), "../Icons/Download.tsx": () => import("./components/Icons/Download.js"), "../Icons/Draft.tsx": () => import("./components/Icons/Draft.js"), "../Icons/Drag.tsx": () => import("./components/Icons/Drag.js"), "../Icons/EChat.tsx": () => import("./components/Icons/EChat.js"), "../Icons/Ear.tsx": () => import("./components/Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("./components/Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("./components/Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("./components/Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("./components/Icons/EarVolume.js"), "../Icons/Edit.tsx": () => import("./components/Icons/Edit.js"), "../Icons/ElderlyPerson.tsx": () => import("./components/Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("./components/Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("./components/Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("./components/Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("./components/Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("./components/Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("./components/Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("./components/Icons/EmoticonMeh.js"), "../Icons/EmptyBox.tsx": () => import("./components/Icons/EmptyBox.js"), "../Icons/EnterFullScreen.tsx": () => import("./components/Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("./components/Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("./components/Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("./components/Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("./components/Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("./components/Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("./components/Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("./components/Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("./components/Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("./components/Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("./components/Icons/FallingLeaf.js"), "../Icons/Female.tsx": () => import("./components/Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("./components/Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("./components/Icons/Ferry.js"), "../Icons/File.tsx": () => import("./components/Icons/File.js"), "../Icons/Filter.tsx": () => import("./components/Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("./components/Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("./components/Icons/FirstAidKit.js"), "../Icons/Fish.tsx": () => import("./components/Icons/Fish.js"), "../Icons/FloppyDisk.tsx": () => import("./components/Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("./components/Icons/Football.js"), "../Icons/Form.tsx": () => import("./components/Icons/Form.js"), "../Icons/Forward.tsx": () => import("./components/Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("./components/Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("./components/Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("./components/Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("./components/Icons/GenderIdentity.js"), "../Icons/GlassWater.tsx": () => import("./components/Icons/GlassWater.js"), "../Icons/Glasses.tsx": () => import("./components/Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("./components/Icons/Globe.js"), "../Icons/Grain.tsx": () => import("./components/Icons/Grain.js"), "../Icons/Graph.tsx": () => import("./components/Icons/Graph.js"), "../Icons/Group.tsx": () => import("./components/Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("./components/Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("./components/Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("./components/Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("./components/Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("./components/Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("./components/Icons/HealthClinic.js"), "../Icons/HealthMeasurements.tsx": () => import("./components/Icons/HealthMeasurements.js"), "../Icons/HealthWarning.tsx": () => import("./components/Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("./components/Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("./components/Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("./components/Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("./components/Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("./components/Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("./components/Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("./components/Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("./components/Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("./components/Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("./components/Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("./components/Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("./components/Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("./components/Icons/Home.js"), "../Icons/HomeFill.tsx": () => import("./components/Icons/HomeFill.js"), "../Icons/Hormone.tsx": () => import("./components/Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("./components/Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("./components/Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("./components/Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("./components/Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("./components/Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("./components/Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("./components/Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("./components/Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("./components/Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("./components/Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("./components/Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("./components/Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("./components/Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("./components/Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("./components/Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("./components/Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("./components/Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("./components/Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("./components/Icons/LightBulb.js"), "../Icons/List.tsx": () => import("./components/Icons/List.js"), "../Icons/Location.tsx": () => import("./components/Icons/Location.js"), "../Icons/LocationFill.tsx": () => import("./components/Icons/LocationFill.js"), "../Icons/Lock.tsx": () => import("./components/Icons/Lock.js"), "../Icons/Login.tsx": () => import("./components/Icons/Login.js"), "../Icons/Logout.tsx": () => import("./components/Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("./components/Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("./components/Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("./components/Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("./components/Icons/MaleDoctorAndPerson.js"), "../Icons/MaleDoctorCompact.tsx": () => import("./components/Icons/MaleDoctorCompact.js"), "../Icons/MaleDoctorCompactFill.tsx": () => import("./components/Icons/MaleDoctorCompactFill.js"), "../Icons/MaleGenitalia.tsx": () => import("./components/Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("./components/Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("./components/Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("./components/Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("./components/Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("./components/Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("./components/Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("./components/Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("./components/Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("./components/Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("./components/Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("./components/Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("./components/Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("./components/Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("./components/Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("./components/Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("./components/Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("./components/Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("./components/Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("./components/Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("./components/Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("./components/Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("./components/Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("./components/Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("./components/Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("./components/Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("./components/Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("./components/Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("./components/Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("./components/Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("./components/Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("./components/Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("./components/Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("./components/Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("./components/Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("./components/Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("./components/Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("./components/Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("./components/Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("./components/Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("./components/Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("./components/Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("./components/Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("./components/Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("./components/Icons/Plane.js"), "../Icons/Plant.tsx": () => import("./components/Icons/Plant.js"), "../Icons/PlateKnifeFork.tsx": () => import("./components/Icons/PlateKnifeFork.js"), "../Icons/Play.tsx": () => import("./components/Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("./components/Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("./components/Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("./components/Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("./components/Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("./components/Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("./components/Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("./components/Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("./components/Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("./components/Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("./components/Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("./components/Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("./components/Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("./components/Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("./components/Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("./components/Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("./components/Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("./components/Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("./components/Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("./components/Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("./components/Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("./components/Icons/Refund.js"), "../Icons/Reminder.tsx": () => import("./components/Icons/Reminder.js"), "../Icons/Reply.tsx": () => import("./components/Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("./components/Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("./components/Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("./components/Icons/STDs.js"), "../Icons/Save.tsx": () => import("./components/Icons/Save.js"), "../Icons/Scale.tsx": () => import("./components/Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("./components/Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("./components/Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("./components/Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("./components/Icons/Settings.js"), "../Icons/SettingsFill.tsx": () => import("./components/Icons/SettingsFill.js"), "../Icons/Sexualorientation.tsx": () => import("./components/Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("./components/Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("./components/Icons/Share.js"), "../Icons/SharedHealthData.tsx": () => import("./components/Icons/SharedHealthData.js"), "../Icons/SharedHealthMeasurements.tsx": () => import("./components/Icons/SharedHealthMeasurements.js"), "../Icons/Shield.tsx": () => import("./components/Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("./components/Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("./components/Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("./components/Icons/Skin.js"), "../Icons/Snake.tsx": () => import("./components/Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("./components/Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("./components/Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("./components/Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("./components/Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("./components/Icons/Spray.js"), "../Icons/StickyNote.tsx": () => import("./components/Icons/StickyNote.js"), "../Icons/StickyNotes.tsx": () => import("./components/Icons/StickyNotes.js"), "../Icons/Stopwatch.tsx": () => import("./components/Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("./components/Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("./components/Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("./components/Icons/Surgery.js"), "../Icons/Sweets.tsx": () => import("./components/Icons/Sweets.js"), "../Icons/Syringe.tsx": () => import("./components/Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("./components/Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("./components/Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("./components/Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("./components/Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("./components/Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("./components/Icons/TimePassing.js"), "../Icons/Toddler.tsx": () => import("./components/Icons/Toddler.js"), "../Icons/Tombstone.tsx": () => import("./components/Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("./components/Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("./components/Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("./components/Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("./components/Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("./components/Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("./components/Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("./components/Icons/TravelRoute.js"), "../Icons/TreatmentAids.tsx": () => import("./components/Icons/TreatmentAids.js"), "../Icons/TriangleX.tsx": () => import("./components/Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("./components/Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("./components/Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("./components/Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("./components/Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("./components/Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("./components/Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("./components/Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("./components/Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("./components/Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("./components/Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("./components/Icons/Watch.js"), "../Icons/Website.tsx": () => import("./components/Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("./components/Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("./components/Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("./components/Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("./components/Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("./components/Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("./components/Icons/X.js"), "../Icons/XOutline.tsx": () => import("./components/Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("./components/Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("./components/Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("./components/Icons/Zoom.js") }), `../Icons/${iconName}.tsx`, 3));
7
+ const lazyLoadIcon = (iconName) => lazy(() => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("./components/Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("./components/Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("./components/Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("./components/Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("./components/Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("./components/Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("./components/Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("./components/Icons/Apple.js"), "../Icons/Archive.tsx": () => import("./components/Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("./components/Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("./components/Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("./components/Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("./components/Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("./components/Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("./components/Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("./components/Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("./components/Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("./components/Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("./components/Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("./components/Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("./components/Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("./components/Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("./components/Icons/Bell.js"), "../Icons/Bike.tsx": () => import("./components/Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("./components/Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("./components/Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("./components/Icons/Boat.js"), "../Icons/Body.tsx": () => import("./components/Icons/Body.js"), "../Icons/Braille.tsx": () => import("./components/Icons/Braille.js"), "../Icons/Brain.tsx": () => import("./components/Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("./components/Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("./components/Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("./components/Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("./components/Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("./components/Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("./components/Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("./components/Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("./components/Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("./components/Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("./components/Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("./components/Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("./components/Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("./components/Icons/Candle.js"), "../Icons/Car.tsx": () => import("./components/Icons/Car.js"), "../Icons/Carton.tsx": () => import("./components/Icons/Carton.js"), "../Icons/Change.tsx": () => import("./components/Icons/Change.js"), "../Icons/Check.tsx": () => import("./components/Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("./components/Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("./components/Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("./components/Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("./components/Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("./components/Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("./components/Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("./components/Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("./components/Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("./components/Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("./components/Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("./components/Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("./components/Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("./components/Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("./components/Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("./components/Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("./components/Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("./components/Icons/Cough.js"), "../Icons/CreditCard.tsx": () => import("./components/Icons/CreditCard.js"), "../Icons/CriticalHealthInfo.tsx": () => import("./components/Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("./components/Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("./components/Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("./components/Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("./components/Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("./components/Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("./components/Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("./components/Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("./components/Icons/Documents.js"), "../Icons/Dog.tsx": () => import("./components/Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("./components/Icons/DonorCard.js"), "../Icons/DotActive.tsx": () => import("./components/Icons/DotActive.js"), "../Icons/DotAlert.tsx": () => import("./components/Icons/DotAlert.js"), "../Icons/DotCancelled.tsx": () => import("./components/Icons/DotCancelled.js"), "../Icons/DotHalfDisc.tsx": () => import("./components/Icons/DotHalfDisc.js"), "../Icons/DotInactive.tsx": () => import("./components/Icons/DotInactive.js"), "../Icons/DotInfo.tsx": () => import("./components/Icons/DotInfo.js"), "../Icons/DotLookingGlass.tsx": () => import("./components/Icons/DotLookingGlass.js"), "../Icons/DotPending.tsx": () => import("./components/Icons/DotPending.js"), "../Icons/DotQuestionMark.tsx": () => import("./components/Icons/DotQuestionMark.js"), "../Icons/DotSuccess.tsx": () => import("./components/Icons/DotSuccess.js"), "../Icons/DotTransparent.tsx": () => import("./components/Icons/DotTransparent.js"), "../Icons/DotWarningTriangle.tsx": () => import("./components/Icons/DotWarningTriangle.js"), "../Icons/Download.tsx": () => import("./components/Icons/Download.js"), "../Icons/Draft.tsx": () => import("./components/Icons/Draft.js"), "../Icons/Drag.tsx": () => import("./components/Icons/Drag.js"), "../Icons/EChat.tsx": () => import("./components/Icons/EChat.js"), "../Icons/Ear.tsx": () => import("./components/Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("./components/Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("./components/Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("./components/Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("./components/Icons/EarVolume.js"), "../Icons/Edit.tsx": () => import("./components/Icons/Edit.js"), "../Icons/ElderlyPerson.tsx": () => import("./components/Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("./components/Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("./components/Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("./components/Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("./components/Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("./components/Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("./components/Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("./components/Icons/EmoticonMeh.js"), "../Icons/EmptyBox.tsx": () => import("./components/Icons/EmptyBox.js"), "../Icons/EnterFullScreen.tsx": () => import("./components/Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("./components/Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("./components/Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("./components/Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("./components/Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("./components/Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("./components/Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("./components/Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("./components/Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("./components/Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("./components/Icons/FallingLeaf.js"), "../Icons/Feedback.tsx": () => import("./components/Icons/Feedback.js"), "../Icons/Female.tsx": () => import("./components/Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("./components/Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("./components/Icons/Ferry.js"), "../Icons/File.tsx": () => import("./components/Icons/File.js"), "../Icons/Filter.tsx": () => import("./components/Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("./components/Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("./components/Icons/FirstAidKit.js"), "../Icons/Fish.tsx": () => import("./components/Icons/Fish.js"), "../Icons/FloppyDisk.tsx": () => import("./components/Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("./components/Icons/Football.js"), "../Icons/Form.tsx": () => import("./components/Icons/Form.js"), "../Icons/Forward.tsx": () => import("./components/Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("./components/Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("./components/Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("./components/Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("./components/Icons/GenderIdentity.js"), "../Icons/GlassWater.tsx": () => import("./components/Icons/GlassWater.js"), "../Icons/Glasses.tsx": () => import("./components/Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("./components/Icons/Globe.js"), "../Icons/Grain.tsx": () => import("./components/Icons/Grain.js"), "../Icons/Graph.tsx": () => import("./components/Icons/Graph.js"), "../Icons/Group.tsx": () => import("./components/Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("./components/Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("./components/Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("./components/Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("./components/Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("./components/Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("./components/Icons/HealthClinic.js"), "../Icons/HealthMeasurements.tsx": () => import("./components/Icons/HealthMeasurements.js"), "../Icons/HealthWarning.tsx": () => import("./components/Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("./components/Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("./components/Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("./components/Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("./components/Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("./components/Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("./components/Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("./components/Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("./components/Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("./components/Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("./components/Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("./components/Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("./components/Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("./components/Icons/Home.js"), "../Icons/HomeFill.tsx": () => import("./components/Icons/HomeFill.js"), "../Icons/Hormone.tsx": () => import("./components/Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("./components/Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("./components/Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("./components/Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("./components/Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("./components/Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("./components/Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("./components/Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("./components/Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("./components/Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("./components/Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("./components/Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("./components/Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("./components/Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("./components/Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("./components/Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("./components/Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("./components/Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("./components/Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("./components/Icons/LightBulb.js"), "../Icons/List.tsx": () => import("./components/Icons/List.js"), "../Icons/Location.tsx": () => import("./components/Icons/Location.js"), "../Icons/LocationFill.tsx": () => import("./components/Icons/LocationFill.js"), "../Icons/Lock.tsx": () => import("./components/Icons/Lock.js"), "../Icons/Login.tsx": () => import("./components/Icons/Login.js"), "../Icons/Logout.tsx": () => import("./components/Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("./components/Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("./components/Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("./components/Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("./components/Icons/MaleDoctorAndPerson.js"), "../Icons/MaleDoctorCompact.tsx": () => import("./components/Icons/MaleDoctorCompact.js"), "../Icons/MaleDoctorCompactFill.tsx": () => import("./components/Icons/MaleDoctorCompactFill.js"), "../Icons/MaleGenitalia.tsx": () => import("./components/Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("./components/Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("./components/Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("./components/Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("./components/Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("./components/Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("./components/Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("./components/Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("./components/Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("./components/Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("./components/Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("./components/Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("./components/Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("./components/Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("./components/Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("./components/Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("./components/Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("./components/Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("./components/Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("./components/Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("./components/Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("./components/Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("./components/Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("./components/Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("./components/Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("./components/Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("./components/Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("./components/Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("./components/Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("./components/Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("./components/Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("./components/Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("./components/Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("./components/Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("./components/Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("./components/Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("./components/Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("./components/Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("./components/Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("./components/Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("./components/Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("./components/Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("./components/Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("./components/Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("./components/Icons/Plane.js"), "../Icons/Plant.tsx": () => import("./components/Icons/Plant.js"), "../Icons/PlateKnifeFork.tsx": () => import("./components/Icons/PlateKnifeFork.js"), "../Icons/Play.tsx": () => import("./components/Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("./components/Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("./components/Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("./components/Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("./components/Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("./components/Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("./components/Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("./components/Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("./components/Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("./components/Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("./components/Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("./components/Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("./components/Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("./components/Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("./components/Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("./components/Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("./components/Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("./components/Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("./components/Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("./components/Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("./components/Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("./components/Icons/Refund.js"), "../Icons/Reminder.tsx": () => import("./components/Icons/Reminder.js"), "../Icons/Reply.tsx": () => import("./components/Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("./components/Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("./components/Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("./components/Icons/STDs.js"), "../Icons/Save.tsx": () => import("./components/Icons/Save.js"), "../Icons/Scale.tsx": () => import("./components/Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("./components/Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("./components/Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("./components/Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("./components/Icons/Settings.js"), "../Icons/SettingsFill.tsx": () => import("./components/Icons/SettingsFill.js"), "../Icons/Sexualorientation.tsx": () => import("./components/Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("./components/Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("./components/Icons/Share.js"), "../Icons/SharedHealthData.tsx": () => import("./components/Icons/SharedHealthData.js"), "../Icons/SharedHealthMeasurements.tsx": () => import("./components/Icons/SharedHealthMeasurements.js"), "../Icons/Shield.tsx": () => import("./components/Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("./components/Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("./components/Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("./components/Icons/Skin.js"), "../Icons/Snake.tsx": () => import("./components/Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("./components/Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("./components/Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("./components/Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("./components/Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("./components/Icons/Spray.js"), "../Icons/StickyNote.tsx": () => import("./components/Icons/StickyNote.js"), "../Icons/StickyNotes.tsx": () => import("./components/Icons/StickyNotes.js"), "../Icons/Stopwatch.tsx": () => import("./components/Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("./components/Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("./components/Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("./components/Icons/Surgery.js"), "../Icons/Sweets.tsx": () => import("./components/Icons/Sweets.js"), "../Icons/Syringe.tsx": () => import("./components/Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("./components/Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("./components/Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("./components/Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("./components/Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("./components/Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("./components/Icons/TimePassing.js"), "../Icons/Toddler.tsx": () => import("./components/Icons/Toddler.js"), "../Icons/Tombstone.tsx": () => import("./components/Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("./components/Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("./components/Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("./components/Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("./components/Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("./components/Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("./components/Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("./components/Icons/TravelRoute.js"), "../Icons/TreatmentAids.tsx": () => import("./components/Icons/TreatmentAids.js"), "../Icons/TriangleX.tsx": () => import("./components/Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("./components/Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("./components/Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("./components/Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("./components/Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("./components/Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("./components/Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("./components/Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("./components/Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("./components/Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("./components/Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("./components/Icons/Watch.js"), "../Icons/Website.tsx": () => import("./components/Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("./components/Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("./components/Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("./components/Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("./components/Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("./components/Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("./components/Icons/X.js"), "../Icons/XOutline.tsx": () => import("./components/Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("./components/Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("./components/Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("./components/Icons/Zoom.js") }), `../Icons/${iconName}.tsx`, 3));
8
8
  const LazyIcon = ({ iconName, size = IconSize.Small, ...rest }) => {
9
9
  const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);
10
10
  const isServerSide = useIsServerSide();
package/LazyIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
package/LinkList.js CHANGED
@@ -5,6 +5,7 @@ import { AnalyticsId } from "./constants.js";
5
5
  import { useHover } from "./hooks/useHover.js";
6
6
  import { r as renderElementHeader } from "./ElementHeader.js";
7
7
  import ChevronRight from "./components/Icons/ChevronRight.js";
8
+ import { l as listEditModeWrapperClassnames, L as ListEditModeItem } from "./ListEditMode.js";
8
9
  import LinkListStyles from "./components/LinkList/styles.module.scss";
9
10
  const Link = React__default.forwardRef((props, ref) => {
10
11
  const {
@@ -22,6 +23,7 @@ const Link = React__default.forwardRef((props, ref) => {
22
23
  variant,
23
24
  htmlMarkup = "a",
24
25
  highlightText,
26
+ editMode = false,
25
27
  ...restProps
26
28
  } = props;
27
29
  const { hoverRef, isHovered } = useHover(linkRef);
@@ -54,64 +56,96 @@ const Link = React__default.forwardRef((props, ref) => {
54
56
  [LinkListStyles["link-list__status-marker--new"]]: status === "new"
55
57
  });
56
58
  const imageContainer = /* @__PURE__ */ jsx("span", { className: LinkListStyles["link-list__image-container"], children: image });
57
- return /* @__PURE__ */ jsxs("li", { className: liClasses, ref, "data-testid": testId, "data-analyticsid": AnalyticsId.Link, children: [
58
- htmlMarkup === "a" && /* @__PURE__ */ jsxs(
59
- "a",
60
- {
61
- className: linkClasses,
62
- ref: hoverRef,
63
- rel: target === "_blank" ? "noopener noreferrer" : void 0,
64
- target,
65
- ...restProps,
66
- children: [
67
- /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
68
- renderElementHeader(children, {
69
- titleHtmlMarkup: "span",
70
- isHovered,
71
- size,
72
- parentType: "linklist",
73
- chevronIcon: chevron ? ChevronRight : void 0,
74
- icon: icon ?? imageContainer,
75
- highlightText
76
- })
77
- ]
78
- }
79
- ),
80
- htmlMarkup === "button" && /* @__PURE__ */ jsxs("button", { className: linkClasses, ref: hoverRef, type: "button", ...restProps, children: [
81
- /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
82
- renderElementHeader(children, {
83
- titleHtmlMarkup: "span",
84
- isHovered,
85
- size,
86
- parentType: "linklist",
87
- chevronIcon: chevron ? ChevronRight : void 0,
88
- icon: icon ?? imageContainer,
89
- highlightText
90
- })
91
- ] })
92
- ] });
59
+ return /* @__PURE__ */ jsx("li", { className: liClasses, ref, "data-testid": testId, "data-analyticsid": AnalyticsId.Link, children: editMode ? /* @__PURE__ */ jsxs("div", { className: linkClasses, children: [
60
+ /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
61
+ renderElementHeader(children, {
62
+ titleHtmlMarkup: "span",
63
+ size,
64
+ parentType: "linklist",
65
+ chevronIcon: chevron ? ChevronRight : void 0,
66
+ icon: icon ?? imageContainer,
67
+ highlightText
68
+ })
69
+ ] }) : htmlMarkup === "a" ? /* @__PURE__ */ jsxs(
70
+ "a",
71
+ {
72
+ className: linkClasses,
73
+ ref: hoverRef,
74
+ rel: target === "_blank" ? "noopener noreferrer" : void 0,
75
+ target,
76
+ ...restProps,
77
+ children: [
78
+ /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
79
+ renderElementHeader(children, {
80
+ titleHtmlMarkup: "span",
81
+ isHovered,
82
+ size,
83
+ parentType: "linklist",
84
+ chevronIcon: chevron ? ChevronRight : void 0,
85
+ icon: icon ?? imageContainer,
86
+ highlightText
87
+ })
88
+ ]
89
+ }
90
+ ) : htmlMarkup === "button" && /* @__PURE__ */ jsxs("button", { className: linkClasses, ref: hoverRef, type: "button", ...restProps, children: [
91
+ /* @__PURE__ */ jsx("div", { className: statusMarkerClasses }),
92
+ renderElementHeader(children, {
93
+ titleHtmlMarkup: "span",
94
+ isHovered,
95
+ size,
96
+ parentType: "linklist",
97
+ chevronIcon: chevron ? ChevronRight : void 0,
98
+ icon: icon ?? imageContainer,
99
+ highlightText
100
+ })
101
+ ] }) });
93
102
  });
94
103
  const LinkList = React__default.forwardRef(function LinkListForwardedRef(props, ref) {
95
- const { children, className = "", chevron = false, size = "medium", color = "white", testId, variant = "line", highlightText } = props;
104
+ const {
105
+ children,
106
+ className = "",
107
+ chevron = false,
108
+ size = "medium",
109
+ color = "white",
110
+ testId,
111
+ variant = "line",
112
+ highlightText,
113
+ editMode = false
114
+ } = props;
96
115
  const listClassNames = classNames(LinkListStyles["link-list"], className, {
97
- [LinkListStyles[`link-list--outline--${color}`]]: variant === "outline"
116
+ [LinkListStyles[`link-list--outline--${color}`]]: variant === "outline",
117
+ [listEditModeWrapperClassnames]: editMode
98
118
  });
99
119
  return /* @__PURE__ */ jsx("ul", { ref, className: listClassNames, "data-testid": testId, "data-analyticsid": AnalyticsId.LinkList, children: React__default.Children.map(children, (child) => {
100
- if (child.type === Link) {
101
- return React__default.cloneElement(child, {
102
- color,
103
- size,
104
- chevron,
105
- variant,
106
- highlightText
107
- });
120
+ if (React__default.isValidElement(child) && child.type === Link) {
121
+ if (editMode) {
122
+ return /* @__PURE__ */ jsx(ListEditModeItem, { color, variant, onDelete: child.props.onDelete, children: React__default.cloneElement(child, {
123
+ color,
124
+ size,
125
+ chevron: false,
126
+ variant,
127
+ highlightText,
128
+ editMode: true
129
+ }) });
130
+ } else {
131
+ return React__default.cloneElement(child, {
132
+ color,
133
+ size,
134
+ chevron,
135
+ variant,
136
+ highlightText,
137
+ editMode: false
138
+ });
139
+ }
108
140
  }
141
+ return null;
109
142
  }) });
110
143
  });
111
144
  LinkList.displayName = "LinkList";
112
145
  LinkList.Link = Link;
113
146
  Link.displayName = "LinkList.Link";
114
147
  export {
115
- LinkList as L
148
+ LinkList as L,
149
+ Link as a
116
150
  };
117
151
  //# sourceMappingURL=LinkList.js.map
package/LinkList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LinkList.js","sources":["../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { PaletteNames } from '../../theme/palette';\nimport { ElementHeaderType, renderElementHeader } from '../ElementHeader/ElementHeader';\nimport ChevronRight from '../Icons/ChevronRight';\n\nimport LinkListStyles from './styles.module.scss';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkListStatus = 'none' | 'new';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport type LinkListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n ElementHeader?: ElementHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n Link: LinkType;\n}\n\nexport interface LinkListProps {\n /** Items in the LinkList */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the colors of the list. */\n color?: LinkListColors;\n /** Toggles chevron icon on or off. */\n chevron?: boolean;\n /** Changes size of the LinkList. */\n size?: LinkListSize;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Sets visual priority */\n variant?: LinkListVariant;\n /** Highlights text. Used for search results */\n highlightText?: string;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n {\n children: React.ReactNode;\n chevron?: boolean;\n className?: string;\n icon?: React.ReactElement;\n /** Renders the image in the LinkList header */\n image?: React.ReactElement;\n /** Displays a status on the left side: default none */\n status?: LinkListStatus;\n href?: string;\n target?: LinkAnchorTargets;\n /** HTML markup for link. Default: a */\n htmlMarkup?: LinkTags;\n /**\n * Ref for lenke/knapp\n */\n linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Highlights text. Override if different from list */\n highlightText?: string;\n }\n> &\n Pick<LinkListProps, 'color' | 'size' | 'variant'>;\n\nconst Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n const {\n children,\n className = '',\n color = 'white',\n icon,\n image,\n size = 'medium',\n chevron = false,\n linkRef,\n status = 'none',\n testId,\n target,\n variant,\n htmlMarkup = 'a',\n highlightText,\n ...restProps\n } = props;\n const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n const isFill = variant === 'fill';\n const isFillNegative = variant === 'fill-negative';\n const isOutline = variant === 'outline';\n const isLine = variant === 'line';\n\n const liClasses = cn(LinkListStyles['link-list'], {\n [LinkListStyles['link-list__list-item--line']]: isLine,\n [LinkListStyles[`link-list__list-item--outline--${color}`]]: isOutline,\n });\n const linkClasses = cn(\n LinkListStyles['link-list__anchor'],\n LinkListStyles[`link-list__anchor--${color}`],\n {\n [LinkListStyles[`link-list__anchor--line--${color}`]]: isLine,\n [LinkListStyles['link-list__anchor--fill']]: isFill,\n [LinkListStyles[`link-list__anchor--fill--${color}`]]: isFill,\n [LinkListStyles['link-list__anchor--outline']]: isOutline,\n [LinkListStyles[`link-list__anchor--outline--${color}`]]: isOutline,\n [LinkListStyles['link-list__anchor--fill-negative']]: isFillNegative,\n [LinkListStyles[`link-list__anchor--fill-negative--${color}`]]: isFillNegative,\n [LinkListStyles[`link-list__anchor--${size}`]]: size,\n [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n [LinkListStyles['link-list__anchor--new']]: status === 'new',\n },\n className\n );\n\n const statusMarkerClasses = cn(LinkListStyles['link-list__status-marker'], {\n [LinkListStyles['link-list__status-marker--new']]: status === 'new',\n });\n\n const imageContainer = <span className={LinkListStyles['link-list__image-container']}>{image}</span>;\n\n return (\n <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n {htmlMarkup === 'a' && (\n <a\n className={linkClasses}\n ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n target={target}\n {...restProps}\n >\n <div className={statusMarkerClasses}></div>\n {renderElementHeader(children, {\n titleHtmlMarkup: 'span',\n isHovered,\n size,\n parentType: 'linklist',\n chevronIcon: chevron ? ChevronRight : undefined,\n icon: icon ?? imageContainer,\n highlightText,\n })}\n </a>\n )}\n {htmlMarkup === 'button' && (\n <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n <div className={statusMarkerClasses}></div>\n {renderElementHeader(children, {\n titleHtmlMarkup: 'span',\n isHovered,\n size,\n parentType: 'linklist',\n chevronIcon: chevron ? ChevronRight : undefined,\n icon: icon ?? imageContainer,\n highlightText,\n })}\n </button>\n )}\n </li>\n );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n const { children, className = '', chevron = false, size = 'medium', color = 'white', testId, variant = 'line', highlightText } = props;\n\n const listClassNames = cn(LinkListStyles['link-list'], className, {\n [LinkListStyles[`link-list--outline--${color}`]]: variant === 'outline',\n });\n\n return (\n <ul ref={ref} className={listClassNames} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n {React.Children.map(children, (child: React.ReactNode | React.ReactElement<LinkProps>) => {\n if ((child as React.ReactElement<LinkProps>).type === Link) {\n return React.cloneElement(child as React.ReactElement<LinkProps>, {\n color,\n size,\n chevron,\n variant,\n highlightText: highlightText,\n });\n }\n })}\n </ul>\n );\n}) as CompoundComponent;\n\nLinkList.displayName = 'LinkList';\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["React","cn"],"mappings":"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"}
1
+ {"version":3,"file":"LinkList.js","sources":["../src/components/LinkList/LinkList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { PaletteNames } from '../../theme/palette';\nimport { ElementHeaderType, renderElementHeader } from '../ElementHeader/ElementHeader';\nimport ChevronRight from '../Icons/ChevronRight';\nimport ListEditModeItem, { ListEditModeItemProps, listEditModeWrapperClassnames } from '../ListEditMode';\n\nimport LinkListStyles from './styles.module.scss';\n\nexport type LinkListSize = 'small' | 'medium' | 'large';\n\nexport type LinkListStatus = 'none' | 'new';\n\nexport type LinkAnchorTargets = '_self' | '_blank' | '_parent';\n\nexport type LinkListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport type LinkListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport interface LinkType extends React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLLIElement>> {\n ElementHeader?: ElementHeaderType;\n}\n\nexport type LinkTags = 'button' | 'a';\nexport interface CompoundComponent extends React.ForwardRefExoticComponent<LinkListProps & React.RefAttributes<HTMLUListElement>> {\n Link: LinkType;\n}\n\nexport interface LinkListProps {\n /** Items in the LinkList */\n children: React.ReactNode;\n /** Adds custom classes to the element. */\n className?: string;\n /** Changes the colors of the list. */\n color?: LinkListColors;\n /** Toggles chevron icon on or off. */\n chevron?: boolean;\n /** Changes size of the LinkList. */\n size?: LinkListSize;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Sets visual priority */\n variant?: LinkListVariant;\n /** Highlights text. Used for search results */\n highlightText?: string;\n /**\n * @experimental This prop is experimental and may change in the future.\n * Enables ListEditMode\n */\n editMode?: boolean;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n {\n children: React.ReactNode;\n chevron?: boolean;\n className?: string;\n icon?: React.ReactElement;\n /** Renders the image in the LinkList header */\n image?: React.ReactElement;\n /** Displays a status on the left side: default none */\n status?: LinkListStatus;\n href?: string;\n target?: LinkAnchorTargets;\n /** HTML markup for link. Default: a */\n htmlMarkup?: LinkTags;\n /**\n * Ref for lenke/knapp\n */\n linkRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>;\n /** Sets the data-testid attribute. */\n testId?: string;\n /** Highlights text. Override if different from list */\n highlightText?: string;\n }\n> &\n Pick<LinkListProps, 'color' | 'size' | 'variant'> &\n ListEditModeItemProps;\n\nexport const Link: LinkType = React.forwardRef((props: LinkProps, ref: React.Ref<HTMLLIElement>) => {\n const {\n children,\n className = '',\n color = 'white',\n icon,\n image,\n size = 'medium',\n chevron = false,\n linkRef,\n status = 'none',\n testId,\n target,\n variant,\n htmlMarkup = 'a',\n highlightText,\n editMode = false,\n ...restProps\n } = props;\n const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(linkRef);\n\n const isFill = variant === 'fill';\n const isFillNegative = variant === 'fill-negative';\n const isOutline = variant === 'outline';\n const isLine = variant === 'line';\n\n const liClasses = cn(LinkListStyles['link-list'], {\n [LinkListStyles['link-list__list-item--line']]: isLine,\n [LinkListStyles[`link-list__list-item--outline--${color}`]]: isOutline,\n });\n const linkClasses = cn(\n LinkListStyles['link-list__anchor'],\n LinkListStyles[`link-list__anchor--${color}`],\n {\n [LinkListStyles[`link-list__anchor--line--${color}`]]: isLine,\n [LinkListStyles['link-list__anchor--fill']]: isFill,\n [LinkListStyles[`link-list__anchor--fill--${color}`]]: isFill,\n [LinkListStyles['link-list__anchor--outline']]: isOutline,\n [LinkListStyles[`link-list__anchor--outline--${color}`]]: isOutline,\n [LinkListStyles['link-list__anchor--fill-negative']]: isFillNegative,\n [LinkListStyles[`link-list__anchor--fill-negative--${color}`]]: isFillNegative,\n [LinkListStyles[`link-list__anchor--${size}`]]: size,\n [LinkListStyles['link-list__anchor--button']]: htmlMarkup === 'button',\n [LinkListStyles['link-list__anchor--new']]: status === 'new',\n },\n className\n );\n\n const statusMarkerClasses = cn(LinkListStyles['link-list__status-marker'], {\n [LinkListStyles['link-list__status-marker--new']]: status === 'new',\n });\n\n const imageContainer = <span className={LinkListStyles['link-list__image-container']}>{image}</span>;\n\n return (\n <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n {editMode ? (\n <div className={linkClasses}>\n <div className={statusMarkerClasses}></div>\n {renderElementHeader(children, {\n titleHtmlMarkup: 'span',\n size,\n parentType: 'linklist',\n chevronIcon: chevron ? ChevronRight : undefined,\n icon: icon ?? imageContainer,\n highlightText,\n })}\n </div>\n ) : htmlMarkup === 'a' ? (\n <a\n className={linkClasses}\n ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n target={target}\n {...restProps}\n >\n <div className={statusMarkerClasses}></div>\n {renderElementHeader(children, {\n titleHtmlMarkup: 'span',\n isHovered,\n size,\n parentType: 'linklist',\n chevronIcon: chevron ? ChevronRight : undefined,\n icon: icon ?? imageContainer,\n highlightText,\n })}\n </a>\n ) : (\n htmlMarkup === 'button' && (\n <button className={linkClasses} ref={hoverRef as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n <div className={statusMarkerClasses}></div>\n {renderElementHeader(children, {\n titleHtmlMarkup: 'span',\n isHovered,\n size,\n parentType: 'linklist',\n chevronIcon: chevron ? ChevronRight : undefined,\n icon: icon ?? imageContainer,\n highlightText,\n })}\n </button>\n )\n )}\n </li>\n );\n});\n\nexport const LinkList = React.forwardRef(function LinkListForwardedRef(props: LinkListProps, ref: React.Ref<HTMLUListElement>) {\n const {\n children,\n className = '',\n chevron = false,\n size = 'medium',\n color = 'white',\n testId,\n variant = 'line',\n highlightText,\n editMode = false,\n } = props;\n\n const listClassNames = cn(LinkListStyles['link-list'], className, {\n [LinkListStyles[`link-list--outline--${color}`]]: variant === 'outline',\n [listEditModeWrapperClassnames]: editMode,\n });\n\n return (\n <ul ref={ref} className={listClassNames} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n {React.Children.map(children, (child: React.ReactNode) => {\n if (React.isValidElement<LinkProps>(child) && child.type === Link) {\n if (editMode) {\n return (\n <ListEditModeItem color={color} variant={variant} onDelete={child.props.onDelete}>\n {React.cloneElement(child, {\n color,\n size,\n chevron: false,\n variant,\n highlightText: highlightText,\n editMode: true,\n })}\n </ListEditModeItem>\n );\n } else {\n return React.cloneElement(child, {\n color,\n size,\n chevron,\n variant,\n highlightText: highlightText,\n editMode: false,\n });\n }\n }\n return null;\n })}\n </ul>\n );\n}) as CompoundComponent;\n\nLinkList.displayName = 'LinkList';\nLinkList.Link = Link;\nLink.displayName = 'LinkList.Link';\n\nexport default LinkList;\n"],"names":["React","cn"],"mappings":"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"}
@@ -0,0 +1,42 @@
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
+ import classNames from "classnames";
3
+ import { IconSize } from "./constants.js";
4
+ import { useHover } from "./hooks/useHover.js";
5
+ import { I as Icon } from "./Icon.js";
6
+ import X from "./components/Icons/X.js";
7
+ import styles from "./components/ListEditMode/styles.module.scss";
8
+ const listEditModeWrapperClassnames = classNames([styles[`list-edit-mode`]]);
9
+ const IconButton = ({
10
+ icon,
11
+ color,
12
+ onClick
13
+ }) => {
14
+ const { hoverRef, isHovered } = useHover();
15
+ return /* @__PURE__ */ jsx("button", { ref: hoverRef, onClick, type: "button", className: classNames(styles["list-edit-mode__icon-button"]), children: /* @__PURE__ */ jsx(
16
+ Icon,
17
+ {
18
+ isHovered,
19
+ svgIcon: icon,
20
+ size: IconSize.Small,
21
+ color: color === "blue" ? "var(--color-action-graphics-onlight)" : "var(--color-destructive-graphics-normal"
22
+ }
23
+ ) });
24
+ };
25
+ const ListEditModeItem = (props) => {
26
+ const { children, variant = "line", color = "neutral", onDelete } = props;
27
+ const listClassNames = classNames(styles["list-edit-mode__item"], color && styles[`list-edit-mode__item--${color}`], {
28
+ [styles["list-edit-mode__item--line"]]: variant === "line",
29
+ [styles["list-edit-mode__item--fill"]]: variant === "fill" || variant === "fill-negative"
30
+ });
31
+ return /* @__PURE__ */ jsxs("div", { className: listClassNames, children: [
32
+ onDelete && /* @__PURE__ */ jsx(IconButton, { icon: X, onClick: onDelete, color: "red" }),
33
+ children
34
+ ] });
35
+ };
36
+ ListEditModeItem.displayName = "ListEditModeItem";
37
+ export {
38
+ IconButton as I,
39
+ ListEditModeItem as L,
40
+ listEditModeWrapperClassnames as l
41
+ };
42
+ //# sourceMappingURL=ListEditMode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListEditMode.js","sources":["../src/components/ListEditMode/ListEditMode.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { ExpanderListColors, ExpanderListVariant } from '../ExpanderList';\nimport Icon, { SvgIcon } from '../Icon';\nimport X from '../Icons/X';\nimport { LinkListColors, LinkListVariant } from '../LinkList';\n\nimport styles from './styles.module.scss';\n\nexport interface ListEditModeProps extends ListEditModeItemProps {\n /** Items in the ListEditMode */\n children: React.ReactNode;\n /** Sets visual priority */\n variant?: LinkListVariant | ExpanderListVariant;\n /** Sets color */\n color?: LinkListColors | ExpanderListColors;\n}\n\nexport interface ListEditModeItemProps {\n /** Enables ListEditMode */\n editMode?: boolean;\n /** Callback for delete button */\n onDelete?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}\n\nexport const listEditModeWrapperClassnames = classNames([styles[`list-edit-mode`]]);\n\nexport const IconButton = ({\n icon,\n color,\n onClick,\n}: {\n icon: SvgIcon;\n color: 'red' | 'blue';\n onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n}): React.JSX.Element => {\n const { hoverRef, isHovered } = useHover<HTMLButtonElement>();\n\n return (\n <button ref={hoverRef} onClick={onClick} type=\"button\" className={classNames(styles['list-edit-mode__icon-button'])}>\n <Icon\n isHovered={isHovered}\n svgIcon={icon}\n size={IconSize.Small}\n color={color === 'blue' ? 'var(--color-action-graphics-onlight)' : 'var(--color-destructive-graphics-normal'}\n />\n </button>\n );\n};\n\nexport const ListEditModeItem = (props: ListEditModeProps): React.JSX.Element => {\n const { children, variant = 'line', color = 'neutral', onDelete } = props;\n\n const listClassNames = classNames(styles['list-edit-mode__item'], color && styles[`list-edit-mode__item--${color}`], {\n [styles['list-edit-mode__item--line']]: variant === 'line',\n [styles['list-edit-mode__item--fill']]: variant === 'fill' || variant === 'fill-negative',\n });\n\n return (\n <div className={listClassNames}>\n {onDelete && <IconButton icon={X} onClick={onDelete} color=\"red\" />}\n {children}\n </div>\n );\n};\n\nListEditModeItem.displayName = 'ListEditModeItem';\n\nexport default ListEditModeItem;\n"],"names":[],"mappings":";;;;;;;AA6BO,MAAM,gCAAgC,WAAW,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIyB;AACvB,QAAM,EAAE,UAAU,UAAA,IAAc,SAAA;AAEhC,SACE,oBAAC,UAAA,EAAO,KAAK,UAAU,SAAkB,MAAK,UAAS,WAAW,WAAW,OAAO,6BAA6B,CAAC,GAChH,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,MAAM,SAAS;AAAA,MACf,OAAO,UAAU,SAAS,yCAAyC;AAAA,IAAA;AAAA,EAAA,GAEvE;AAEJ;AAEO,MAAM,mBAAmB,CAAC,UAAgD;AAC/E,QAAM,EAAE,UAAU,UAAU,QAAQ,QAAQ,WAAW,aAAa;AAEpE,QAAM,iBAAiB,WAAW,OAAO,sBAAsB,GAAG,SAAS,OAAO,yBAAyB,KAAK,EAAE,GAAG;AAAA,IACnH,CAAC,OAAO,4BAA4B,CAAC,GAAG,YAAY;AAAA,IACpD,CAAC,OAAO,4BAA4B,CAAC,GAAG,YAAY,UAAU,YAAY;AAAA,EAAA,CAC3E;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,gBACb,UAAA;AAAA,IAAA,gCAAa,YAAA,EAAW,MAAM,GAAG,SAAS,UAAU,OAAM,OAAM;AAAA,IAChE;AAAA,EAAA,GACH;AAEJ;AAEA,iBAAiB,cAAc;"}
@@ -1,4 +1,5 @@
1
1
  import { default as React } from 'react';
2
+ import { HNDesignsystemDrawer } from '../../resources/Resources';
2
3
  import { TitleTags } from '../Title';
3
4
  type DesktopDirections = 'left' | 'right';
4
5
  export interface DrawerProps extends InnerDrawerProps {
@@ -10,7 +11,7 @@ export interface InnerDrawerProps {
10
11
  ariaLabel?: string;
11
12
  /** Sets the aria-labelledby of the drawer */
12
13
  ariaLabelledBy?: string;
13
- /** Close button aria-label */
14
+ /** @deprecated Close button aria-label */
14
15
  ariaLabelCloseBtn?: string;
15
16
  /** Sets the style of the Drawer Close button. Meant for use by HelpDrawer */
16
17
  closeColor?: 'blueberry' | 'plum';
@@ -42,6 +43,10 @@ export interface InnerDrawerProps {
42
43
  onSecondaryAction?: () => void;
43
44
  /** Customize the z-index of the drawer */
44
45
  zIndex?: number;
46
+ /** Resources for component */
47
+ resources?: Partial<HNDesignsystemDrawer>;
48
+ /** Sets mobile styling and animation from outer level Drawer */
49
+ isMobile?: boolean;
45
50
  }
46
51
  declare const Drawer: React.FC<DrawerProps>;
47
52
  export default Drawer;
@@ -0,0 +1,3 @@
1
+ import { LanguageLocales } from '../../constants';
2
+ import { HNDesignsystemDrawer } from '../../resources/Resources';
3
+ export declare const getResources: (language: LanguageLocales) => HNDesignsystemDrawer;
@@ -1,6 +1,7 @@
1
1
  import { default as React } from 'react';
2
2
  import { PaletteNames } from '../../theme/palette';
3
3
  import { ElementHeaderType } from '../ElementHeader/ElementHeader';
4
+ import { ListEditModeItemProps } from '../ListEditMode';
4
5
  import { TitleTags } from '../Title';
5
6
  export type ExpanderListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;
6
7
  export interface ExpanderType extends React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLLIElement>> {
@@ -34,6 +35,11 @@ interface ExpanderListProps {
34
35
  zIndex?: number;
35
36
  /** Highlights text in title and content. Used for search results */
36
37
  highlightText?: string;
38
+ /**
39
+ * @experimental This prop is experimental and may change in the future.
40
+ * Enables ListEditMode
41
+ */
42
+ editMode?: boolean;
37
43
  }
38
44
  type Modify<T, R> = Omit<T, keyof R> & R;
39
45
  type ExpanderProps = Modify<React.HTMLAttributes<HTMLButtonElement>, {
@@ -58,6 +64,7 @@ type ExpanderProps = Modify<React.HTMLAttributes<HTMLButtonElement>, {
58
64
  highlightText?: string;
59
65
  /** Displays a status on the left side: default none */
60
66
  status?: ExpanderListStatus;
61
- }> & Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'>;
67
+ }> & Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'> & ListEditModeItemProps;
68
+ export declare const Expander: ExpanderType;
62
69
  export declare const ExpanderList: ExpanderListCompound;
63
70
  export default ExpanderList;