@helsenorge/designsystem-react 12.4.0 → 12.7.0

package/components/Icons/Feedback.js

@@ -0,0 +1,25 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+const Feedback = ({ isHovered }) => {
+  const normal = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13.092 14.256a1.185 1.185 0 1 1 0 2.372 1.185 1.185 0 1 1 0-2.372Zm5.829 0a1.185 1.185 0 1 1 0 2.372 1.185 1.185 0 1 1 0-2.372Z"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M15.884 19.004c1.575 0 3.853.91 4.472 3.12a.75.75 0 1 1-1.445.404c-.37-1.32-1.836-2.024-3.027-2.024-1.183 0-2.647.715-3.022 2.028a.75.75 0 1 1-1.442-.412c.625-2.183 2.881-3.116 4.464-3.116Zm26.542 11.14c0-5.627-4.565-10.193-10.191-10.193-5.627 0-10.193 4.566-10.193 10.193 0 5.626 4.566 10.191 10.193 10.191 5.626 0 10.19-4.565 10.191-10.191Zm1.5 0c0 6.455-5.236 11.69-11.691 11.691-6.456 0-11.693-5.236-11.693-11.691 0-6.456 5.237-11.693 11.693-11.693 6.455 0 11.691 5.237 11.691 11.693Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M36.245 27.496c0 .645-.52 1.165-1.165 1.165a1.164 1.164 0 1 1 0-2.33c.644 0 1.165.52 1.165 1.165Zm-5.702 0c0 .645-.52 1.165-1.165 1.165a1.164 1.164 0 1 1 0-2.33c.645 0 1.165.52 1.165 1.165Zm4.639 4.527a.75.75 0 1 1 1.441.412c-.613 2.145-2.83 3.06-4.382 3.06-1.546 0-3.784-.892-4.392-3.064a.75.75 0 0 1 1.445-.404c.36 1.283 1.785 1.969 2.947 1.969 1.153 0 2.576-.698 2.941-1.973ZM16.007 6.164c6.227 0 11.343 4.776 11.885 10.862-.501.166-.99.36-1.464.58-.257-5.532-4.826-9.942-10.42-9.942-5.761 0-10.434 4.674-10.435 10.434 0 5.76 4.674 10.433 10.434 10.433.88 0 1.734-.11 2.55-.316a13.882 13.882 0 0 0-.129 1.57c-.782.161-1.591.246-2.42.246-6.59 0-11.934-5.345-11.935-11.933 0-6.589 5.346-11.934 11.934-11.934Z" })
+  ] });
+  const normalHover = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M16.01 6.164c6.227 0 11.342 4.776 11.884 10.862-.501.166-.99.36-1.464.58-.257-5.532-4.825-9.942-10.42-9.942-5.76 0-10.434 4.674-10.434 10.434 0 5.76 4.673 10.433 10.433 10.433.88 0 1.734-.11 2.55-.316a13.882 13.882 0 0 0-.129 1.57c-.782.161-1.591.246-2.42.246-6.59 0-11.934-5.345-11.934-11.933 0-6.589 5.345-11.934 11.933-11.934Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M20.304 13.705a.75.75 0 0 1 .478 1.422l-.944.317.842.33a.75.75 0 0 1-.546 1.396l-2.764-1.08a.75.75 0 0 1 .034-1.41l2.9-.975Zm-9.781.472a.75.75 0 0 1 .95-.472l2.9.975a.751.751 0 0 1 .033 1.41l-2.763 1.08a.75.75 0 1 1-.546-1.396l.84-.33-.943-.317a.75.75 0 0 1-.471-.95Zm5.361 4.827c1.575 0 3.853.91 4.472 3.12a.75.75 0 1 1-1.445.404c-.37-1.32-1.836-2.024-3.027-2.024-1.183 0-2.647.715-3.022 2.028a.75.75 0 1 1-1.442-.412c.625-2.183 2.881-3.116 4.464-3.116Zm26.542 11.14c0-5.627-4.565-10.193-10.191-10.193-5.627 0-10.193 4.566-10.193 10.193 0 5.626 4.566 10.191 10.193 10.191 5.626 0 10.19-4.565 10.191-10.191Zm1.5 0c0 6.455-5.236 11.69-11.691 11.691-6.456 0-11.693-5.236-11.693-11.691 0-6.456 5.237-11.693 11.693-11.693 6.455 0 11.691 5.237 11.691 11.693Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M35.602 26.504c.648 0 1.263.25 1.729.682a.75.75 0 1 1-1.02 1.101 1.046 1.046 0 0 0-.709-.283c-.263 0-.513.099-.705.28a.75.75 0 0 1-1.027-1.094 2.523 2.523 0 0 1 1.732-.686Zm-6.73-.002c.646 0 1.27.25 1.738.695a.75.75 0 0 1-1.037 1.085 1.02 1.02 0 0 0-1.402 0 .75.75 0 0 1-1.035-1.085 2.518 2.518 0 0 1 1.736-.695Zm6.31 5.521a.75.75 0 1 1 1.441.412c-.613 2.145-2.83 3.06-4.382 3.06-1.546 0-3.784-.892-4.392-3.064a.75.75 0 0 1 1.445-.404c.36 1.283 1.785 1.969 2.947 1.969 1.153 0 2.576-.698 2.941-1.973Z" })
+  ] });
+  return isHovered ? normalHover : normal;
+};
+export {
+  Feedback as default
+};
+//# sourceMappingURL=Feedback.js.map

