From f418ddf051128cd117d17d51b5a99b22815b9a65 Mon Sep 17 00:00:00 2001
From: Ian <ian.c.bacher@gmail.com>
Date: Thu, 3 Oct 2024 14:30:22 -0400
Subject: [PATCH] (fix) O3-4018: Add fixed Information icon set

---
 packages/framework/esm-styleguide/mock.tsx    |  2 ++
 .../src/icons/icon-registration.ts            |  6 +++++
 .../esm-styleguide/src/icons/icons.tsx        | 24 +++++++++++++++++++
 .../src/icons/svgs/information--filled.svg    |  3 +++
 .../src/icons/svgs/information--square.svg    |  5 ++++
 .../src/icons/svgs/information.svg            | 16 ++++---------
 6 files changed, 44 insertions(+), 12 deletions(-)
 create mode 100644 packages/framework/esm-styleguide/src/icons/svgs/information--filled.svg
 create mode 100644 packages/framework/esm-styleguide/src/icons/svgs/information--square.svg

diff --git a/packages/framework/esm-styleguide/mock.tsx b/packages/framework/esm-styleguide/mock.tsx
index f1632fa87..0b5af8744 100644
--- a/packages/framework/esm-styleguide/mock.tsx
+++ b/packages/framework/esm-styleguide/mock.tsx
@@ -25,6 +25,8 @@ export const GroupIcon = () => <div>GroupIcon</div>;
 export const GroupAccessIcon = () => <div>GroupAccessIcon</div>;
 export const HospitalBedIcon = () => <div>HospitalBedIcon</div>;
 export const InformationIcon = () => <div>InformationIcon</div>;
+export const InformationFilledIcon = () => <div>InformationFilledIcon</div>;
+export const InformationSquareIcon = () => <div>InformationSquareIcon</div>;
 export const ImageMedicalIcon = () => <div>ImageMedicalIcon</div>;
 export const InventoryManagementIcon = () => <div>InventoryManagementIcon</div>;
 export const RadiologyIcon = () => <div>RadiologyIcon</div>;
diff --git a/packages/framework/esm-styleguide/src/icons/icon-registration.ts b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
index 614d83c7c..1e243f248 100644
--- a/packages/framework/esm-styleguide/src/icons/icon-registration.ts
+++ b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
@@ -32,6 +32,9 @@ import group from './svgs/group.svg';
 import groupAccess from './svgs/group-access.svg';
 import hospitalBed from './svgs/hospital-bed.svg';
 import imageMedical from './svgs/image-medical.svg';
+import information from './svgs/information.svg';
+import informationFilled from './svgs/information--filled.svg';
+import informationSquare from './svgs/information--square.svg';
 import inventoryManagement from './svgs/inventory-management.svg';
 import listChecked from './svgs/list-checked.svg';
 import location from './svgs/location.svg';
@@ -106,6 +109,9 @@ export function setupIcons() {
   addSvg('omrs-icon-group-access', groupAccess);
   addSvg('omrs-icon-hospital-bed', hospitalBed);
   addSvg('omrs-icon-image-medical', imageMedical);
+  addSvg('omrs-icon-information', information);
+  addSvg('omrs-icon-information-filled', informationFilled);
+  addSvg('omrs-icon-information-square', informationSquare);
   addSvg('omrs-icon-inventory-management', inventoryManagement);
   addSvg('omrs-icon-list-checked', listChecked);
   addSvg('omrs-icon-location', location);
diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
index c8427c480..9487c812c 100644
--- a/packages/framework/esm-styleguide/src/icons/icons.tsx
+++ b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -281,6 +281,30 @@ export const InventoryManagementIcon = memo(
   }),
 );
 
