diff --git a/packages/framework/esm-styleguide/mock.tsx b/packages/framework/esm-styleguide/mock.tsx
index 55425af5b..35df02169 100644
--- a/packages/framework/esm-styleguide/mock.tsx
+++ b/packages/framework/esm-styleguide/mock.tsx
@@ -50,6 +50,7 @@ export const OverflowMenuVerticalIcon = () =>
OverflowMenuVerticalIcon
PedestrianFamilyIcon
;
export const PenIcon = () => PenIcon
;
export const PrinterIcon = () => PrinterIcon
;
+export const ProgramsIcon = () => ProgramsIcon
;
export const RenewIcon = () => RenewIcon
;
export const ReportIcon = () => ReportIcon
;
export const SyringeIcon = () => SyringeIcon
;
diff --git a/packages/framework/esm-styleguide/src/icons/icon-registration.ts b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
index fcb12f6b3..a9bb4bf99 100644
--- a/packages/framework/esm-styleguide/src/icons/icon-registration.ts
+++ b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
@@ -55,6 +55,7 @@ import overflowMenuVertical from './svgs/overflow-menu--vertical.svg';
import pedestrianFamily from './svgs/pedestrian-family.svg';
import pen from './svgs/pen.svg';
import printer from './svgs/printer.svg';
+import programs from './svgs/programs.svg';
import renew from './svgs/renew.svg';
import password from './svgs/password.svg';
import report from './svgs/report.svg';
@@ -139,6 +140,7 @@ export function setupIcons() {
addSvg('omrs-icon-pedestrian-family', pedestrianFamily);
addSvg('omrs-icon-pen', pen);
addSvg('omrs-icon-printer', printer);
+ addSvg('omrs-icon-programs', programs);
addSvg('omrs-icon-renew', renew);
addSvg('omrs-icon-password', password);
addSvg('omrs-icon-report', report);
diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
index 0398cc8dc..4506cbf64 100644
--- a/packages/framework/esm-styleguide/src/icons/icons.tsx
+++ b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -455,6 +455,14 @@ export const PrinterIcon = memo(
}),
);
+/**
+ */
+export const ProgramsIcon = memo(
+ forwardRef(function ProgramsIcon(props, ref) {
+ return ;
+ }),
+);
+
/**
*/
export const RenewIcon = memo(
@@ -463,6 +471,14 @@ export const RenewIcon = memo(
}),
);
+/**
+ */
+export const ReportIcon = memo(
+ forwardRef(function ReportIcon(props, ref) {
+ return ;
+ }),
+);
+
/**
*/
export const ResetIcon = memo(
@@ -530,6 +546,14 @@ export const StickyNoteAddIcon = memo(
}),
);
+/**
+ */
+export const SyringeIcon = memo(
+ forwardRef(function SyringeIcon(props, ref) {
+ return ;
+ }),
+);
+
/**
* Used as a button to add an item to the Order basket from a search
*/
@@ -643,22 +667,6 @@ export const WarningIcon = memo(
}),
);
-/**
- */
-export const ReportIcon = memo(
- forwardRef(function ReportIcon(props, ref) {
- return ;
- }),
-);
-
-/**
- */
-export const SyringeIcon = memo(
- forwardRef(function SyringeIcon(props, ref) {
- return ;
- }),
-);
-
// Icon aliases that are a little more aligned to specific use-cases
// should all resolve to a defined React icon
diff --git a/packages/framework/esm-styleguide/src/icons/svgs/programs.svg b/packages/framework/esm-styleguide/src/icons/svgs/programs.svg
new file mode 100644
index 000000000..b143d501b
--- /dev/null
+++ b/packages/framework/esm-styleguide/src/icons/svgs/programs.svg
@@ -0,0 +1,13 @@
+