package/components/Icons/Feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feedback.js","sources":["../../../src/components/Icons/Feedback.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from '../Icon';\n\nconst Feedback: React.FC<SvgPathProps> = ({ isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M13.092 14.256a1.185 1.185 0 1 1 0 2.372 1.185 1.185 0 1 1 0-2.372Zm5.829 0a1.185 1.185 0 1 1 0 2.372 1.185 1.185 0 1 1 0-2.372Z\"\n      />\n      <path d=\"M15.884 19.004c1.575 0 3.853.91 4.472 3.12a.75.75 0 1 1-1.445.404c-.37-1.32-1.836-2.024-3.027-2.024-1.183 0-2.647.715-3.022 2.028a.75.75 0 1 1-1.442-.412c.625-2.183 2.881-3.116 4.464-3.116Zm26.542 11.14c0-5.627-4.565-10.193-10.191-10.193-5.627 0-10.193 4.566-10.193 10.193 0 5.626 4.566 10.191 10.193 10.191 5.626 0 10.19-4.565 10.191-10.191Zm1.5 0c0 6.455-5.236 11.69-11.691 11.691-6.456 0-11.693-5.236-11.693-11.691 0-6.456 5.237-11.693 11.693-11.693 6.455 0 11.691 5.237 11.691 11.693Z\" />\n      <path d=\"M36.245 27.496c0 .645-.52 1.165-1.165 1.165a1.164 1.164 0 1 1 0-2.33c.644 0 1.165.52 1.165 1.165Zm-5.702 0c0 .645-.52 1.165-1.165 1.165a1.164 1.164 0 1 1 0-2.33c.645 0 1.165.52 1.165 1.165Zm4.639 4.527a.75.75 0 1 1 1.441.412c-.613 2.145-2.83 3.06-4.382 3.06-1.546 0-3.784-.892-4.392-3.064a.75.75 0 0 1 1.445-.404c.36 1.283 1.785 1.969 2.947 1.969 1.153 0 2.576-.698 2.941-1.973ZM16.007 6.164c6.227 0 11.343 4.776 11.885 10.862-.501.166-.99.36-1.464.58-.257-5.532-4.826-9.942-10.42-9.942-5.761 0-10.434 4.674-10.435 10.434 0 5.76 4.674 10.433 10.434 10.433.88 0 1.734-.11 2.55-.316a13.882 13.882 0 0 0-.129 1.57c-.782.161-1.591.246-2.42.246-6.59 0-11.934-5.345-11.935-11.933 0-6.589 5.346-11.934 11.934-11.934Z\" />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path d=\"M16.01 6.164c6.227 0 11.342 4.776 11.884 10.862-.501.166-.99.36-1.464.58-.257-5.532-4.825-9.942-10.42-9.942-5.76 0-10.434 4.674-10.434 10.434 0 5.76 4.673 10.433 10.433 10.433.88 0 1.734-.11 2.55-.316a13.882 13.882 0 0 0-.129 1.57c-.782.161-1.591.246-2.42.246-6.59 0-11.934-5.345-11.934-11.933 0-6.589 5.345-11.934 11.933-11.934Z\" />\n      <path d=\"M20.304 13.705a.75.75 0 0 1 .478 1.422l-.944.317.842.33a.75.75 0 0 1-.546 1.396l-2.764-1.08a.75.75 0 0 1 .034-1.41l2.9-.975Zm-9.781.472a.75.75 0 0 1 .95-.472l2.9.975a.751.751 0 0 1 .033 1.41l-2.763 1.08a.75.75 0 1 1-.546-1.396l.84-.33-.943-.317a.75.75 0 0 1-.471-.95Zm5.361 4.827c1.575 0 3.853.91 4.472 3.12a.75.75 0 1 1-1.445.404c-.37-1.32-1.836-2.024-3.027-2.024-1.183 0-2.647.715-3.022 2.028a.75.75 0 1 1-1.442-.412c.625-2.183 2.881-3.116 4.464-3.116Zm26.542 11.14c0-5.627-4.565-10.193-10.191-10.193-5.627 0-10.193 4.566-10.193 10.193 0 5.626 4.566 10.191 10.193 10.191 5.626 0 10.19-4.565 10.191-10.191Zm1.5 0c0 6.455-5.236 11.69-11.691 11.691-6.456 0-11.693-5.236-11.693-11.691 0-6.456 5.237-11.693 11.693-11.693 6.455 0 11.691 5.237 11.691 11.693Z\" />\n      <path d=\"M35.602 26.504c.648 0 1.263.25 1.729.682a.75.75 0 1 1-1.02 1.101 1.046 1.046 0 0 0-.709-.283c-.263 0-.513.099-.705.28a.75.75 0 0 1-1.027-1.094 2.523 2.523 0 0 1 1.732-.686Zm-6.73-.002c.646 0 1.27.25 1.738.695a.75.75 0 0 1-1.037 1.085 1.02 1.02 0 0 0-1.402 0 .75.75 0 0 1-1.035-1.085 2.518 2.518 0 0 1 1.736-.695Zm6.31 5.521a.75.75 0 1 1 1.441.412c-.613 2.145-2.83 3.06-4.382 3.06-1.546 0-3.784-.892-4.392-3.064a.75.75 0 0 1 1.445-.404c.36 1.283 1.785 1.969 2.947 1.969 1.153 0 2.576-.698 2.941-1.973Z\" />\n    </>\n  );\n\n  return isHovered ? normalHover : normal;\n};\n\nexport default Feedback;\n"],"names":[],"mappings":";AAIA,MAAM,WAAmC,CAAC,EAAE,gBAAkD;AAC5F,QAAM,SACJ,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,oBAAC,QAAA,EAAK,GAAE,2eAAA,CAA2e;AAAA,IACnf,oBAAC,QAAA,EAAK,GAAE,wsBAAA,CAAwsB;AAAA,EAAA,GACltB;AAGF,QAAM,cACJ,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,GAAE,4UAAA,CAA4U;AAAA,IACpV,oBAAC,QAAA,EAAK,GAAE,ovBAAA,CAAovB;AAAA,IAC5vB,oBAAC,QAAA,EAAK,GAAE,ufAAA,CAAuf;AAAA,EAAA,GACjgB;AAGF,SAAO,YAAY,cAAc;AACnC;"}

package/components/Icons/IconNames.d.ts

