(fix) O3-4018: Add fixed Information icon set

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>;

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);

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(