(feat) add CheckmarkOutlineIcon (#1176)

packages/framework/esm-styleguide/mock.tsx

@@ -8,6 +8,7 @@ export const ArrowRightIcon = () => <div>ArrowRightIcon</div>;
 export const ArrowUpIcon = () => <div>ArrowUpIcon</div>;
 export const BabyIcon = () => <div>BabyIcon</div>;
 export const CheckmarkFilledIcon = () => <div>CheckmarkFilledIcon</div>;
+export const CheckmarkOutlineIcon = () => <div>CheckmarkOutlineIcon</div>;
 export const ChartAverageIcon = () => <div>ChartAverageIcon</div>;
 export const ChemistryIcon = () => <div>ChemistryIcon</div>;
 export const ChevronDownIcon = () => <div>ChevronDownIcon</div>;

packages/framework/esm-styleguide/src/icons/icon-registration.ts

@@ -14,6 +14,7 @@ import caretRight from './svgs/caret-right.svg';
 import caretUp from './svgs/caret-up.svg';
 import chartAverage from './svgs/chart-average.svg';
 import checkmarkFilled from './svgs/checkmark--filled.svg';
+import checkmarkOutline from './svgs/checkmark--outline.svg';
 import chemistry from './svgs/chemistry.svg';
 import chevronDown from './svgs/chevron-down.svg';
 import chevronLeft from './svgs/chevron-left.svg';
@@ -91,6 +92,7 @@ export function setupIcons() {
   addSvg('omrs-icon-caret-up', caretUp);
   addSvg('omrs-icon-chart-average', chartAverage);
   addSvg('omrs-icon-checkmark-filled', checkmarkFilled);
+  addSvg('omrs-icon-checkmark-outline', checkmarkOutline);
   addSvg('omrs-icon-chemistry', chemistry);
   addSvg('omrs-icon-chevron-down', chevronDown);
   addSvg('omrs-icon-chevron-left', chevronLeft);

packages/framework/esm-styleguide/src/icons/icons.tsx

@@ -121,6 +121,14 @@ export const CheckmarkFilledIcon = memo(
   }),
 );
 
+/**
+ */
+export const CheckmarkOutlineIcon = memo(
+  forwardRef<SVGSVGElement, IconProps>(function CheckmarkOutlineIcon(props, ref) {
+    return <Icon ref={ref} icon="omrs-icon-checkmark-outline" iconProps={props} />;
+  }),
+);
+
 /**
  */
 export const ChartAverageIcon = memo(