@@ -1,3 +1,3 @@
 /** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/
-export declare const IconList: readonly ["ActiveMonitoring", "AcupunctureBack", "AlarmClock", "AlertSignFill", "AlertSignStroke", "Amputation", "Anxiety", "Apple", "Archive", "ArmFlexing", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowUpRight", "Attachment", "Atv", "Avatar", "AwakePersonOnPillow", "Baby", "BandAid", "BeerAndPills", "Bell", "Bike", "BirthControl", "BirthdayCake", "Boat", "Body", "Braille", "Brain", "BreastReconstruction", "BreastRemoval", "Breasts", "BrokenHeart", "BrokenPuzzle", "Bus", "Calendar", "CalendarChange", "CalendarCheck", "CalendarEvent", "CalendarSave", "Cancer", "Candle", "Car", "Carton", "Change", "Check", "CheckFill", "CheckOutline", "Chest", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronsDown", "ChevronsUp", "ChevronUp", "ChildPlaying", "Cigarette", "Coins", "Contacts", "Copy", "CoronaCertificate", "Coronavirus", "Cough", "CreditCard", "CriticalHealthInfo", "Cross", "DataExchange", "DataReceived", "DataSent", "Depression", "DigestiveSystem", "Dizzy", "Documents", "Dog", "DonorCard", "DotActive", "DotAlert", "DotCancelled", "DotHalfDisc", "DotInactive", "DotInfo", "DotLookingGlass", "DotPending", "DotQuestionMark", "DotSuccess", "DotTransparent", "DotWarningTriangle", "Download", "Draft", "Drag", "Ear", "EarDeaf", "EarHearingAid", "EarNoseThroat", "EarVolume", "EChat", "Edit", "ElderlyPerson", "Embolization", "EmergencyCall", "EmoticonAnnoyed", "EmoticonDelighted", "EmoticonDisappointed", "EmoticonHappy", "EmoticonMeh", "EmptyBox", "EnterFullScreen", "Envelope", "Epilepsy", "Eraser", "ErrorSignFill", "ErrorSignStroke", "EuropeanHealthCard", "ExitFullScreen", "Eye", "Facebook", "FallingLeaf", "Female", "FemaleDoctor", "Ferry", "File", "Filter", "FingerBleed", "FirstAidKit", "Fish", "FloppyDisk", "Football", "Form", "Forward", "Gallery", "Garden", "GasCan", "GenderIdentity", "Glasses", "GlassWater", "Globe", "Grain", "Graph", "Group", "GroupTwins", "HandsAndHeart", "HandWaving", "HandWithDisease", "HealthcarePerson", "HealthcarePersonell", "HealthClinic", "HealthMeasurements", "HealthWarning", "HearingProtection", "Heart", "HeartHands", "HelpingHand", "HelpSign", "Hemodialysis", "Hiker", "Hipprosthesis", "History", "HivAndAids", "Home", "HomeFill", "Hormone", "Hospital", "Hourglass", "HTMLFile", "ImgFile", "Inbox", "InfoSignFill", "InfoSignStroke", "Instagram", "Intravenous", "JointPain", "Journal", "JpgFile", "Kidney", "KitchenScale", "Kjernejournal", "Laboratory", "LaptopBlog", "LawBook", "LegalDocument", "LightBulb", "List", "Location", "LocationFill", "Lock", "Login", "Logout", "Lungs", "Makeup", "MaleDoctor", "MaleDoctorAndPerson", "MaleDoctorCompact", "MaleDoctorCompactFill", "MaleGenitalia", "Medicine", "MedicineWarning", "MentalHealthAdult", "MentalHealthChild", "Menu", "Microscope", "Minus", "Mirror", "MobilePhone", "MotherHoldingBaby", "MuscleBack", "MuscleLeg", "Mushroom", "Music", "MusselsAndSalt", "NoAccess", "NoEye", "NoFilter", "Notepad", "Osteotomy", "PaintRoller", "PaperPlane", "PatientAndPerson", "Pause", "PdfFile", "Pencil", "PeopleTalking", "Peritonealdialysis", "Person", "PersonalPlan", "PersonAndPatient", "PersonCancel", "PersonInXRayMachine", "PersonOverweight", "PersonRelaxing", "PersonWithBrain", "PersonWithBrokenArm", "PersonWithCrutches", "PersonWithJaw", "PersonWithMagnifyingGlass", "PersonWithSenses", "PersonWorking", "PizzaSlice", "Plane", "Plant", "PlateKnifeFork", "Play", "PlusLarge", "PlusSmall", "PngFile", "Podcast", "PoisonInformation", "Pregnant", "Printer", "Psychosis", "Publication", "Puzzle", "QrCode", "Quarrel", "RadioactiveTreatment", "Radioiodine", "RadioTherapy", "Receipt", "Receptionist", "Recovery", "Referral", "Refresh", "Refund", "Reminder", "Reply", "Rocket", "RtfFile", "Save", "Scale", "ScreenReader", "Search", "SectionSign", "Settings", "SettingsFill", "Sexualorientation", "ShakingHand", "Share", "SharedHealthData", "SharedHealthMeasurements", "Shield", "ShuntOperation", "Skeleton", "Skin", "Snake", "Snapchat", "SortDown", "SortUp", "SpeechBubble", "Spray", "STDs", "StickyNote", "StickyNotes", "Stopwatch", "Sun", "SupportingPerson", "Surgery", "Sweets", "Syringe", "Taxi", "TeddyBear", "Teenagers", "ThinkingAboutBaby", "Ticket", "TimePassing", "Toddler", "Tombstone", "Toolbox", "Tooth", "TotalKneeProsthesis", "Train", "Transplantation", "TrashCan", "TravelRoute", "TreatmentAids", "TriangleX", "Twitter", "Undo", "UniProsthesis", "Upload", "UserOrganization", "Vaccine", "VerticalDots", "VideoCamera", "VideoChat", "Wallet", "Watch", "Website", "Wheelchair", "WheelchairActive", "Window", "WordDocument", "WorkSuitcase", "X", "XmlFile", "XOutline", "YouTube", "Zoom"];
+export declare const IconList: readonly ["ActiveMonitoring", "AcupunctureBack", "AlarmClock", "AlertSignFill", "AlertSignStroke", "Amputation", "Anxiety", "Apple", "Archive", "ArmFlexing", "ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowUpRight", "Attachment", "Atv", "Avatar", "AwakePersonOnPillow", "Baby", "BandAid", "BeerAndPills", "Bell", "Bike", "BirthControl", "BirthdayCake", "Boat", "Body", "Braille", "Brain", "BreastReconstruction", "BreastRemoval", "Breasts", "BrokenHeart", "BrokenPuzzle", "Bus", "Calendar", "CalendarChange", "CalendarCheck", "CalendarEvent", "CalendarSave", "Cancer", "Candle", "Car", "Carton", "Change", "Check", "CheckFill", "CheckOutline", "Chest", "ChevronDown", "ChevronLeft", "ChevronRight", "ChevronsDown", "ChevronsUp", "ChevronUp", "ChildPlaying", "Cigarette", "Coins", "Contacts", "Copy", "CoronaCertificate", "Coronavirus", "Cough", "CreditCard", "CriticalHealthInfo", "Cross", "DataExchange", "DataReceived", "DataSent", "Depression", "DigestiveSystem", "Dizzy", "Documents", "Dog", "DonorCard", "DotActive", "DotAlert", "DotCancelled", "DotHalfDisc", "DotInactive", "DotInfo", "DotLookingGlass", "DotPending", "DotQuestionMark", "DotSuccess", "DotTransparent", "DotWarningTriangle", "Download", "Draft", "Drag", "Ear", "EarDeaf", "EarHearingAid", "EarNoseThroat", "EarVolume", "EChat", "Edit", "ElderlyPerson", "Embolization", "EmergencyCall", "EmoticonAnnoyed", "EmoticonDelighted", "EmoticonDisappointed", "EmoticonHappy", "EmoticonMeh", "EmptyBox", "EnterFullScreen", "Envelope", "Epilepsy", "Eraser", "ErrorSignFill", "ErrorSignStroke", "EuropeanHealthCard", "ExitFullScreen", "Eye", "Facebook", "FallingLeaf", "Feedback", "Female", "FemaleDoctor", "Ferry", "File", "Filter", "FingerBleed", "FirstAidKit", "Fish", "FloppyDisk", "Football", "Form", "Forward", "Gallery", "Garden", "GasCan", "GenderIdentity", "Glasses", "GlassWater", "Globe", "Grain", "Graph", "Group", "GroupTwins", "HandsAndHeart", "HandWaving", "HandWithDisease", "HealthcarePerson", "HealthcarePersonell", "HealthClinic", "HealthMeasurements", "HealthWarning", "HearingProtection", "Heart", "HeartHands", "HelpingHand", "HelpSign", "Hemodialysis", "Hiker", "Hipprosthesis", "History", "HivAndAids", "Home", "HomeFill", "Hormone", "Hospital", "Hourglass", "HTMLFile", "ImgFile", "Inbox", "InfoSignFill", "InfoSignStroke", "Instagram", "Intravenous", "JointPain", "Journal", "JpgFile", "Kidney", "KitchenScale", "Kjernejournal", "Laboratory", "LaptopBlog", "LawBook", "LegalDocument", "LightBulb", "List", "Location", "LocationFill", "Lock", "Login", "Logout", "Lungs", "Makeup", "MaleDoctor", "MaleDoctorAndPerson", "MaleDoctorCompact", "MaleDoctorCompactFill", "MaleGenitalia", "Medicine", "MedicineWarning", "MentalHealthAdult", "MentalHealthChild", "Menu", "Microscope", "Minus", "Mirror", "MobilePhone", "MotherHoldingBaby", "MuscleBack", "MuscleLeg", "Mushroom", "Music", "MusselsAndSalt", "NoAccess", "NoEye", "NoFilter", "Notepad", "Osteotomy", "PaintRoller", "PaperPlane", "PatientAndPerson", "Pause", "PdfFile", "Pencil", "PeopleTalking", "Peritonealdialysis", "Person", "PersonalPlan", "PersonAndPatient", "PersonCancel", "PersonInXRayMachine", "PersonOverweight", "PersonRelaxing", "PersonWithBrain", "PersonWithBrokenArm", "PersonWithCrutches", "PersonWithJaw", "PersonWithMagnifyingGlass", "PersonWithSenses", "PersonWorking", "PizzaSlice", "Plane", "Plant", "PlateKnifeFork", "Play", "PlusLarge", "PlusSmall", "PngFile", "Podcast", "PoisonInformation", "Pregnant", "Printer", "Psychosis", "Publication", "Puzzle", "QrCode", "Quarrel", "RadioactiveTreatment", "Radioiodine", "RadioTherapy", "Receipt", "Receptionist", "Recovery", "Referral", "Refresh", "Refund", "Reminder", "Reply", "Rocket", "RtfFile", "Save", "Scale", "ScreenReader", "Search", "SectionSign", "Settings", "SettingsFill", "Sexualorientation", "ShakingHand", "Share", "SharedHealthData", "SharedHealthMeasurements", "Shield", "ShuntOperation", "Skeleton", "Skin", "Snake", "Snapchat", "SortDown", "SortUp", "SpeechBubble", "Spray", "STDs", "StickyNote", "StickyNotes", "Stopwatch", "Sun", "SupportingPerson", "Surgery", "Sweets", "Syringe", "Taxi", "TeddyBear", "Teenagers", "ThinkingAboutBaby", "Ticket", "TimePassing", "Toddler", "Tombstone", "Toolbox", "Tooth", "TotalKneeProsthesis", "Train", "Transplantation", "TrashCan", "TravelRoute", "TreatmentAids", "TriangleX", "Twitter", "Undo", "UniProsthesis", "Upload", "UserOrganization", "Vaccine", "VerticalDots", "VideoCamera", "VideoChat", "Wallet", "Watch", "Website", "Wheelchair", "WheelchairActive", "Window", "WordDocument", "WorkSuitcase", "X", "XmlFile", "XOutline", "YouTube", "Zoom"];
 export type IconName = (typeof IconList)[number];

package/components/Icons/IconNames.js

@@ -117,6 +117,7 @@ const IconList = [
   "Eye",
   "Facebook",
   "FallingLeaf",
+  "Feedback",
   "Female",
   "FemaleDoctor",
   "Ferry",

package/components/Icons/IconNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconNames.js","sources":["../../../src/components/Icons/IconNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IconList = [\n  'ActiveMonitoring',\n  'AcupunctureBack',\n  'AlarmClock',\n  'AlertSignFill',\n  'AlertSignStroke',\n  'Amputation',\n  'Anxiety',\n  'Apple',\n  'Archive',\n  'ArmFlexing',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowUp',\n  'ArrowUpRight',\n  'Attachment',\n  'Atv',\n  'Avatar',\n  'AwakePersonOnPillow',\n  'Baby',\n  'BandAid',\n  'BeerAndPills',\n  'Bell',\n  'Bike',\n  'BirthControl',\n  'BirthdayCake',\n  'Boat',\n  'Body',\n  'Braille',\n  'Brain',\n  'BreastReconstruction',\n  'BreastRemoval',\n  'Breasts',\n  'BrokenHeart',\n  'BrokenPuzzle',\n  'Bus',\n  'Calendar',\n  'CalendarChange',\n  'CalendarCheck',\n  'CalendarEvent',\n  'CalendarSave',\n  'Cancer',\n  'Candle',\n  'Car',\n  'Carton',\n  'Change',\n  'Check',\n  'CheckFill',\n  'CheckOutline',\n  'Chest',\n  'ChevronDown',\n  'ChevronLeft',\n  'ChevronRight',\n  'ChevronsDown',\n  'ChevronsUp',\n  'ChevronUp',\n  'ChildPlaying',\n  'Cigarette',\n  'Coins',\n  'Contacts',\n  'Copy',\n  'CoronaCertificate',\n  'Coronavirus',\n  'Cough',\n  'CreditCard',\n  'CriticalHealthInfo',\n  'Cross',\n  'DataExchange',\n  'DataReceived',\n  'DataSent',\n  'Depression',\n  'DigestiveSystem',\n  'Dizzy',\n  'Documents',\n  'Dog',\n  'DonorCard',\n  'DotActive',\n  'DotAlert',\n  'DotCancelled',\n  'DotHalfDisc',\n  'DotInactive',\n  'DotInfo',\n  'DotLookingGlass',\n  'DotPending',\n  'DotQuestionMark',\n  'DotSuccess',\n  'DotTransparent',\n  'DotWarningTriangle',\n  'Download',\n  'Draft',\n  'Drag',\n  'Ear',\n  'EarDeaf',\n  'EarHearingAid',\n  'EarNoseThroat',\n  'EarVolume',\n  'EChat',\n  'Edit',\n  'ElderlyPerson',\n  'Embolization',\n  'EmergencyCall',\n  'EmoticonAnnoyed',\n  'EmoticonDelighted',\n  'EmoticonDisappointed',\n  'EmoticonHappy',\n  'EmoticonMeh',\n  'EmptyBox',\n  'EnterFullScreen',\n  'Envelope',\n  'Epilepsy',\n  'Eraser',\n  'ErrorSignFill',\n  'ErrorSignStroke',\n  'EuropeanHealthCard',\n  'ExitFullScreen',\n  'Eye',\n  'Facebook',\n  'FallingLeaf',\n  'Female',\n  'FemaleDoctor',\n  'Ferry',\n  'File',\n  'Filter',\n  'FingerBleed',\n  'FirstAidKit',\n  'Fish',\n  'FloppyDisk',\n  'Football',\n  'Form',\n  'Forward',\n  'Gallery',\n  'Garden',\n  'GasCan',\n  'GenderIdentity',\n  'Glasses',\n  'GlassWater',\n  'Globe',\n  'Grain',\n  'Graph',\n  'Group',\n  'GroupTwins',\n  'HandsAndHeart',\n  'HandWaving',\n  'HandWithDisease',\n  'HealthcarePerson',\n  'HealthcarePersonell',\n  'HealthClinic',\n  'HealthMeasurements',\n  'HealthWarning',\n  'HearingProtection',\n  'Heart',\n  'HeartHands',\n  'HelpingHand',\n  'HelpSign',\n  'Hemodialysis',\n  'Hiker',\n  'Hipprosthesis',\n  'History',\n  'HivAndAids',\n  'Home',\n  'HomeFill',\n  'Hormone',\n  'Hospital',\n  'Hourglass',\n  'HTMLFile',\n  'ImgFile',\n  'Inbox',\n  'InfoSignFill',\n  'InfoSignStroke',\n  'Instagram',\n  'Intravenous',\n  'JointPain',\n  'Journal',\n  'JpgFile',\n  'Kidney',\n  'KitchenScale',\n  'Kjernejournal',\n  'Laboratory',\n  'LaptopBlog',\n  'LawBook',\n  'LegalDocument',\n  'LightBulb',\n  'List',\n  'Location',\n  'LocationFill',\n  'Lock',\n  'Login',\n  'Logout',\n  'Lungs',\n  'Makeup',\n  'MaleDoctor',\n  'MaleDoctorAndPerson',\n  'MaleDoctorCompact',\n  'MaleDoctorCompactFill',\n  'MaleGenitalia',\n  'Medicine',\n  'MedicineWarning',\n  'MentalHealthAdult',\n  'MentalHealthChild',\n  'Menu',\n  'Microscope',\n  'Minus',\n  'Mirror',\n  'MobilePhone',\n  'MotherHoldingBaby',\n  'MuscleBack',\n  'MuscleLeg',\n  'Mushroom',\n  'Music',\n  'MusselsAndSalt',\n  'NoAccess',\n  'NoEye',\n  'NoFilter',\n  'Notepad',\n  'Osteotomy',\n  'PaintRoller',\n  'PaperPlane',\n  'PatientAndPerson',\n  'Pause',\n  'PdfFile',\n  'Pencil',\n  'PeopleTalking',\n  'Peritonealdialysis',\n  'Person',\n  'PersonalPlan',\n  'PersonAndPatient',\n  'PersonCancel',\n  'PersonInXRayMachine',\n  'PersonOverweight',\n  'PersonRelaxing',\n  'PersonWithBrain',\n  'PersonWithBrokenArm',\n  'PersonWithCrutches',\n  'PersonWithJaw',\n  'PersonWithMagnifyingGlass',\n  'PersonWithSenses',\n  'PersonWorking',\n  'PizzaSlice',\n  'Plane',\n  'Plant',\n  'PlateKnifeFork',\n  'Play',\n  'PlusLarge',\n  'PlusSmall',\n  'PngFile',\n  'Podcast',\n  'PoisonInformation',\n  'Pregnant',\n  'Printer',\n  'Psychosis',\n  'Publication',\n  'Puzzle',\n  'QrCode',\n  'Quarrel',\n  'RadioactiveTreatment',\n  'Radioiodine',\n  'RadioTherapy',\n  'Receipt',\n  'Receptionist',\n  'Recovery',\n  'Referral',\n  'Refresh',\n  'Refund',\n  'Reminder',\n  'Reply',\n  'Rocket',\n  'RtfFile',\n  'Save',\n  'Scale',\n  'ScreenReader',\n  'Search',\n  'SectionSign',\n  'Settings',\n  'SettingsFill',\n  'Sexualorientation',\n  'ShakingHand',\n  'Share',\n  'SharedHealthData',\n  'SharedHealthMeasurements',\n  'Shield',\n  'ShuntOperation',\n  'Skeleton',\n  'Skin',\n  'Snake',\n  'Snapchat',\n  'SortDown',\n  'SortUp',\n  'SpeechBubble',\n  'Spray',\n  'STDs',\n  'StickyNote',\n  'StickyNotes',\n  'Stopwatch',\n  'Sun',\n  'SupportingPerson',\n  'Surgery',\n  'Sweets',\n  'Syringe',\n  'Taxi',\n  'TeddyBear',\n  'Teenagers',\n  'ThinkingAboutBaby',\n  'Ticket',\n  'TimePassing',\n  'Toddler',\n  'Tombstone',\n  'Toolbox',\n  'Tooth',\n  'TotalKneeProsthesis',\n  'Train',\n  'Transplantation',\n  'TrashCan',\n  'TravelRoute',\n  'TreatmentAids',\n  'TriangleX',\n  'Twitter',\n  'Undo',\n  'UniProsthesis',\n  'Upload',\n  'UserOrganization',\n  'Vaccine',\n  'VerticalDots',\n  'VideoCamera',\n  'VideoChat',\n  'Wallet',\n  'Watch',\n  'Website',\n  'Wheelchair',\n  'WheelchairActive',\n  'Window',\n  'WordDocument',\n  'WorkSuitcase',\n  'X',\n  'XmlFile',\n  'XOutline',\n  'YouTube',\n  'Zoom',\n] as const;\n\nexport type IconName = (typeof IconList)[number];\n"],"names":[],"mappings":"AAEO,MAAM,WAAW;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"IconNames.js","sources":["../../../src/components/Icons/IconNames.ts"],"sourcesContent":["/** AUTO-GENERATED - DO NOT CHANGE MANUALLY **/\n\nexport const IconList = [\n  'ActiveMonitoring',\n  'AcupunctureBack',\n  'AlarmClock',\n  'AlertSignFill',\n  'AlertSignStroke',\n  'Amputation',\n  'Anxiety',\n  'Apple',\n  'Archive',\n  'ArmFlexing',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowUp',\n  'ArrowUpRight',\n  'Attachment',\n  'Atv',\n  'Avatar',\n  'AwakePersonOnPillow',\n  'Baby',\n  'BandAid',\n  'BeerAndPills',\n  'Bell',\n  'Bike',\n  'BirthControl',\n  'BirthdayCake',\n  'Boat',\n  'Body',\n  'Braille',\n  'Brain',\n  'BreastReconstruction',\n  'BreastRemoval',\n  'Breasts',\n  'BrokenHeart',\n  'BrokenPuzzle',\n  'Bus',\n  'Calendar',\n  'CalendarChange',\n  'CalendarCheck',\n  'CalendarEvent',\n  'CalendarSave',\n  'Cancer',\n  'Candle',\n  'Car',\n  'Carton',\n  'Change',\n  'Check',\n  'CheckFill',\n  'CheckOutline',\n  'Chest',\n  'ChevronDown',\n  'ChevronLeft',\n  'ChevronRight',\n  'ChevronsDown',\n  'ChevronsUp',\n  'ChevronUp',\n  'ChildPlaying',\n  'Cigarette',\n  'Coins',\n  'Contacts',\n  'Copy',\n  'CoronaCertificate',\n  'Coronavirus',\n  'Cough',\n  'CreditCard',\n  'CriticalHealthInfo',\n  'Cross',\n  'DataExchange',\n  'DataReceived',\n  'DataSent',\n  'Depression',\n  'DigestiveSystem',\n  'Dizzy',\n  'Documents',\n  'Dog',\n  'DonorCard',\n  'DotActive',\n  'DotAlert',\n  'DotCancelled',\n  'DotHalfDisc',\n  'DotInactive',\n  'DotInfo',\n  'DotLookingGlass',\n  'DotPending',\n  'DotQuestionMark',\n  'DotSuccess',\n  'DotTransparent',\n  'DotWarningTriangle',\n  'Download',\n  'Draft',\n  'Drag',\n  'Ear',\n  'EarDeaf',\n  'EarHearingAid',\n  'EarNoseThroat',\n  'EarVolume',\n  'EChat',\n  'Edit',\n  'ElderlyPerson',\n  'Embolization',\n  'EmergencyCall',\n  'EmoticonAnnoyed',\n  'EmoticonDelighted',\n  'EmoticonDisappointed',\n  'EmoticonHappy',\n  'EmoticonMeh',\n  'EmptyBox',\n  'EnterFullScreen',\n  'Envelope',\n  'Epilepsy',\n  'Eraser',\n  'ErrorSignFill',\n  'ErrorSignStroke',\n  'EuropeanHealthCard',\n  'ExitFullScreen',\n  'Eye',\n  'Facebook',\n  'FallingLeaf',\n  'Feedback',\n  'Female',\n  'FemaleDoctor',\n  'Ferry',\n  'File',\n  'Filter',\n  'FingerBleed',\n  'FirstAidKit',\n  'Fish',\n  'FloppyDisk',\n  'Football',\n  'Form',\n  'Forward',\n  'Gallery',\n  'Garden',\n  'GasCan',\n  'GenderIdentity',\n  'Glasses',\n  'GlassWater',\n  'Globe',\n  'Grain',\n  'Graph',\n  'Group',\n  'GroupTwins',\n  'HandsAndHeart',\n  'HandWaving',\n  'HandWithDisease',\n  'HealthcarePerson',\n  'HealthcarePersonell',\n  'HealthClinic',\n  'HealthMeasurements',\n  'HealthWarning',\n  'HearingProtection',\n  'Heart',\n  'HeartHands',\n  'HelpingHand',\n  'HelpSign',\n  'Hemodialysis',\n  'Hiker',\n  'Hipprosthesis',\n  'History',\n  'HivAndAids',\n  'Home',\n  'HomeFill',\n  'Hormone',\n  'Hospital',\n  'Hourglass',\n  'HTMLFile',\n  'ImgFile',\n  'Inbox',\n  'InfoSignFill',\n  'InfoSignStroke',\n  'Instagram',\n  'Intravenous',\n  'JointPain',\n  'Journal',\n  'JpgFile',\n  'Kidney',\n  'KitchenScale',\n  'Kjernejournal',\n  'Laboratory',\n  'LaptopBlog',\n  'LawBook',\n  'LegalDocument',\n  'LightBulb',\n  'List',\n  'Location',\n  'LocationFill',\n  'Lock',\n  'Login',\n  'Logout',\n  'Lungs',\n  'Makeup',\n  'MaleDoctor',\n  'MaleDoctorAndPerson',\n  'MaleDoctorCompact',\n  'MaleDoctorCompactFill',\n  'MaleGenitalia',\n  'Medicine',\n  'MedicineWarning',\n  'MentalHealthAdult',\n  'MentalHealthChild',\n  'Menu',\n  'Microscope',\n  'Minus',\n  'Mirror',\n  'MobilePhone',\n  'MotherHoldingBaby',\n  'MuscleBack',\n  'MuscleLeg',\n  'Mushroom',\n  'Music',\n  'MusselsAndSalt',\n  'NoAccess',\n  'NoEye',\n  'NoFilter',\n  'Notepad',\n  'Osteotomy',\n  'PaintRoller',\n  'PaperPlane',\n  'PatientAndPerson',\n  'Pause',\n  'PdfFile',\n  'Pencil',\n  'PeopleTalking',\n  'Peritonealdialysis',\n  'Person',\n  'PersonalPlan',\n  'PersonAndPatient',\n  'PersonCancel',\n  'PersonInXRayMachine',\n  'PersonOverweight',\n  'PersonRelaxing',\n  'PersonWithBrain',\n  'PersonWithBrokenArm',\n  'PersonWithCrutches',\n  'PersonWithJaw',\n  'PersonWithMagnifyingGlass',\n  'PersonWithSenses',\n  'PersonWorking',\n  'PizzaSlice',\n  'Plane',\n  'Plant',\n  'PlateKnifeFork',\n  'Play',\n  'PlusLarge',\n  'PlusSmall',\n  'PngFile',\n  'Podcast',\n  'PoisonInformation',\n  'Pregnant',\n  'Printer',\n  'Psychosis',\n  'Publication',\n  'Puzzle',\n  'QrCode',\n  'Quarrel',\n  'RadioactiveTreatment',\n  'Radioiodine',\n  'RadioTherapy',\n  'Receipt',\n  'Receptionist',\n  'Recovery',\n  'Referral',\n  'Refresh',\n  'Refund',\n  'Reminder',\n  'Reply',\n  'Rocket',\n  'RtfFile',\n  'Save',\n  'Scale',\n  'ScreenReader',\n  'Search',\n  'SectionSign',\n  'Settings',\n  'SettingsFill',\n  'Sexualorientation',\n  'ShakingHand',\n  'Share',\n  'SharedHealthData',\n  'SharedHealthMeasurements',\n  'Shield',\n  'ShuntOperation',\n  'Skeleton',\n  'Skin',\n  'Snake',\n  'Snapchat',\n  'SortDown',\n  'SortUp',\n  'SpeechBubble',\n  'Spray',\n  'STDs',\n  'StickyNote',\n  'StickyNotes',\n  'Stopwatch',\n  'Sun',\n  'SupportingPerson',\n  'Surgery',\n  'Sweets',\n  'Syringe',\n  'Taxi',\n  'TeddyBear',\n  'Teenagers',\n  'ThinkingAboutBaby',\n  'Ticket',\n  'TimePassing',\n  'Toddler',\n  'Tombstone',\n  'Toolbox',\n  'Tooth',\n  'TotalKneeProsthesis',\n  'Train',\n  'Transplantation',\n  'TrashCan',\n  'TravelRoute',\n  'TreatmentAids',\n  'TriangleX',\n  'Twitter',\n  'Undo',\n  'UniProsthesis',\n  'Upload',\n  'UserOrganization',\n  'Vaccine',\n  'VerticalDots',\n  'VideoCamera',\n  'VideoChat',\n  'Wallet',\n  'Watch',\n  'Website',\n  'Wheelchair',\n  'WheelchairActive',\n  'Window',\n  'WordDocument',\n  'WorkSuitcase',\n  'X',\n  'XmlFile',\n  'XOutline',\n  'YouTube',\n  'Zoom',\n] as const;\n\nexport type IconName = (typeof IconList)[number];\n"],"names":[],"mappings":"AAEO,MAAM,WAAW;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/components/Label/Label.d.ts

@@ -11,6 +11,8 @@ export interface LabelProps {
     afterLabelChildren?: React.ReactNode;
     /** Sets the content of the Label */
     children?: React.ReactNode;
+    /** Sets a tag that describes whether the form field is required or optional */
+    formFieldTag?: React.ReactNode;
     /** Adds custom classes to the label tag. */
     labelClassName?: string;
     /** Adds custom classes to the label text. */

package/components/LinkList/LinkList.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { PaletteNames } from '../../theme/palette';
 import { ElementHeaderType } from '../ElementHeader/ElementHeader';
+import { ListEditModeItemProps } from '../ListEditMode';
 export type LinkListSize = 'small' | 'medium' | 'large';
 export type LinkListStatus = 'none' | 'new';
 export type LinkAnchorTargets = '_self' | '_blank' | '_parent';
@@ -30,6 +31,11 @@ export interface LinkListProps {
     variant?: LinkListVariant;
     /** Highlights text. Used for search results */
     highlightText?: string;
+    /**
+     * @experimental This prop is experimental and may change in the future.
+     * Enables ListEditMode
+     */
+    editMode?: boolean;
 }
 type Modify<T, R> = Omit<T, keyof R> & R;
 export type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, {
@@ -53,6 +59,7 @@ export type LinkProps = Modify<React.HTMLAttributes<HTMLAnchorElement | HTMLButt
     testId?: string;
     /** Highlights text. Override if different from list */
     highlightText?: string;
-}> & Pick<LinkListProps, 'color' | 'size' | 'variant'>;
+}> & Pick<LinkListProps, 'color' | 'size' | 'variant'> & ListEditModeItemProps;
+export declare const Link: LinkType;
 export declare const LinkList: CompoundComponent;
 export default LinkList;

package/components/LinkList/index.js

@@ -1,5 +1,7 @@
 import { L as LinkList } from "../../LinkList.js";
+import { a } from "../../LinkList.js";
 export {
+  a as Link,
   LinkList,
   LinkList as default
 };

package/components/LinkList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/LinkList/styles.module.scss

@@ -88,7 +88,11 @@
     min-height: 4rem;
     text-decoration: none;
     color: var(--color-base-text-onlight);
-    cursor: pointer;
+
+    // listeelement settes til div om man er i edit mode, og skal da ikke ha interactive effekter
+    &:not(div) {
+      cursor: pointer;
+    }
 
     &--button {
       width: 100%;
@@ -118,9 +122,16 @@
       }
     }
 
