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 @@ + + + + + + + + + + + + +