+/**
+ */
+export const InformationIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function InformationIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-information" iconProps={props} />;
+  }),
+);
+
+/**
+ */
+export const InformationFilledIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function InformationFilledIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-information-filled" iconProps={props} />;
+  }),
+);
+
+/**
+ */
+export const InformationSquareIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function InformationSquareIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-information-square" iconProps={props} />;
+  }),
+);
+
 /**
  */
 export const ListCheckedIcon = memo(
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/information--filled.svg b/packages/framework/esm-styleguide/src/icons/svgs/information--filled.svg
new file mode 100644
index 000000000..4fcb4d0b2
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/information--filled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 4C8.14834 4 8.29334 4.04399 8.41668 4.1264C8.54002 4.20881 8.63615 4.32594 8.69291 4.46299C8.74968 4.60003 8.76453 4.75083 8.73559 4.89632C8.70665 5.0418 8.63522 5.17544 8.53033 5.28033C8.42544 5.38522 8.29181 5.45665 8.14632 5.48559C8.00083 5.51453 7.85004 5.49968 7.71299 5.44291C7.57595 5.38614 7.45881 5.29001 7.3764 5.16668C7.29399 5.04334 7.25 4.89834 7.25 4.75C7.25 4.55109 7.32902 4.36032 7.46967 4.21967C7.61033 4.07902 7.80109 4 8 4ZM10 12.0625H6V10.9375H7.4375V8.0625H6.5V6.9375H8.5625V10.9375H10V12.0625Z" />
+</svg>
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/information--square.svg b/packages/framework/esm-styleguide/src/icons/svgs/information--square.svg
new file mode 100644
index 000000000..c302cae1b
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/information--square.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 11V7H6.5V8H7.5V11H6V12H10V11H8.5Z" />
+<path d="M8 4C7.85166 4 7.70666 4.04399 7.58332 4.1264C7.45999 4.20881 7.36386 4.32594 7.30709 4.46299C7.25032 4.60003 7.23547 4.75083 7.26441 4.89632C7.29335 5.0418 7.36478 5.17544 7.46967 5.28033C7.57456 5.38522 7.7082 5.45665 7.85368 5.48559C7.99917 5.51453 8.14997 5.49968 8.28701 5.44291C8.42406 5.38614 8.54119 5.29001 8.6236 5.16668C8.70601 5.04334 8.75 4.89834 8.75 4.75C8.75 4.55109 8.67098 4.36032 8.53033 4.21967C8.38968 4.07902 8.19891 4 8 4Z" />
+<path d="M13 14H3C2.73488 13.9997 2.4807 13.8942 2.29323 13.7068C2.10576 13.5193 2.0003 13.2651 2 13V3C2.0003 2.73488 2.10576 2.4807 2.29323 2.29323C2.4807 2.10576 2.73488 2.0003 3 2H13C13.2651 2.0003 13.5193 2.10576 13.7068 2.29323C13.8942 2.4807 13.9997 2.73488 14 3V13C13.9997 13.2651 13.8942 13.5193 13.7068 13.7068C13.5193 13.8942 13.2651 13.9997 13 14ZM3 3V13H13V3H3Z" />
+</svg>
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/information.svg b/packages/framework/esm-styleguide/src/icons/svgs/information.svg
index b239698c9..12e6abc03 100644
--- a/packages/framework/esm-styleguide/src/icons/svgs/information.svg
+++ b/packages/framework/esm-styleguide/src/icons/svgs/information.svg
@@ -1,13 +1,5 @@
-<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: none;
-      }
-    </style>
-  </defs>
-  <polygon points="17 22 17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22"/>
-  <path d="M16,8a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,16,8Z"/>
-  <path d="M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"/>
-  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 11V7H6.5V8H7.5V11H6V12H10V11H8.5Z" />
+<path d="M8 4C7.85167 4 7.70666 4.04399 7.58333 4.1264C7.45999 4.20881 7.36386 4.32595 7.30709 4.46299C7.25033 4.60004 7.23548 4.75084 7.26441 4.89632C7.29335 5.04181 7.36478 5.17544 7.46967 5.28033C7.57456 5.38522 7.7082 5.45665 7.85369 5.48559C7.99917 5.51453 8.14997 5.49968 8.28701 5.44291C8.42406 5.38615 8.54119 5.29002 8.6236 5.16668C8.70602 5.04334 8.75 4.89834 8.75 4.75C8.75 4.55109 8.67098 4.36033 8.53033 4.21967C8.38968 4.07902 8.19892 4 8 4Z" />
+<path d="M8 15C6.61553 15 5.26216 14.5895 4.11101 13.8203C2.95987 13.0511 2.06266 11.9579 1.53285 10.6788C1.00303 9.3997 0.86441 7.99224 1.13451 6.63437C1.4046 5.2765 2.07129 4.02922 3.05026 3.05026C4.02922 2.07129 5.2765 1.4046 6.63437 1.13451C7.99224 0.86441 9.3997 1.00303 10.6788 1.53285C11.9579 2.06266 13.0511 2.95987 13.8203 4.11101C14.5895 5.26216 15 6.61553 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 2C6.81332 2 5.65328 2.3519 4.66658 3.01119C3.67989 3.67047 2.91085 4.60755 2.45673 5.7039C2.0026 6.80026 1.88378 8.00666 2.11529 9.17054C2.3468 10.3344 2.91825 11.4035 3.75736 12.2426C4.59648 13.0818 5.66558 13.6532 6.82946 13.8847C7.99335 14.1162 9.19975 13.9974 10.2961 13.5433C11.3925 13.0892 12.3295 12.3201 12.9888 11.3334C13.6481 10.3467 14 9.18669 14 8C14 6.4087 13.3679 4.88258 12.2426 3.75736C11.1174 2.63214 9.5913 2 8 2Z" />
 </svg>