+    &--fill-negative {
+      background-color: var(--color-base-background-white);
+    }
+
     &--fill,
     &--fill-negative {
-      margin-top: spacers.getSpacer(s);
+      // listeelement settes til div om man er i edit mode, og styles da via ListEditMode
+      &:not(div) {
+        margin-top: spacers.getSpacer(s);
+      }
 
       &--blueberry {
         border: 1px solid var(--core-color-blueberry-500);
@@ -140,10 +151,6 @@
       }
     }
 
-    &--fill-negative {
-      background-color: var(--color-base-background-white);
-    }
-
     &--small {
       font-size: font-settings.$font-size-xs;
       line-height: font-settings.$lineheight-size-xs;
@@ -177,41 +184,42 @@
     }
 
     &--white:not(.link-list__anchor--outline) {
-      &:hover {
+      // listeelement settes til div om man er i edit mode, og skal da ikke ha hover/active effekter
+      &:hover:not(div) {
         background-color: var(--core-color-neutral-50);
       }
 
-      &:active {
+      &:active:not(div) {
         background-color: var(--core-color-neutral-100);
       }
     }
 
     &--blueberry:not(.link-list__anchor--outline) {
-      &:hover {
+      &:hover:not(div) {
         background-color: var(--core-color-blueberry-100);
       }
 
-      &:active {
+      &:active:not(div) {
         background-color: var(--color-action-background-ondark-hoverselected);
       }
     }
 
     &--cherry:not(.link-list__anchor--outline) {
-      &:hover {
+      &:hover:not(div) {
         background-color: var(--core-color-cherry-100);
       }
 
-      &:active {
+      &:active:not(div) {
         background-color: var(--core-color-cherry-200);
       }
     }
 
     &--neutral:not(.link-list__anchor--outline) {
-      &:hover {
+      &:hover:not(div) {
         background-color: var(--core-color-neutral-100);
       }
 
-      &:active {
+      &:active:not(div) {
         background-color: var(--core-color-neutral-200);
       }
     }
@@ -234,11 +242,11 @@
       &--blueberry {
         border-bottom: 1px solid var(--core-color-blueberry-500);
 
-        &:hover {
+        &:hover:not(div) {
           background-color: var(--core-color-blueberry-50);
         }
 
-        &:active {
+        &:active:not(div) {
           background-color: var(--core-color-blueberry-100);
         }
       }
@@ -246,11 +254,11 @@
       &--cherry {
         border-bottom: 1px solid var(--core-color-cherry-400);
 
-        &:hover {
+        &:hover:not(div) {
           background-color: var(--core-color-cherry-50);
         }
 
-        &:active {
+        &:active:not(div) {
           background-color: var(--core-color-cherry-100);
         }
       }
@@ -258,11 +266,11 @@
       &--neutral {
         border-bottom: 1px solid var(--color-base-border-onlight);
 
-        &:hover {
+        &:hover:not(div) {
           background-color: var(--core-color-neutral-50);
         }
 
-        &:active {
+        &:active:not(div) {
           background-color: var(--core-color-neutral-100);
         }
       }
@@ -271,11 +279,11 @@
     &--new {
       background-color: var(--core-color-blueberry-50) !important;
 
-      &:hover {
+      &:hover:not(div) {
         background-color: var(--core-color-blueberry-100) !important;
       }
 
-      &:active {
+      &:active:not(div) {
         background-color: var(--core-color-blueberry-200) !important;
       }
     }

package/components/List/stories.module.scss

@@ -0,0 +1,7 @@
+.list-anchorlink {
+  li {
+    button {
+      vertical-align: top;
+    }
+  }
+}

package/components/List/stories.module.scss.d.ts

@@ -0,0 +1,9 @@
+export type Styles = {
+  'list-anchorlink': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/ListEditMode/ListEditMode.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { ExpanderListColors, ExpanderListVariant } from '../ExpanderList';
+import { SvgIcon } from '../Icon';
+import { LinkListColors, LinkListVariant } from '../LinkList';
+export interface ListEditModeProps extends ListEditModeItemProps {
+    /** Items in the ListEditMode */
+    children: React.ReactNode;
+    /** Sets visual priority */
+    variant?: LinkListVariant | ExpanderListVariant;
+    /** Sets color */
+    color?: LinkListColors | ExpanderListColors;
+}
+export interface ListEditModeItemProps {
+    /** Enables ListEditMode */
+    editMode?: boolean;
+    /** Callback for delete button  */
+    onDelete?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const listEditModeWrapperClassnames: string;
+export declare const IconButton: ({ icon, color, onClick, }: {
+    icon: SvgIcon;
+    color: "red" | "blue";
+    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}) => React.JSX.Element;
+export declare const ListEditModeItem: {
+    (props: ListEditModeProps): React.JSX.Element;
+    displayName: string;
+};
+export default ListEditModeItem;

package/components/ListEditMode/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ListEditModeItem } from './ListEditMode';
+export * from './ListEditMode';
+export default ListEditModeItem;

package/components/ListEditMode/index.js

@@ -0,0 +1,9 @@
+import { L as ListEditModeItem } from "../../ListEditMode.js";
+import { I, l } from "../../ListEditMode.js";
+export {
+  I as IconButton,
+  ListEditModeItem,
+  ListEditModeItem as default,
+  l as listEditModeWrapperClassnames
+};
+//# sourceMappingURL=index.js.map

package/components/ListEditMode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/ListEditMode/styles.module.scss

@@ -0,0 +1,79 @@
+@use 'sass:map';
+@use '../../scss/spacers' as spacers;
+@use '../../scss/font-settings' as font-settings;
+@use '../../scss/palette' as palette;
+@use '../../scss/breakpoints' as breakpoints;
+@import '../../scss/supernova/styles/colors.css';
+@import '../../scss/supernova/styles/spacers.css';
+
+.list-edit-mode {
+  border: none !important;
+
+  &__icon-button {
+    background: none;
+    border: none;
+    height: 3rem;
+    width: 3rem;
+    background-color: transparent;
+    outline: none;
+    padding: 0;
+    margin: 4px;
+
+    &:focus-visible {
+      outline: 4px solid var(--color-action-border-onlight-focus);
+    }
+  }
+
+  &__item {
+    display: flex;
+    flex-flow: row;
+    width: 100%;
+    align-items: center;
+
+    li {
+      width: 100%;
+    }
+
+    &--neutral,
+    &--white {
+      border-bottom: 1px solid var(--color-base-border-onlight);
+
+      &:first-of-type {
+        border-top: 1px solid var(--color-base-border-onlight);
+      }
+    }
+
+    &--cherry {
+      border-bottom: 1px solid var(--core-color-cherry-400);
+
+      &:first-of-type {
+        border-top: 1px solid var(--core-color-cherry-400);
+      }
+    }
+
+    &--blueberry {
+      border-bottom: 1px solid var(--core-color-blueberry-500);
+
+      &:first-of-type {
+        border-top: 1px solid var(--core-color-blueberry-500);
+      }
+    }
+
+    &--line {
+      li {
+        border: none !important;
+      }
+    }
+
+    &--fill {
+      li {
+        margin-top: 8px;
+        margin-bottom: 8px;
+      }
+    }
+
+    &__link {
+      margin: 0;
+    }
+  }
+}

package/components/ListEditMode/styles.module.scss.d.ts

@@ -0,0 +1,18 @@
+export type Styles = {
+  'list-edit-mode': string;
+  'list-edit-mode__icon-button': string;
+  'list-edit-mode__item': string;
+  'list-edit-mode__item__link': string;
+  'list-edit-mode__item--blueberry': string;
+  'list-edit-mode__item--cherry': string;
+  'list-edit-mode__item--fill': string;
+  'list-edit-mode__item--line': string;
+  'list-edit-mode__item--neutral': string;
+  'list-edit-mode__item--white': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Panel/styles.module.scss

@@ -7,10 +7,12 @@
 
 .panel {
   $panel: &;
+  $status-width: 6px;
 
   display: flex;
   flex-flow: column;
   padding: spacers.getSpacer(s);
+  padding-left: calc(spacers.getSpacer(s) - $status-width);
 
   & > *:not(:last-child) {
     // because of a problem with gap this margin gives space between elements
@@ -19,6 +21,7 @@
 
   @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     padding: spacers.getSpacer(m);
+    padding-left: calc(spacers.getSpacer(m) - $status-width);
   }
 
   &--icon {
@@ -155,7 +158,7 @@
   }
 
   &--status {
-    border-left: 6px;
+    border-left: $status-width;
     border-left-style: solid;
     border-left-color: transparent;
   }
@@ -166,7 +169,7 @@
   }
 
   &--draft {
-    border-left: dotted 6px var(--color-notification-status-draft);
+    border-left: dotted $status-width var(--color-notification-status-draft);
   }
 
   &--error {

package/components/PopMenu/index.js

@@ -102,7 +102,7 @@ const PopMenu = (props) => {
       type: "button",
       children: [
         labelText && labelTextPosition == "left" && /* @__PURE__ */ jsx("span", { children: labelText }),
-        /* @__PURE__ */ jsx("div", { ref: iconRef, children: isOpen ? closeIcon : openIcon }),
+        /* @__PURE__ */ jsx("div", { className: styles["pop-menu-button__icon-wrapper"], ref: iconRef, children: isOpen ? closeIcon : openIcon }),
         labelText && labelTextPosition == "right" && /* @__PURE__ */ jsx("span", { children: labelText })
       ]
     }

package/components/PopMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { getColor } from '../../theme/currys';\nimport { isComponent } from '../../utils/component';\nimport Icon, { SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport VerticalDots from '../Icons/VerticalDots';\nimport X from '../Icons/X';\nimport LazyIcon from '../LazyIcon';\nimport LinkList, { LinkListProps, LinkProps } from '../LinkList';\nimport PopOver from '../PopOver';\n\nimport styles from './styles.module.scss';\n\nexport enum PopMenuVariant {\n  onWhite = 'on-white',\n  onGray = 'on-gray',\n  onBlueberry = 'on-blueberry',\n}\n\nexport enum PopMenuLabelPosition {\n  right = 'right',\n  left = 'left',\n}\n\nexport interface PopMenuProps {\n  /** Content shown inside PopOver. Can only be a LinkList */\n  children: React.ReactElement<LinkListProps>;\n  /** Adds custom classes to the popover element. */\n  popOverClassName?: string;\n  /** Adds custom classes to the element. */\n  popMenuClassName?: string;\n  /** Changes responsive design for the trigger buttons. */\n  popMenuVariant?: PopMenuVariant;\n  /** Sets the data-testid attribute for the button that opens. */\n  openButtonTestId?: string;\n  /** Sets the data-testid attribute for the button that closes. */\n  closeButtonTestId?: string;\n  /** Sets the data-testid attribute for the popover. */\n  popOverTestId?: string;\n  /** Sets the arial-label attribute for the openButton. */\n  openButtonAriaLabel?: string;\n  /** Sets the arial-label attribute for the closeButton. */\n  closeButtonAriaLabel?: string;\n  /** Sets the icon on the trigger button. */\n  svgIcon?: SvgIcon | IconName;\n  /** Optional text next to the trigger button. */\n  labelText?: string;\n  /** Placement of the label text relative to the trigger button. */\n  labelTextPosition?: PopMenuLabelPosition;\n}\n\nexport const PopMenu: React.FC<PopMenuProps> = (props: PopMenuProps) => {\n  const triggerButtonRef = useRef<HTMLButtonElement>(null);\n  const iconRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    children,\n    popOverClassName,\n    popMenuClassName,\n    openButtonTestId,\n    closeButtonTestId,\n    popOverTestId,\n    popMenuVariant = PopMenuVariant.onWhite,\n    openButtonAriaLabel,\n    closeButtonAriaLabel,\n    svgIcon,\n    labelText,\n    labelTextPosition = PopMenuLabelPosition.right,\n  } = props;\n  const buttonClasses = classNames(styles['pop-menu-button'], {\n    [styles[`pop-menu-button--${popMenuVariant}`]]: popMenuVariant,\n  });\n  const isMobile = useIsMobileBreakpoint();\n\n  useOutsideEvent(outerRef, () => {\n    setIsOpen(false);\n  });\n\n  const { isHovered: triggerButtonIsHovered } = useHover(triggerButtonRef);\n  const mobileIconSize = isMobile ? IconSize.XSmall : IconSize.Small;\n\n  const handleClick = (cb?: () => void): void => {\n    setIsOpen(false);\n    if (cb) cb();\n  };\n\n  const renderChildren = (): React.ReactElement | undefined => {\n    if (isComponent<LinkListProps>(children, LinkList)) {\n      return (\n        <PopOver\n          testId={popOverTestId}\n          className={classNames(styles['pop-menu__pop-over'], popOverClassName)}\n          controllerRef={iconRef}\n          role=\"dialog\"\n          show={isOpen}\n        >\n          {React.Children.map(children, child =>\n            React.cloneElement(child, {\n              children: React.Children.map(child.props.children, child =>\n                isComponent<LinkProps>(child, LinkList.Link)\n                  ? React.cloneElement(child, {\n                      onClick: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) =>\n                        handleClick(() => child.props.onClick && child.props.onClick(event)),\n                    })\n                  : child\n              ),\n            })\n          )}\n        </PopOver>\n      );\n    }\n  };\n\n  const toggleOpenOnClick = (e?: React.MouseEvent<HTMLElement, MouseEvent>): void => {\n    if (e) e.stopPropagation();\n    setIsOpen(!isOpen);\n  };\n\n  const iconComponent =\n    svgIcon && typeof svgIcon === 'string' ? (\n      <LazyIcon iconName={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    ) : (\n      svgIcon && <Icon svgIcon={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    );\n\n  const openIcon = svgIcon ? (\n    iconComponent\n  ) : (\n    <Icon svgIcon={svgIcon ?? VerticalDots} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />\n  );\n\n  const closeIcon = <Icon svgIcon={X} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />;\n\n  const triggerButton = (\n    <button\n      ref={triggerButtonRef}\n      data-testid={isOpen ? closeButtonTestId : openButtonTestId}\n      className={buttonClasses}\n      aria-label={isOpen ? closeButtonAriaLabel : openButtonAriaLabel}\n      aria-expanded={isOpen}\n      onClick={toggleOpenOnClick}\n      type=\"button\"\n    >\n      {labelText && labelTextPosition == PopMenuLabelPosition.left && <span>{labelText}</span>}\n      {<div ref={iconRef}>{isOpen ? closeIcon : openIcon}</div>}\n      {labelText && labelTextPosition == PopMenuLabelPosition.right && <span>{labelText}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={outerRef} className={classNames(styles['pop-menu-button'], popMenuClassName)} data-analyticsid={AnalyticsId.PopMenu}>\n      {triggerButton}\n      {isOpen && renderChildren()}\n    </div>\n  );\n};\n\nexport default PopMenu;\n"],"names":["PopMenuVariant","PopMenuLabelPosition","React","child"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { getColor } from '../../theme/currys';\nimport { isComponent } from '../../utils/component';\nimport Icon, { SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport VerticalDots from '../Icons/VerticalDots';\nimport X from '../Icons/X';\nimport LazyIcon from '../LazyIcon';\nimport LinkList, { LinkListProps, LinkProps } from '../LinkList';\nimport PopOver from '../PopOver';\n\nimport styles from './styles.module.scss';\n\nexport enum PopMenuVariant {\n  onWhite = 'on-white',\n  onGray = 'on-gray',\n  onBlueberry = 'on-blueberry',\n}\n\nexport enum PopMenuLabelPosition {\n  right = 'right',\n  left = 'left',\n}\n\nexport interface PopMenuProps {\n  /** Content shown inside PopOver. Can only be a LinkList */\n  children: React.ReactElement<LinkListProps>;\n  /** Adds custom classes to the popover element. */\n  popOverClassName?: string;\n  /** Adds custom classes to the element. */\n  popMenuClassName?: string;\n  /** Changes responsive design for the trigger buttons. */\n  popMenuVariant?: PopMenuVariant;\n  /** Sets the data-testid attribute for the button that opens. */\n  openButtonTestId?: string;\n  /** Sets the data-testid attribute for the button that closes. */\n  closeButtonTestId?: string;\n  /** Sets the data-testid attribute for the popover. */\n  popOverTestId?: string;\n  /** Sets the arial-label attribute for the openButton. */\n  openButtonAriaLabel?: string;\n  /** Sets the arial-label attribute for the closeButton. */\n  closeButtonAriaLabel?: string;\n  /** Sets the icon on the trigger button. */\n  svgIcon?: SvgIcon | IconName;\n  /** Optional text next to the trigger button. */\n  labelText?: string;\n  /** Placement of the label text relative to the trigger button. */\n  labelTextPosition?: PopMenuLabelPosition;\n}\n\nexport const PopMenu: React.FC<PopMenuProps> = (props: PopMenuProps) => {\n  const triggerButtonRef = useRef<HTMLButtonElement>(null);\n  const iconRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    children,\n    popOverClassName,\n    popMenuClassName,\n    openButtonTestId,\n    closeButtonTestId,\n    popOverTestId,\n    popMenuVariant = PopMenuVariant.onWhite,\n    openButtonAriaLabel,\n    closeButtonAriaLabel,\n    svgIcon,\n    labelText,\n    labelTextPosition = PopMenuLabelPosition.right,\n  } = props;\n  const buttonClasses = classNames(styles['pop-menu-button'], {\n    [styles[`pop-menu-button--${popMenuVariant}`]]: popMenuVariant,\n  });\n  const isMobile = useIsMobileBreakpoint();\n\n  useOutsideEvent(outerRef, () => {\n    setIsOpen(false);\n  });\n\n  const { isHovered: triggerButtonIsHovered } = useHover(triggerButtonRef);\n  const mobileIconSize = isMobile ? IconSize.XSmall : IconSize.Small;\n\n  const handleClick = (cb?: () => void): void => {\n    setIsOpen(false);\n    if (cb) cb();\n  };\n\n  const renderChildren = (): React.ReactElement | undefined => {\n    if (isComponent<LinkListProps>(children, LinkList)) {\n      return (\n        <PopOver\n          testId={popOverTestId}\n          className={classNames(styles['pop-menu__pop-over'], popOverClassName)}\n          controllerRef={iconRef}\n          role=\"dialog\"\n          show={isOpen}\n        >\n          {React.Children.map(children, child =>\n            React.cloneElement(child, {\n              children: React.Children.map(child.props.children, child =>\n                isComponent<LinkProps>(child, LinkList.Link)\n                  ? React.cloneElement(child, {\n                      onClick: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) =>\n                        handleClick(() => child.props.onClick && child.props.onClick(event)),\n                    })\n                  : child\n              ),\n            })\n          )}\n        </PopOver>\n      );\n    }\n  };\n\n  const toggleOpenOnClick = (e?: React.MouseEvent<HTMLElement, MouseEvent>): void => {\n    if (e) e.stopPropagation();\n    setIsOpen(!isOpen);\n  };\n\n  const iconComponent =\n    svgIcon && typeof svgIcon === 'string' ? (\n      <LazyIcon iconName={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    ) : (\n      svgIcon && <Icon svgIcon={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    );\n\n  const openIcon = svgIcon ? (\n    iconComponent\n  ) : (\n    <Icon svgIcon={svgIcon ?? VerticalDots} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />\n  );\n\n  const closeIcon = <Icon svgIcon={X} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />;\n\n  const triggerButton = (\n    <button\n      ref={triggerButtonRef}\n      data-testid={isOpen ? closeButtonTestId : openButtonTestId}\n      className={buttonClasses}\n      aria-label={isOpen ? closeButtonAriaLabel : openButtonAriaLabel}\n      aria-expanded={isOpen}\n      onClick={toggleOpenOnClick}\n      type=\"button\"\n    >\n      {labelText && labelTextPosition == PopMenuLabelPosition.left && <span>{labelText}</span>}\n      {\n        <div className={styles['pop-menu-button__icon-wrapper']} ref={iconRef}>\n          {isOpen ? closeIcon : openIcon}\n        </div>\n      }\n      {labelText && labelTextPosition == PopMenuLabelPosition.right && <span>{labelText}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={outerRef} className={classNames(styles['pop-menu-button'], popMenuClassName)} data-analyticsid={AnalyticsId.PopMenu}>\n      {triggerButton}\n      {isOpen && renderChildren()}\n    </div>\n  );\n};\n\nexport default PopMenu;\n"],"names":["PopMenuVariant","PopMenuLabelPosition","React","child"],"mappings":"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"}

package/components/PopMenu/styles.module.scss

@@ -18,6 +18,10 @@
     box-shadow: none;
     outline: none;
   }
+
+  &__icon-wrapper {
+    display: flex;
+  }
 }
 
 html :focus > .pop-menu-button {

package/components/PopMenu/styles.module.scss.d.ts

@@ -1,6 +1,7 @@
 export type Styles = {
   'pop-menu__pop-over': string;
   'pop-menu-button': string;
+  'pop-menu-button__icon-wrapper': string;
   'pop-menu-button--on-blueberry': string;
   'pop-menu-button--on-gray': string;
   'pop-menu-button--on-white': string;