(fix) O3-4170: Add the Syringe Icon to CarbonMRS (#1196)

openmrs · Nov 6, 2024 · 097ed55 · 097ed55
1 parent 5abad14
commit 097ed55
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 6 deletions.
diff --git a/packages/framework/esm-framework/docs/API.md b/packages/framework/esm-framework/docs/API.md
@@ -1173,7 +1173,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:630](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L630)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:630](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L638)
 
 ___
 
@@ -1233,7 +1233,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:635](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L635)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:635](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L643)
 
 ___
 
@@ -1427,7 +1427,7 @@ Note this is an alias for ListCheckedIcon
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:642](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L642)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:642](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L650)
 
 ___
 
@@ -1815,7 +1815,7 @@ ___
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:639](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L639)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:639](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L655)
 
 ___
 
@@ -1899,7 +1899,7 @@ Note this is an alias for ShoppingCartArrowDownIcon
 
 #### Defined in
 
-[packages/framework/esm-styleguide/src/icons/icons.tsx:654](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L654)
+[packages/framework/esm-styleguide/src/icons/icons.tsx:654](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L662)
 
 ___
 
@@ -1949,6 +1949,15 @@ ___
 
 ___
 
+### SyringeIcon
+
+• `Const` **SyringeIcon**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`IconProps`](API.md#iconprops) & `RefAttributes`<`SVGSVGElement`\>\>\>
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/icons/icons.tsx:471](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/icons/icons.tsx#L627)
+
+___
 ### TableIcon
 
 • `Const` **TableIcon**: `MemoExoticComponent`<`ForwardRefExoticComponent`<[`IconProps`](API.md#iconprops) & `RefAttributes`<`SVGSVGElement`\>\>\>

diff --git a/packages/framework/esm-styleguide/mock.tsx b/packages/framework/esm-styleguide/mock.tsx
@@ -48,6 +48,7 @@ export const PenIcon = () => <div>PenIcon</div>;
 export const PrinterIcon = () => <div>PrinterIcon</div>;
 export const RenewIcon = () => <div>RenewIcon</div>;
 export const ReportIcon = () => <div>ReportIcon</div>;
+export const SyringeIcon = () => <div>SyringeIcon</div>;
 export const ResetIcon = () => <div>ResetIcon</div>;
 export const PasswordIcon = () => <div>PasswordIcon</div>;
 export const SaveIcon = () => <div>SaveIcon</div>;

diff --git a/packages/framework/esm-styleguide/src/icons/icon-registration.ts b/packages/framework/esm-styleguide/src/icons/icon-registration.ts
@@ -61,6 +61,7 @@ import shoppingCart from './svgs/shopping-cart.svg';
 import shoppingCartArrowDown from './svgs/shopping-cart--arrow-down.svg';
 import stickyNoteAdd from './svgs/sticky-note-add.svg';
 import switcher from './svgs/switcher.svg';
+import syringe from './svgs/syringe.svg';
 import tableOfContents from './svgs/table-of-contents.svg';
 import table from './svgs/table.svg';
 import time from './svgs/time.svg';
@@ -140,7 +141,7 @@ export function setupIcons() {
   addSvg('omrs-icon-shopping-cart--arrow-down', shoppingCartArrowDown);
   addSvg('omrs-icon-sticky-note-add', stickyNoteAdd);
   addSvg('omrs-icon-switcher', switcher);
-  addSvg('omrs-icon-switcher', switcher);
+  addSvg('omrs-icon-syringe', syringe);
   addSvg('omrs-icon-table-of-contents', tableOfContents);
   addSvg('omrs-icon-table', table);
   addSvg('omrs-icon-time', time);

diff --git a/packages/framework/esm-styleguide/src/icons/icons.tsx b/packages/framework/esm-styleguide/src/icons/icons.tsx
@@ -622,6 +622,14 @@ export const ReportIcon = memo(
   }),
 );
 
+/**
+ */
+export const SyringeIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function SyringeIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-syringe" iconProps={props} />;
+  }),
+);
+
 // 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/syringe.svg b/packages/framework/esm-styleguide/src/icons/svgs/syringe.svg