@koech/esm-core 8.0.0

package/packages/framework/esm-styleguide/src/pictograms/pictograms.tsx

@@ -0,0 +1,277 @@
+/** @category Pictograms */
+import React, { forwardRef, memo, useEffect, useRef } from 'react';
+import classNames, { type Argument } from 'classnames';
+import { RenderIfValueIsTruthy } from '@openmrs/esm-react-utils';
+import style from './pictograms.module.scss';
+
+export const pictogramIds = [
+  'omrs-pict-appointments',
+  'omrs-pict-assessment-1',
+  'omrs-pict-assessment-2',
+  'omrs-pict-blood-bank',
+  'omrs-pict-cardiology',
+  'omrs-pict-ct-scan',
+  'omrs-pict-dentistry',
+  'omrs-pict-emergency-department',
+  'omrs-pict-facility',
+  'omrs-pict-geriatrics',
+  'omrs-pict-gynaecology',
+  'omrs-pict-in-patient',
+  'omrs-pict-laboratory',
+  'omrs-pict-labs-2',
+  'omrs-pict-obstetrics',
+  'omrs-pict-patient-search',
+  'omrs-pict-patients',
+  'omrs-pict-payments-desk',
+  'omrs-pict-pharmacy',
+  'omrs-pict-pharmacy-2',
+  'omrs-pict-registration',
+  'omrs-pict-service-queues',
+  'omrs-pict-stock-management',
+  'omrs-pict-transfer',
+  'omrs-pict-triage',
+  'omrs-pict-x-ray',
+] as const;
+
+export type PictogramId = (typeof pictogramIds)[number];
+
+export type PictogramProps = {
+  className?: Argument;
+  size?: number;
+};
+
+export const AppointmentsPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function AppointmentsPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-appointments" pictogramProps={props} />;
+  }),
+);
+
+/**
+ * @deprecated use AppointmentsPictogram instead
+ */
+export const AppointmentsAltPictogram = AppointmentsPictogram;
+
+export const Assessment1Pictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function Assessment1Pictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-assessment-1" pictogramProps={props} />;
+  }),
+);
+
+export const Assessment2Pictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function Assessment2Pictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-assessment-2" pictogramProps={props} />;
+  }),
+);
+
+export const BloodBankPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function BloodBankPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-blood-bank" pictogramProps={props} />;
+  }),
+);
+
+export const CardiologyPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function CardiologyPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-cardiology" pictogramProps={props} />;
+  }),
+);
+
+export const CtScanPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function CtScanPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-ct-scan" pictogramProps={props} />;
+  }),
+);
+
+export const DentistryPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function DentistryPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-dentistry" pictogramProps={props} />;
+  }),
+);
+
+export const EmergencyDepartmentPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function EmergencyDepartmentPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-emergency-department" pictogramProps={props} />;
+  }),
+);
+
+export const FacilityPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function FacilityPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-facility" pictogramProps={props} />;
+  }),
+);
+
+export const GeriatricsPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function GeriatricsPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-geriatrics" pictogramProps={props} />;
+  }),
+);
+
+export const GynaecologyPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function GynaecologyPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-gynaecology" pictogramProps={props} />;
+  }),
+);
+
+export const InPatientPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function InPatientPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-in-patient" pictogramProps={props} />;
+  }),
+);
+
+export const LaboratoryPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function LaboratoryPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-laboratory" pictogramProps={props} />;
+  }),
+);
+
+export const Labs2Pictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function Labs2Pictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-labs-2" pictogramProps={props} />;
+  }),
+);
+
+export const ObstetricsPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function ObstetricsPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-obstetrics" pictogramProps={props} />;
+  }),
+);
+
+export const PatientSearchPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function PatientSearchPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-patient-search" pictogramProps={props} />;
+  }),
+);
+
+export const PatientsPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function PatientsPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-patients" pictogramProps={props} />;
+  }),
+);
+
+export const PaymentsDeskPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function PaymentsDeskPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-payments-desk" pictogramProps={props} />;
+  }),
+);
+
+export const PharmacyPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function PharmacyPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-pharmacy" pictogramProps={props} />;
+  }),
+);
+
+export const Pharmacy2Pictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function Pharmacy2Pictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-pharmacy-2" pictogramProps={props} />;
+  }),
+);
+
+export const RegistrationPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function RegistrationPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-registration" pictogramProps={props} />;
+  }),
+);
+
+export const ServiceQueuesPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function ServiceQueuesPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-service-queues" pictogramProps={props} />;
+  }),
+);
+
+export const StockManagementPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function StockManagementPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-stock-management" pictogramProps={props} />;
+  }),
+);
+
+export const TransferPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function TransferPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-transfer" pictogramProps={props} />;
+  }),
+);
+
+export const TriagePictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function TriagePictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-triage" pictogramProps={props} />;
+  }),
+);
+
+export const XrayPictogram = memo(
+  forwardRef<SVGSVGElement, PictogramProps>(function XrayPictogram(props, ref) {
+    return <Pictogram ref={ref} pictogram="omrs-pict-x-ray" pictogramProps={props} />;
+  }),
+);
+
+// Pictogram aliases that are a little more aligned to specific use-cases
+// should all resolve to a defined React icon
+
+export const HomePictogram = FacilityPictogram;
+
+export const PatientListsPictogram = PatientsPictogram;
+
+/**
+ * This is a utility component that takes an `pictogram` and render it if the sprite for the pictogram
+ * is available. The goal is to make it easier to conditionally render configuration-specified pictograms.
+ *
+ * @example
+ * ```tsx
+ *   <MaybePictogram pictogram='omrs-icon-baby' className={styles.myPictogramStyles} />
+ * ```
+ */
+export const MaybePictogram = memo(
+  forwardRef<SVGSVGElement, { pictogram: string; fallback?: React.ReactNode } & PictogramProps>(function MaybePictogram(
+    { pictogram, fallback, ...pictogramProps },
+    ref,
+  ) {
+    const iconRef = useRef(document.getElementById(pictogram));
+
+    useEffect(() => {
+      const container = document.getElementById('omrs-svgs-container');
+      const callback: MutationCallback = (mutationList) => {
+        for (const mutation of mutationList) {
+          if (mutation.type === 'childList') {
+            iconRef.current = document.getElementById(pictogram);
+          }
+        }
+      };
+
+      const observer = new MutationObserver(callback);
+      if (container) {
+        observer.observe(container, { childList: true });
+      }
+
+      return () => observer.disconnect();
+    }, [pictogram]);
+
+    return (
+      <RenderIfValueIsTruthy value={iconRef.current} fallback={fallback}>
+        <Pictogram ref={ref} pictogram={pictogram as PictogramId} pictogramProps={pictogramProps} />
+      </RenderIfValueIsTruthy>
+    );
+  }),
+);
+
+export type SvgPictogramProps = {
+  /** the id of the pictogram  */
+  pictogram: PictogramId;
+  /** properties when using the pictogram  */
+  pictogramProps: PictogramProps;
+};
+
+/**
+ * This is a utility type for custom pictograms. Please maintain alphabetical order when adding new pictograms for readability.
+ */
+export const Pictogram = memo(
+  forwardRef<SVGSVGElement, SvgPictogramProps>(function Pictogram({ pictogram, pictogramProps }, ref) {
+    let { className, size } = Object.assign({}, { size: 92 }, pictogramProps);
+    if (size <= 26 || size > 144) {
+      console.error(`Invalid size '${size}' specified for ${pictogram}. Defaulting to 92.`);
+      size = 92;
+    }
+
+    return (
+      <svg ref={ref} className={classNames(style.pictogram, className)} height={size} width={size}>
+        <use href={`#${pictogram}`} />
+      </svg>
+    );
+  }),
+);

package/packages/framework/esm-styleguide/src/pictograms/svgs/appointments.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M59.73 22.18H54.03H19.85C19.57 22.18 19.34 22.41 19.34 22.69V61.14C19.34 61.42 19.57 61.65 19.85 61.65H59.73C60.01 61.65 60.24 61.42 60.24 61.14V22.7C60.24 22.42 60.01 22.19 59.73 22.19V22.18Z" fill="#CEE6E5"/>
+<path d="M54.03 46.4H42.63C42.3483 46.4 42.12 46.6284 42.12 46.91V52.61C42.12 52.8917 42.3483 53.12 42.63 53.12H54.03C54.3117 53.12 54.54 52.8917 54.54 52.61V46.91C54.54 46.6284 54.3117 46.4 54.03 46.4Z" fill="#7BBCB9"/>
+<path d="M36.94 46.4H25.54C25.2584 46.4 25.03 46.6284 25.03 46.91V52.61C25.03 52.8917 25.2584 53.12 25.54 53.12H36.94C37.2217 53.12 37.45 52.8917 37.45 52.61V46.91C37.45 46.6284 37.2217 46.4 36.94 46.4Z" fill="#7BBCB9"/>
+<path d="M54.03 33.58H42.63C42.3483 33.58 42.12 33.8083 42.12 34.09V39.79C42.12 40.0716 42.3483 40.3 42.63 40.3H54.03C54.3117 40.3 54.54 40.0716 54.54 39.79V34.09C54.54 33.8083 54.3117 33.58 54.03 33.58Z" fill="#7BBCB9"/>
+<path d="M36.94 33.58H25.54C25.2584 33.58 25.03 33.8083 25.03 34.09V39.79C25.03 40.0716 25.2584 40.3 25.54 40.3H36.94C37.2217 40.3 37.45 40.0716 37.45 39.79V34.09C37.45 33.8083 37.2217 33.58 36.94 33.58Z" fill="#7BBCB9"/>
+<path d="M49.7599 27.48C48.6899 27.48 47.8199 26.61 47.8199 25.54V19.85C47.8199 18.78 48.6899 17.91 49.7599 17.91C50.8299 17.91 51.6999 18.78 51.6999 19.85V25.55C51.6999 26.62 50.8299 27.49 49.7599 27.49V27.48Z" fill="#7BBCB9"/>
+<path d="M29.82 27.48C28.75 27.48 27.88 26.61 27.88 25.54V19.85C27.88 18.78 28.75 17.91 29.82 17.91C30.89 17.91 31.76 18.78 31.76 19.85V25.55C31.76 26.62 30.89 27.49 29.82 27.49V27.48Z" fill="#7BBCB9"/>
+<path d="M45.48 22.18H34.09V23.21H45.48V22.18Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/assessment-1.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M37.08 22.9499C36.65 25.2999 34.59 27.0799 32.12 27.0799C29.34 27.0799 27.08 24.8199 27.08 22.0399C27.08 21.7099 27.11 21.3799 27.17 21.0699C29.09 22.2399 30.77 22.8999 32.52 23.1299C34 23.3299 35.47 23.2199 37.08 22.9499Z" fill="#7BBCB9"/>
+<path d="M28.27 18.79C29.19 17.7 30.58 17 32.12 17C34.34 17 36.22 18.43 36.9 20.43C35.31 20.71 34.06 20.81 32.86 20.64C31.5 20.45 30.1 19.92 28.27 18.79Z" fill="#7BBCB9"/>
+<path d="M27.71 28.35C24.26 28.35 21.53 30.45 19.78 33C18.02 35.57 17 38.89 17 42.18C17 43.93 17.81 45.97 18.39 47.25C18.71 47.96 19.03 48.58 19.26 49.03C19.36 49.23 19.45 49.39 19.52 49.52V59.87C19.52 61.26 20.65 62.39 22.04 62.39C23.43 62.39 24.56 61.26 24.56 59.87V45.43C24.93 42.39 25.79 39.64 26.78 37.39L27.61 40.61C27.9 41.72 28.9 42.5 30.05 42.5H36.53C37.92 42.5 39.05 41.37 39.05 39.98C39.05 38.59 37.92 37.46 36.53 37.46H32L30.15 30.24C29.86 29.13 28.86 28.35 27.71 28.35Z" fill="#7BBCB9"/>
+<path d="M56.07 32.13C58.85 32.13 61.11 29.87 61.11 27.09C61.11 24.31 58.85 22.05 56.07 22.05C53.29 22.05 51.03 24.31 51.03 27.09C51.03 29.87 53.29 32.13 56.07 32.13Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.79 32.18C49.95 31.93 51.13 32.53 51.62 33.61L54.96 41.03H59.86C61.25 41.03 62.38 42.16 62.38 43.55C62.38 44.94 61.25 46.07 59.86 46.07H53.33C52.34 46.07 51.44 45.49 51.03 44.58L49.22 40.56C48.64 41.62 48.26 42.6 48.02 43.61C47.77 44.67 47.66 45.83 47.68 47.25C48.09 47.42 48.54 47.59 49.02 47.76C50.13 48.14 51.28 48.46 52.22 48.71C52.38 48.75 52.54 48.79 52.69 48.83C52.97 48.9 53.22 48.97 53.43 49.03C53.59 49.07 53.76 49.12 53.91 49.17H53.92C54 49.2 54.33 49.3 54.65 49.49C55.06 49.74 55.34 50.07 55.4 50.14C55.52 50.29 55.64 50.44 55.74 50.58C55.96 50.87 56.21 51.24 56.48 51.65C57.03 52.46 57.69 53.5 58.33 54.51C58.97 55.52 59.6 56.53 60.06 57.27C60.29 57.64 60.48 57.95 60.62 58.17L60.83 58.51L58.68 59.83C60.1133 58.95 60.83 58.51 60.83 58.51C61.56 59.7 61.19 61.25 60 61.98C58.81 62.71 57.26 62.34 56.53 61.15L56.32 60.82C56.19 60.61 56 60.3 55.77 59.93C55.31 59.19 54.7 58.2 54.06 57.21C53.43 56.21 52.79 55.22 52.28 54.47C52.11 54.22 51.96 54 51.84 53.83C51.71 53.8 51.57 53.76 51.42 53.72C51.26 53.68 51.09 53.63 50.9 53.58C49.94 53.32 48.65 52.97 47.37 52.52L47.24 52.47V62.36H44.72V53.54H30.85V62.36H28.33V49.75H42.24C42.13 49.64 42.02 49.52 41.92 49.39C41.42 48.78 40.94 47.91 40.94 46.81C40.94 40.88 42.54 37.2 44.49 34.96C45.45 33.86 46.44 33.17 47.23 32.76C47.62 32.55 47.97 32.41 48.24 32.32C48.37 32.27 48.49 32.24 48.58 32.21C48.63 32.2 48.67 32.19 48.7 32.18C48.72 32.18 48.73 32.18 48.75 32.17H48.77C48.77 32.17 48.77 32.17 49.31 34.63L48.78 32.17L48.79 32.18ZM52.4 54.01C52.4 54.01 52.38 54.01 52.36 53.99C52.39 54 52.4 54.01 52.4 54.01ZM51.57 53.47C51.57 53.47 51.52 53.41 51.56 53.45V53.47H51.57Z" fill="#CEE6E5"/>
+<path d="M39.05 24.56C40.09 24.56 40.94 23.15 40.94 21.41C40.94 19.67 40.09 18.26 39.05 18.26C38.01 18.26 37.16 19.67 37.16 21.41C37.16 23.15 38.01 24.56 39.05 24.56Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/assessment-2.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M25.9833 23.69C27.2733 23.69 28.3233 22.64 28.3233 21.35C28.3233 20.06 27.2733 19.01 25.9833 19.01C25.1133 19.01 24.3633 19.48 23.9533 20.18H23.6433C21.7033 20.18 20.1233 21.75 20.1233 23.7V34.25C19.4833 34.23 18.9533 34.76 19.0033 35.4C19.2733 38.39 20.5833 41.2 22.7233 43.34C24.2933 44.91 26.2233 46.03 28.3233 46.63V49.46C28.3233 50.99 29.3033 52.29 30.6633 52.78C30.7133 57.43 34.4933 61.18 39.1533 61.18C43.8133 61.18 47.6433 57.38 47.6433 52.69V48C47.6433 45.57 49.6133 43.61 52.0333 43.61C54.4533 43.61 56.4233 45.58 56.4233 48V50.84C55.0533 51.32 54.0833 52.62 54.0833 54.16C54.0833 56.1 55.6533 57.68 57.6033 57.68C59.5533 57.68 61.1233 56.11 61.1233 54.16C61.1233 52.63 60.1433 51.33 58.7833 50.84V48C58.7833 44.28 55.7633 41.26 52.0433 41.26C48.3233 41.26 45.3033 44.28 45.3033 48V52.69C45.3033 56.09 42.5533 58.84 39.1533 58.84C35.7533 58.84 33.0533 56.14 33.0033 52.78C34.3633 52.3 35.3433 51 35.3433 49.47V46.64C37.4433 46.05 39.3733 44.92 40.9433 43.35C43.0833 41.21 44.3933 38.4 44.6633 35.41C44.7233 34.77 44.1933 34.24 43.5433 34.24V23.69C43.5433 21.75 41.9733 20.17 40.0233 20.17H39.7133C39.3033 19.47 38.5533 19 37.6833 19C36.3933 19 35.3433 20.05 35.3433 21.34C35.3433 22.63 36.3933 23.68 37.6833 23.68C38.5533 23.68 39.3033 23.21 39.7133 22.51H40.0233C40.6733 22.51 41.1933 23.03 41.1933 23.68V34.23H41.4433C40.7933 34.23 40.2833 34.76 40.1933 35.4C39.9433 37.21 39.1033 38.9 37.8033 40.21C36.2233 41.79 34.0733 42.68 31.8333 42.68C29.5933 42.68 27.4433 41.79 25.8633 40.21C24.5533 38.9 23.7233 37.21 23.4733 35.4C23.3833 34.76 22.8633 34.23 22.2233 34.23H22.4733V23.69C22.4733 23.04 22.9933 22.52 23.6433 22.52H23.9533C24.3633 23.22 25.1133 23.69 25.9833 23.69Z" fill="#CEE6E5"/>
+<path d="M57.9434 58.5C60.0862 58.5 61.8234 56.7629 61.8234 54.62C61.8234 52.4771 60.0862 50.74 57.9434 50.74C55.8005 50.74 54.0634 52.4771 54.0634 54.62C54.0634 56.7629 55.8005 58.5 57.9434 58.5Z" fill="#7BBCB9"/>
+<path d="M26.0733 24.14C27.4927 24.14 28.6433 22.9894 28.6433 21.57C28.6433 20.1506 27.4927 19 26.0733 19C24.6539 19 23.5033 20.1506 23.5033 21.57C23.5033 22.9894 24.6539 24.14 26.0733 24.14Z" fill="#7BBCB9"/>
+<path d="M37.5033 24.14C38.9227 24.14 40.0733 22.9894 40.0733 21.57C40.0733 20.1506 38.9227 19 37.5033 19C36.084 19 34.9333 20.1506 34.9333 21.57C34.9333 22.9894 36.084 24.14 37.5033 24.14Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/blood-bank.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.02 52.76V23.74C57.02 21.06 54.84 18.88 52.16 18.88H44.87L43.49 17.47C41.58 15.51 38.43 15.51 36.52 17.47L35.14 18.88H27.85C25.18 18.88 23 21.05 23 23.74V52.76C23 55.44 25.18 57.62 27.86 57.62H32.72V60.05H38.8V64.91H41.23V60.05H47.31V57.62H52.17C54.85 57.62 57.03 55.44 57.03 52.76H57.02Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.13 42.17C51.81 40.82 48.47 40.12 44.51 42.46C41.25 44.38 38.19 44.9 34.85 44.97C33.36 45 31.85 44.94 30.22 44.88C30 44.88 29.77 44.86 29.55 44.85C28.07 44.8 26.51 44.75 24.85 44.77V52.16C24.85 54.12 26.44 55.71 28.4 55.71H33.92V58.7H45.73V55.71H51.76C53.72 55.71 55.31 54.12 55.31 52.16V42.95C54.96 42.68 54.57 42.41 54.14 42.16L54.13 42.17Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/cardiology.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M47.65 41.5C52.15 38.87 54.97 34.03 54.97 28.76C54.97 20.62 48.35 14 40.21 14C32.07 14 25.45 20.62 25.45 28.76C25.45 34.03 28.28 38.87 32.77 41.5C21.81 44.8 14 54.79 14 65.81H66.42C66.42 54.79 58.61 44.8 47.64 41.5H47.65Z" fill="#CEE6E5"/>
+<path d="M40.2101 61.27C40.0601 61.27 39.9201 61.21 39.8101 61.11L33.6701 54.96C32.8801 54.17 32.4401 53.11 32.4301 51.99C32.4301 50.86 32.8601 49.79 33.6701 48.99C34.4701 48.19 35.5201 47.76 36.6501 47.75C37.7801 47.75 38.8401 48.19 39.6401 48.99L40.2001 49.56L40.7701 48.99C42.3601 47.4 45.1501 47.4 46.7401 48.99C47.5601 49.81 48.0001 50.89 47.9801 52.05C47.9601 53.15 47.5201 54.18 46.7401 54.96L40.6001 61.11C40.4901 61.21 40.3501 61.27 40.2001 61.27H40.2101Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/ct-scan.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M67.7 39.61C67.7 53.75 56.23 65.22 42.09 65.22C27.95 65.22 16.48 53.76 16.48 39.61C16.48 25.46 27.94 14 42.09 14C56.24 14 67.7 25.47 67.7 39.61ZM42.09 22.58C32.69 22.58 25.06 30.2 25.06 39.61C25.06 49.02 32.68 56.64 42.09 56.64C51.5 56.64 59.12 49.02 59.12 39.61C59.12 30.2 51.5 22.58 42.09 22.58Z" fill="#CEE6E5"/>
+<path d="M42.09 56.6601H42.34C43.75 56.6501 51.51 56.2301 56.23 49.0801H12V56.6601H15.61V62.4001H13.15V64.0301H19.71V62.4001H17.25V56.6601H42.1H42.09Z" fill="#7BBCB9"/>
+<path d="M45.58 17.8201H37.41V19.3401H45.58V17.8201Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/dentistry.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0212 16.0792C27.9812 12.1192 21.7512 13.9792 16.5712 20.2692C11.5712 26.3392 14.9812 37.2792 17.4312 45.1492C18.0112 47.0292 18.5412 48.7292 18.8912 50.1392C20.7012 57.4992 22.4312 62.0892 26.3812 65.4192C28.3312 67.0592 30.5512 64.2392 32.8912 61.2592C34.9212 58.6692 37.0412 55.9692 39.1612 55.9692C41.2512 55.9692 43.3312 58.6592 45.3312 61.2492C47.6412 64.2392 49.8312 67.0692 51.7812 65.4292C54.7912 62.8792 56.1612 61.0192 57.8212 55.7692C59.6312 50.0492 62.5412 43.2092 64.8612 35.3192C66.4912 29.7692 66.6912 24.1192 61.9812 18.6692C55.2712 10.8892 45.9612 14.9092 41.6312 17.4792L47.5012 22.5092C48.1812 23.0892 48.2612 24.1192 47.6812 24.7992C47.1012 25.4792 46.0712 25.5592 45.3912 24.9792L35.0212 16.0792Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/emergency-department.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M40.24 65.47C26.32 65.47 15 54.15 15 40.24C15 26.33 26.32 15 40.24 15C54.16 15 65.48 26.32 65.48 40.24C65.48 54.16 54.16 65.48 40.24 65.48V65.47Z" fill="#CEE6E5"/>
+<path d="M35.9 54.43H44.57V45.16C44.57 44.83 44.83 44.57 45.16 44.57H54.43V35.9H45.16C44.83 35.9 44.57 35.64 44.57 35.31V26.04H35.9V35.31C35.9 35.64 35.64 35.9 35.31 35.9H26.04V44.57H35.31C35.64 44.57 35.9 44.83 35.9 45.16V54.43Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/facility.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M61.48 62H18.52C18.23 62 18 61.77 18 61.48V28.54C18 28.25 18.23 28.02 18.52 28.02H49.51V18.52C49.51 18.23 49.74 18 50.03 18H61.49C61.77 18 62.01 18.23 62.01 18.52V61.48C62.01 61.76 61.78 62 61.49 62H61.48Z" fill="#CEE6E5"/>
+<path d="M39.63 51.97H32.78V60.96H39.63V51.97Z" fill="#7BBCB9"/>
+<path d="M56.41 52.89H55.38V50.02H56.41V52.89Z" fill="#7BBCB9"/>
+<path d="M48.54 52.89H47.51V50.02H48.54V52.89Z" fill="#7BBCB9"/>
+<path d="M24.9 50.02H23.87V52.88H24.9V50.02Z" fill="#7BBCB9"/>
+<path d="M56.41 47.16H55.38V44.29H56.41V47.16Z" fill="#7BBCB9"/>
+<path d="M48.54 47.16H47.51V44.29H48.54V47.16Z" fill="#7BBCB9"/>
+<path d="M40.66 44.29H39.63V47.15H40.66V44.29Z" fill="#7BBCB9"/>
+<path d="M32.78 44.29H31.75V47.15H32.78V44.29Z" fill="#7BBCB9"/>
+<path d="M24.9 44.29H23.87V47.15H24.9V44.29Z" fill="#7BBCB9"/>
+<path d="M56.41 41.4301H55.38V38.5701H56.41V41.4301Z" fill="#7BBCB9"/>
+<path d="M48.54 41.4301H47.51V38.5701H48.54V41.4301Z" fill="#7BBCB9"/>
+<path d="M40.66 38.5701H39.63V41.4301H40.66V38.5701Z" fill="#7BBCB9"/>
+<path d="M32.78 38.5701H31.75V41.4301H32.78V38.5701Z" fill="#7BBCB9"/>
+<path d="M24.9 38.5701H23.87V41.4301H24.9V38.5701Z" fill="#7BBCB9"/>
+<path d="M56.41 35.7001H55.38V32.8401H56.41V35.7001Z" fill="#7BBCB9"/>
+<path d="M48.54 35.7001H47.51V32.8401H48.54V35.7001Z" fill="#7BBCB9"/>
+<path d="M40.66 32.8401H39.63V35.7001H40.66V32.8401Z" fill="#7BBCB9"/>
+<path d="M32.78 32.8401H31.75V35.7001H32.78V32.8401Z" fill="#7BBCB9"/>
+<path d="M24.9 32.8401H23.87V35.7001H24.9V32.8401Z" fill="#7BBCB9"/>
+<path d="M56.41 26.39H55.38V24.04H53.03V23.01H55.38V20.66H56.41V23.01H58.76V24.04H56.41V26.39Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/geriatrics.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M32.48 26.64C35.7 26.64 38.3 24.03 38.3 20.82C38.3 17.61 35.7 15 32.48 15C29.26 15 26.66 17.61 26.66 20.82C26.66 24.03 29.27 26.64 32.48 26.64Z" fill="#CEE6E5"/>
+<path d="M24.5 35.28C24.73 35 24.97 34.74 25.2 34.5V60.12C25.2 61.67 26.41 62.94 27.95 63.03C29.49 63.12 30.83 61.98 31 60.45L32.17 49.94H32.78L33.95 60.45C34.12 61.99 35.46 63.12 37 63.03C38.54 62.94 39.75 61.67 39.75 60.12V40.27C39.97 39.11 40.79 37.43 42.07 35.86C43.22 37.28 44 38.78 44.3 39.91C44.27 42.31 42.34 51.31 41.54 54.91C41.36 55.73 41.91 56.53 42.74 56.65C48.11 57.39 52.76 57.39 58.09 56.71C59.09 56.58 59.67 55.48 59.3 54.55C58.23 51.77 56.48 45.98 56.48 37.83V33.57C57.05 34.01 57.64 34.58 58.24 35.29C59.78 37.13 60.73 39.25 60.86 40.56C60.97 41.76 62.04 42.64 63.24 42.53C64.44 42.42 65.32 41.35 65.21 40.15C64.97 37.65 63.46 34.73 61.6 32.5C59.79 30.33 57.06 28.11 54 28.11H47.26C45.39 28.11 43.62 28.86 42.08 29.93C40.54 28.86 38.77 28.11 36.91 28.11H28.74C25.68 28.11 22.95 30.33 21.14 32.5C19.28 34.73 17.77 37.65 17.53 40.15C17.42 41.35 18.3 42.42 19.5 42.53C20.7 42.64 21.77 41.76 21.88 40.56C22.01 39.25 22.96 37.14 24.5 35.29V35.28Z" fill="#CEE6E5"/>
+<path d="M15.02 46.29C15.02 44.28 16.65 42.65 18.66 42.65C20.67 42.65 22.3 44.28 22.3 46.29V61.57C22.3 62.37 21.65 63.03 20.84 63.03C20.03 63.03 19.38 62.38 19.38 61.57V46.29C19.38 45.89 19.05 45.56 18.65 45.56C18.25 45.56 17.92 45.89 17.92 46.29V47.76C17.92 48.56 17.27 49.22 16.46 49.22C15.65 49.22 15 48.57 15 47.76V46.29H15.02Z" fill="#7BBCB9"/>
+<path d="M50.68 26.64C53.9 26.64 56.5 24.03 56.5 20.82C56.5 17.61 53.89 15 50.68 15C47.47 15 44.86 17.61 44.86 20.82C44.86 24.03 47.47 26.64 50.68 26.64Z" fill="#CEE6E5"/>
+<path d="M43.4 62.14V58.89C45.22 59.12 46.93 59.26 48.62 59.3L47.69 62.72C47.4 63.78 46.38 64.45 45.29 64.31C44.21 64.16 43.4 63.24 43.4 62.15V62.14Z" fill="#7BBCB9"/>
+<path d="M53.66 62.71L52.71 59.22C54.39 59.12 56.11 58.93 57.95 58.66V62.14C57.95 63.23 57.14 64.16 56.06 64.3C54.98 64.45 53.95 63.77 53.66 62.71Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/gynaecology.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9037 27.8312C18.1437 28.5912 17.9337 29.4912 18.3737 30.2612C18.9037 31.2012 19.5037 32.0312 20.0637 32.7112C19.5137 32.7912 19.0237 33.0312 18.6537 33.4312C18.2537 33.8712 18.0337 34.4612 17.9937 35.1112C17.2437 34.2412 16.4037 33.1212 15.6437 31.8012C14.2737 29.3912 15.3137 26.9912 16.6837 25.6112C17.3837 24.9212 18.2637 24.3712 19.2037 24.1312C20.1437 23.8912 21.3237 23.9312 22.2637 24.7612C23.9037 26.2012 24.6537 26.3312 25.0637 26.3712C25.1337 26.3712 25.2237 26.3712 25.3337 26.3812C25.9137 26.3812 27.0137 26.4112 28.1437 27.2112L26.3337 29.7712C26.0337 29.5612 25.9737 29.5612 25.6137 29.5412C25.4337 29.5412 25.1637 29.5312 24.7537 29.4912C23.5137 29.3712 22.1637 28.8612 20.2037 27.1412C20.1737 27.1412 20.0937 27.1412 19.9637 27.1712C19.6637 27.2512 19.2637 27.4712 18.8937 27.8412L18.9037 27.8312Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.4236 35.8213C28.4936 37.7813 29.0636 40.4613 27.7136 41.8013C26.3536 43.1413 23.5836 42.6513 21.5236 40.6913C19.4536 38.7313 18.8836 36.0513 20.2336 34.7113C21.5936 33.3713 24.3636 33.8613 26.4236 35.8213Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M60.5237 27.7912C61.2237 28.5412 61.4537 29.4812 61.0137 30.3012C60.5237 31.2212 59.9837 32.0312 59.4737 32.7012C60.0237 32.7712 60.5037 33.0112 60.8637 33.4312C61.2637 33.8912 61.4637 34.5112 61.4837 35.2112C62.2137 34.3212 63.0437 33.1612 63.7837 31.7712C65.0337 29.4012 64.1037 27.0412 62.8137 25.6512C62.1637 24.9512 61.3237 24.3812 60.4037 24.1312C59.4737 23.8812 58.3037 23.9312 57.3837 24.7912C55.8537 26.2312 55.1737 26.3312 54.8537 26.3612C54.7937 26.3612 54.7237 26.3612 54.6237 26.3612C54.0937 26.3612 52.9937 26.3812 51.8837 27.2212L53.7737 29.7212C54.0237 29.5312 54.0337 29.5312 54.3237 29.5312C54.4837 29.5312 54.7437 29.5212 55.1637 29.4712C56.3737 29.3512 57.6437 28.8212 59.4637 27.1212C59.4837 27.1212 59.5237 27.1212 59.5637 27.1412C59.8037 27.2112 60.1637 27.4112 60.5037 27.7712L60.5237 27.7912Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.8637 35.8213C50.7937 37.7813 50.2237 40.4613 51.5737 41.8013C52.9337 43.1413 55.7037 42.6513 57.7637 40.6913C59.8337 38.7313 60.4037 36.0513 59.0537 34.7113C57.6937 33.3713 54.9237 33.8613 52.8637 35.8213Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33.8837 37.4412C29.6437 37.4412 23.2737 24.8312 40.2537 24.8312C57.2337 24.8312 50.1637 37.4412 45.9137 37.4412C43.8937 37.4412 43.7337 42.0512 43.5737 46.8712C43.4537 50.4512 43.3237 54.1512 42.4337 56.1812C42.1537 56.8212 41.6737 56.6312 41.1437 56.4112C40.8537 56.3012 40.5537 56.1812 40.2537 56.1812C39.9537 56.1812 39.6537 56.2912 39.3237 56.4012C38.6837 56.6212 38.0337 56.8312 37.7237 56.1812C36.7437 54.1312 36.5537 50.3612 36.3637 46.7412C36.1137 41.9612 35.8837 37.4312 33.8737 37.4312L33.8837 37.4412Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/in-patient.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M59.32 49.84H59.41C62.35 49.84 64.74 47.44 64.74 44.47C64.74 42.46 63.65 40.71 62.03 39.79V22.77C62.03 21.27 60.82 20.06 59.32 20.06H51.2C50.45 20.06 49.85 19.45 49.85 18.71V16H47.14V18.71C47.14 20.48 48.27 21.98 49.85 22.54V24.12H48.5C47.75 24.12 47.15 24.73 47.15 25.47V33.59C47.15 34.34 47.76 34.94 48.5 34.94H53.91C54.66 34.94 55.26 34.33 55.26 33.59V25.47C55.26 24.72 54.65 24.12 53.91 24.12H52.56V22.77H59.33V39.1H35.11C35 39.1 34.89 39.06 34.82 38.98L34.32 38.48L34.82 37.98C36.81 35.99 36.82 32.76 34.82 30.76L32.38 28.32C30.39 26.33 27.16 26.33 25.16 28.32L24.21 29.27C22.4 28.75 20.37 29.22 18.94 30.65C16.83 32.77 16.83 36.21 18.94 38.33L20.07 39.47V53.9H16V56.61H64.73V53.9H59.32V49.84ZM56.61 53.9H22.77V42.2L29.91 49.39C30.2 49.68 30.58 49.84 30.99 49.84H56.61V53.9Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.59 30.71L32.4 36.56L32.89 36.07C33.83 35.13 33.83 33.62 32.89 32.68L30.45 30.24C29.51 29.3 28 29.3 27.06 30.24L26.59 30.71Z" fill="#7BBCB9"/>
+<path d="M24.65 63.79C26.8592 63.79 28.65 61.9992 28.65 59.79C28.65 57.5809 26.8592 55.79 24.65 55.79C22.4409 55.79 20.65 57.5809 20.65 59.79C20.65 61.9992 22.4409 63.79 24.65 63.79Z" fill="#7BBCB9"/>
+<path d="M56.61 63.79C58.8191 63.79 60.61 61.9992 60.61 59.79C60.61 57.5809 58.8191 55.79 56.61 55.79C54.4008 55.79 52.61 57.5809 52.61 59.79C52.61 61.9992 54.4008 63.79 56.61 63.79Z" fill="#7BBCB9"/>
+<path d="M53.5 23.92H49.02C47.8989 23.92 46.99 24.8289 46.99 25.95V32.97C46.99 34.0912 47.8989 35 49.02 35H53.5C54.6211 35 55.53 34.0912 55.53 32.97V25.95C55.53 24.8289 54.6211 23.92 53.5 23.92Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/inventory.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M40.9 16L16 27.04V63.21H23.79V32.06H57.11V63.21H64.9V26.1L40.9 16Z" fill="#CEE6E5"/>
+<path d="M38.28 53H29.86C29.3629 53 28.96 53.4029 28.96 53.9V62.32C28.96 62.8171 29.3629 63.22 29.86 63.22H38.28C38.777 63.22 39.18 62.8171 39.18 62.32V53.9C39.18 53.4029 38.777 53 38.28 53Z" fill="#7BBCB9"/>
+<path d="M50.36 53H41.94C41.443 53 41.04 53.4029 41.04 53.9V62.32C41.04 62.8171 41.443 63.22 41.94 63.22H50.36C50.8571 63.22 51.26 62.8171 51.26 62.32V53.9C51.26 53.4029 50.8571 53 50.36 53Z" fill="#7BBCB9"/>
+<path d="M44.36 41H35.94C35.443 41 35.04 41.4029 35.04 41.9V50.32C35.04 50.8171 35.443 51.22 35.94 51.22H44.36C44.8571 51.22 45.26 50.8171 45.26 50.32V41.9C45.26 41.4029 44.8571 41 44.36 41Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/labs-2.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M53.61 61.15C51.01 61.15 48.89 59.03 48.89 56.43V26.04H44.28V56.43C44.28 59.03 42.16 61.15 39.56 61.15C36.96 61.15 34.84 59.03 34.84 56.43V26.04H30.23V56.43C30.23 59.03 28.11 61.15 25.51 61.15C22.91 61.15 20.79 59.03 20.79 56.43V26.04H18.51C18.23 26.04 18 25.81 18 25.53C18 25.25 18.23 25.02 18.51 25.02H20.81V19.02H19.91C19.63 19.02 19.4 18.79 19.4 18.51C19.4 18.23 19.63 18 19.91 18H31.14C31.42 18 31.65 18.23 31.65 18.51C31.65 18.79 31.42 19.02 31.14 19.02H30.24V25.03H34.85V19.02H33.95C33.67 19.02 33.44 18.79 33.44 18.51C33.44 18.23 33.67 18 33.95 18H45.18C45.46 18 45.69 18.23 45.69 18.51C45.69 18.79 45.46 19.02 45.18 19.02H44.28V25.03H48.88V19.02H47.98C47.7 19.02 47.47 18.79 47.47 18.51C47.47 18.23 47.7 18 47.98 18H59.21C59.49 18 59.72 18.23 59.72 18.51C59.72 18.79 59.49 19.02 59.21 19.02H58.31V25.03H60.61C60.89 25.03 61.12 25.26 61.12 25.54C61.12 25.82 60.89 26.05 60.61 26.05H58.31V56.44C58.31 59.04 56.19 61.16 53.59 61.16L53.61 61.15Z" fill="#CEE6E5"/>
+<path d="M49.9 35.87V56.43C49.9 58.47 51.56 60.14 53.61 60.14C55.66 60.14 57.32 58.48 57.32 56.43V35.87H49.91H49.9Z" fill="#7BBCB9"/>
+<path d="M35.86 49.91V56.43C35.86 58.47 37.52 60.14 39.57 60.14C41.62 60.14 43.28 58.48 43.28 56.43V49.91H35.87H35.86Z" fill="#7BBCB9"/>
+<path d="M21.8199 41.49V56.43C21.8199 58.47 23.4799 60.14 25.5299 60.14C27.5799 60.14 29.2399 58.48 29.2399 56.43V41.49H21.8199Z" fill="#7BBCB9"/>
+<path d="M43.27 26.04H35.86V48.9H43.27V26.04Z" fill="#CEE6E5"/>
+<path d="M29.2299 26.04H21.8199V40.47H29.2299V26.04Z" fill="#CEE6E5"/>
+<path d="M57.31 26.04H49.9V34.86H57.31V26.04Z" fill="#CEE6E5"/>
+<path d="M57.31 19.02H49.9V25.03H57.31V19.02Z" fill="#CEE6E5"/>
+<path d="M43.27 19.02H35.86V25.03H43.27V19.02Z" fill="#CEE6E5"/>
+<path d="M29.2299 19.02H21.8199V25.03H29.2299V19.02Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/labs.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M49.5785 55.1964H53.2385C54.3885 53.0864 54.9985 50.6964 54.9985 48.2664C54.9985 43.1564 52.3085 38.4564 47.9385 35.8464C47.0485 37.3364 45.4185 38.3264 43.5585 38.3264C42.6985 38.3264 41.8885 38.1164 41.1685 37.7364L36.1485 46.4364C35.9885 46.7264 35.6285 46.8164 35.3385 46.6564L33.2485 45.4464L32.3385 47.0264L34.4285 48.2364C34.5685 48.3164 34.6585 48.4464 34.6985 48.5964C34.7385 48.7464 34.7185 48.9064 34.6385 49.0464L33.1385 51.6464C32.9785 51.9264 32.6185 52.0264 32.3285 51.8664L24.5185 47.3564C24.2385 47.1964 24.1385 46.8364 24.2985 46.5464L25.7985 43.9464C25.8785 43.8064 26.0085 43.7064 26.1585 43.6664C26.3085 43.6264 26.4685 43.6464 26.6085 43.7264L28.6985 44.9364L29.6085 43.3564L27.5185 42.1464C27.3785 42.0664 27.2885 41.9364 27.2485 41.7864C27.2085 41.6364 27.2285 41.4764 27.3085 41.3364L42.3585 15.2964C42.5185 15.0164 42.8885 14.9164 43.1685 15.0764L50.9785 19.5864C51.1185 19.6664 51.2185 19.7964 51.2585 19.9464C51.2985 20.0964 51.2785 20.2564 51.1985 20.3964L46.2785 28.9064C47.7185 29.8064 48.6685 31.4064 48.6685 33.2264C48.6685 33.7564 48.5885 34.2764 48.4285 34.7664C53.2185 37.5664 56.1785 42.6964 56.1785 48.2664C56.1785 50.6764 55.6185 53.0464 54.5685 55.1964H58.5985" fill="#CEE6E5"/>
+<path d="M25.6285 46.6264L32.4185 50.5464L33.3285 48.9664L28.6285 46.2564C28.6285 46.2564 28.6085 46.2564 28.6085 46.2464L26.5385 45.0464L25.6285 46.6264Z" fill="#7BBCB9"/>
+<path d="M30.5385 45.9864L31.3185 46.4364L32.2385 44.8564L30.6585 43.9364L29.7385 45.5264L30.5385 45.9864Z" fill="#CEE6E5"/>
+<path d="M41.3986 36.4964C42.0186 36.9064 42.7686 37.1464 43.5686 37.1464C45.1586 37.1464 46.5386 36.1864 47.1486 34.8264C47.1486 34.8064 47.1686 34.7864 47.1786 34.7664C47.3786 34.2964 47.4886 33.7764 47.4886 33.2264C47.4886 31.0664 45.7286 29.3064 43.5686 29.3064C41.4086 29.3064 39.6486 31.0664 39.6486 33.2264C39.6486 34.5164 40.2686 35.6564 41.2286 36.3664C41.2386 36.3664 41.2586 36.3764 41.2786 36.3864C41.3286 36.4164 41.3686 36.4464 41.4086 36.4864L41.3986 36.4964Z" fill="#7BBCB9"/>
+<path d="M53.6585 55.1963H57.6885C58.0185 55.1963 58.2785 55.4563 58.2785 55.7863V64.8063C58.2785 65.1363 58.0185 65.3963 57.6885 65.3963H21.5985C21.3585 65.3963 21.1485 65.2563 21.0485 65.0263C20.9485 64.7963 21.0085 64.5563 21.1785 64.3863L27.1985 58.3763C27.3085 58.2663 27.4585 58.2063 27.6185 58.2063H48.0785V55.7863C48.0785 55.4563 48.3385 55.1963 48.6685 55.1963H52.3285" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/obstetrics.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M47.9336 71.8424C61.1304 71.8424 71.8286 61.1442 71.8286 47.9474C71.8286 34.7505 61.1304 24.0524 47.9336 24.0524C34.7367 24.0524 24.0386 34.7505 24.0386 47.9474C24.0386 61.1442 34.7367 71.8424 47.9336 71.8424Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.9997 64.8921C40.3504 74.2428 55.5166 74.2428 64.8782 64.8921C74.2289 55.5414 74.2289 40.3752 64.8782 31.0136C56.1604 22.3067 42.4126 21.7066 33.0073 29.2133C38.6701 28.6241 42.478 35.738 38.0809 40.1352C35.9315 42.2846 37.459 45.9507 40.4922 45.9507H41.7688C44.9112 45.9507 47.6607 48.0565 48.4681 51.1007L51.0104 60.6259C52.4725 59.9931 53.6836 59.1857 54.6547 58.3346H54.5783C53.1271 58.4547 51.796 57.4945 51.4468 56.087L49.4719 48.1874C49.0682 46.5835 50.0502 44.9578 51.6541 44.5541C53.258 44.1504 54.8838 45.1324 55.2875 46.7363L56.6514 52.1918L60.5575 51.8863C61.5722 51.8099 62.5651 52.2572 63.1761 53.0756C63.7871 53.8939 63.9399 54.9631 63.5907 55.9233C62.336 59.2621 57.6333 66.5833 47.2898 67.729C45.795 67.8926 44.4202 66.9325 44.0492 65.4813L42.7944 60.4841L37.7972 61.7389C36.1933 62.1426 34.5676 61.1606 34.1639 59.5567C33.7602 57.9528 34.7422 56.327 36.3461 55.9233L44.2456 53.9484C44.9003 53.7848 45.5767 53.8502 46.1877 54.1121L45.5986 51.8863C45.1403 50.1623 43.58 48.9621 41.7906 48.9621H40.5141C34.8076 48.9621 31.949 42.0664 35.986 38.0293C38.5173 35.498 35.9424 31.2755 32.5272 32.3775L28.7957 33.5777C21.7363 42.9611 22.4673 56.3598 31.0106 64.903L30.9997 64.8921Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.5912 49.9113C64.409 52.0935 60.8739 52.0935 58.6917 49.9113C56.5095 47.7291 56.5095 44.194 58.6917 42.0118C60.8739 39.8296 64.409 39.8296 66.5912 42.0118C68.7734 44.194 68.7734 47.7291 66.5912 49.9113Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/patient-search.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M41.765 42.7425C44.125 41.3625 45.605 38.8325 45.605 36.0625C45.605 31.7925 42.135 28.3225 37.865 28.3225C33.595 28.3225 30.125 31.7925 30.125 36.0625C30.125 38.8225 31.605 41.3625 33.965 42.7425C28.215 44.4725 24.125 49.7125 24.125 55.4925H51.615C51.615 49.7125 47.525 44.4725 41.765 42.7425Z" fill="#7BBCB9"/>
+<path d="M20.035 20.0425C10.655 29.4225 10.655 44.6425 20.035 54.0225C28.525 62.5125 41.795 63.3225 51.195 56.4425L61.035 66.2825C62.485 67.7325 64.825 67.7325 66.275 66.2825C67.725 64.8325 67.725 62.4925 66.275 61.0425L56.435 51.2025C63.315 41.8025 62.505 28.5425 54.015 20.0425C44.625 10.6525 29.415 10.6525 20.035 20.0425ZM50.155 50.1625C43.045 57.2725 31.515 57.2725 24.395 50.1625C17.275 43.0525 17.285 31.5225 24.395 24.4025C31.505 17.2825 43.035 17.2925 50.155 24.4025C57.265 31.5125 57.265 43.0425 50.155 50.1625Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/patients.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.824 27.412C35.4828 26.9394 35.7025 26.0025 35.6083 25.059C35.7025 21.1334 32.5024 18 28.5493 18C24.5963 18 21.3962 21.1334 21.4903 25.059C21.3962 27.861 23.1374 30.3186 25.412 31.3337C20.1099 32.6994 16 37.5377 16 43.0987V54.8637H37.9613V27.412H34.824Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M63.06 54.8637V43.0987C63.06 37.5377 58.9501 32.684 53.648 31.3337C55.9225 30.3186 57.6638 27.861 57.5696 25.059C57.6638 21.1334 54.4637 18 50.5106 18C46.5576 18 43.3575 21.1334 43.4516 25.059C43.3575 26.0025 43.5614 26.9394 44.236 27.412H41.0986V54.8637H63.06Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5493 61.1383V49.6184C28.5493 43.8124 32.6592 38.9587 38.1966 37.6838C35.6867 36.5933 33.9455 34.1357 33.9455 31.2788C33.9455 27.4081 37.1456 24.2747 41.0987 24.2747C45.0517 24.2747 48.2518 27.4081 48.2518 31.2788C48.2518 34.1357 46.5106 36.5933 44.0007 37.6838C49.5381 38.974 53.648 43.8124 53.648 49.6184V61.1383" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/payments-desk.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M63.28 42.47C63.28 44.19 58.23 46.6 50 46.6C47.99 46.6 46.07 46.45 44.28 46.16C44.31 46 44.34 45.84 44.34 45.67V40.97C46.13 41.24 48.02 41.39 49.99 41.39C55.14 41.39 60.51 40.35 63.27 38.39V42.48L63.28 42.47Z" fill="#CEE6E5"/>
+<path d="M42.45 45.67C42.45 47.39 37.42 49.79 29.22 49.79C21.02 49.79 16 47.39 16 45.67V41.6C18.75 43.56 24.1 44.59 29.23 44.59C34.36 44.59 39.7 43.56 42.46 41.6V45.67H42.45Z" fill="#7BBCB9"/>
+<path d="M16 48.69C18.76 50.65 24.1 51.68 29.23 51.68C34.36 51.68 39.7 50.64 42.46 48.69V52.76C42.46 54.48 37.43 56.88 29.23 56.88C21.03 56.88 16 54.48 16 52.76V48.69Z" fill="#7BBCB9"/>
+<path d="M63.28 28.25C63.28 29.97 58.23 32.38 50 32.38C41.77 32.38 36.72 29.97 36.72 28.25V24.16C39.48 26.12 44.85 27.16 50 27.16C55.15 27.16 60.52 26.12 63.28 24.16V28.25Z" fill="#CEE6E5"/>
+<path d="M50 17C58.23 17 63.28 19.41 63.28 21.13C63.28 22.85 58.23 25.26 50 25.26C41.77 25.26 36.72 22.85 36.72 21.13C36.72 19.41 41.77 17 50 17Z" fill="#CEE6E5"/>
+<path d="M36.73 31.26C39.49 33.23 44.86 34.27 50.01 34.27C55.16 34.27 60.53 33.23 63.29 31.26V35.35C63.29 37.07 58.24 39.48 50.01 39.48C48.04 39.48 46.08 39.32 44.3 39.03C44.33 38.88 44.36 38.73 44.36 38.57C44.36 36.03 41.06 34.26 36.74 33.33V31.26H36.73Z" fill="#CEE6E5"/>
+<path d="M29.23 34.47C37.43 34.47 42.46 36.87 42.46 38.59C42.46 40.31 37.43 42.7 29.23 42.7C21.03 42.7 16 40.3 16 38.58C16 36.86 21.03 34.46 29.23 34.46V34.47Z" fill="#7BBCB9"/>
+<path d="M29.23 63.96C21.04 63.96 16 61.56 16 59.84V55.77C18.75 57.73 24.1 58.76 29.23 58.76C34.36 58.76 39.7 57.72 42.46 55.77V59.84C42.46 61.56 37.43 63.96 29.23 63.96Z" fill="#7BBCB9"/>
+<path d="M50 53.71C48 53.71 46.08 53.56 44.28 53.27C44.31 53.1 44.35 52.93 44.35 52.76V48.09C46.13 48.36 48.03 48.5 50 48.5C55.15 48.5 60.52 47.46 63.28 45.5V49.59C63.28 51.31 58.23 53.72 50 53.72V53.71Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/pharmacy-1.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M12 32.4946C12 46.6099 23.4342 58.044 37.5494 58.044C51.6646 58.044 63.0988 46.6099 63.0988 32.4946H12Z" fill="#CEE6E5"/>
+<path d="M52.1097 32.4946L63.724 20.8803C65.7586 18.8457 65.7586 15.5606 63.724 13.526C61.6894 11.4913 58.4043 11.4913 56.3697 13.526L37.401 32.4946H52.0991H52.1097Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/pharmacy-2.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.079 48.601V62.68H48.601V48.601H62.68V26.079H48.601V12H26.079V26.079H12V48.601H26.079Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.857 26.7891H37.1514C36.9517 26.7891 36.8296 26.8224 36.7631 26.8557C35.587 27.4326 34.8548 28.4422 34.3999 29.6404C34.3112 29.8623 34.2446 30.0842 34.178 30.3061H31.2823C31.3933 29.7624 31.5486 29.1966 31.7594 28.6419C32.3807 26.9888 33.5124 25.3024 35.5205 24.3261C36.0752 24.0598 36.6521 23.9711 37.1403 23.9711H40.8459C41.6225 23.9711 42.2549 24.6035 42.2549 25.3801C42.2549 26.1567 41.6225 26.7891 40.8459 26.7891H40.857Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.897 31.7151C28.1204 31.7151 27.4769 32.3586 27.6766 33.1019C28.4865 35.9976 31.7927 38.2609 35.931 38.6825V40.8792C34.9547 40.9014 33.934 40.9791 33.0686 41.2342C32.3918 41.4339 31.6818 41.7668 31.1381 42.377C30.5612 43.0205 30.295 43.8304 30.295 44.7401C30.295 45.6499 30.5612 46.4598 31.1381 47.1033C31.6818 47.7135 32.4029 48.0574 33.0686 48.2571C33.5235 48.3902 34.0116 48.4679 34.522 48.5234V45.6942C34.2779 45.661 34.056 45.6166 33.8563 45.5611C33.4791 45.4502 33.3127 45.3281 33.235 45.2505C33.1906 45.195 33.1019 45.084 33.1019 44.7623C33.1019 44.4406 33.1906 44.3296 33.235 44.2741C33.3016 44.1965 33.468 44.0744 33.8563 43.9635C34.4 43.8082 35.0878 43.7416 35.931 43.7305V45.8163V48.6343V51.4634H31.704V54.2814H42.965V51.4634H38.7379V43.675C40.2912 43.553 41.5449 43.2091 42.4879 42.5989C43.8192 41.7446 44.3629 40.4687 44.3629 39.1041C44.3629 38.3718 44.1965 37.6618 43.8414 37.0294C45.428 36.0309 46.5596 34.6773 46.9812 33.1352C47.192 32.3919 46.5485 31.7484 45.7608 31.7484H28.8638L28.897 31.7151Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38.749 40.8014C39.8918 40.6905 40.5796 40.4464 40.979 40.1912C41.4117 39.9139 41.567 39.5921 41.567 39.0707C41.567 38.6713 41.4783 38.405 41.2453 38.1831C40.4576 38.4272 39.6255 38.5936 38.749 38.6824V40.8014Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/registration.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M53.9748 60.797H24.7617C24.4667 60.797 24.2373 60.5566 24.2373 60.2726V23.7617C24.2373 23.4667 24.4777 23.2373 24.7617 23.2373H35.916V16.4639C35.916 16.1689 36.1563 15.9395 36.4404 15.9395H42.2852C42.5801 15.9395 42.8096 16.1799 42.8096 16.4639V23.2373H53.9638C54.2588 23.2373 54.4882 23.4777 54.4882 23.7617V60.2726C54.4882 60.5675 54.2479 60.797 53.9638 60.797H53.9748Z" fill="#CEE6E5"/>
+<path d="M40.57 55.3674H30.3444V56.4162H40.57V55.3674Z" fill="#7BBCB9"/>
+<path d="M47.8678 52.4504H30.3444V53.4992H47.8678V52.4504Z" fill="#7BBCB9"/>
+<path d="M42.2415 40.0397C43.9786 39.0237 45.0711 37.1446 45.0711 35.1126C45.0711 31.9663 42.5037 29.3989 39.3574 29.3989C36.211 29.3989 33.6437 31.9663 33.6437 35.1126C33.6437 37.1556 34.7362 39.0237 36.4841 40.0397C32.2344 41.3179 29.2191 45.1853 29.2191 49.457H49.5175C49.5175 45.1853 46.4913 41.3179 42.2525 40.0397H42.2415Z" fill="#7BBCB9"/>
+<path d="M54.4991 65.4619H58.596V61.0811C58.596 60.9281 58.7161 60.797 58.88 60.797H63.2609V56.7002H58.88C58.7271 56.7002 58.596 56.58 58.596 56.4161V52.0353H54.4991V56.4161C54.4991 56.5691 54.379 56.7002 54.2151 56.7002H49.8342V60.797H54.2151C54.368 60.797 54.4991 60.9172 54.4991 61.0811V65.4619Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/service-queues.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.824 27.412C35.4828 26.9394 35.7025 26.0025 35.6083 25.059C35.7025 21.1334 32.5024 18 28.5493 18C24.5963 18 21.3962 21.1334 21.4903 25.059C21.3962 27.861 23.1374 30.3186 25.412 31.3337C20.1099 32.6994 16 37.5377 16 43.0987V54.8637H37.9613V27.412H34.824Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M63.06 54.8637V43.0987C63.06 37.5377 58.9501 32.684 53.648 31.3337C55.9225 30.3186 57.6638 27.861 57.5696 25.059C57.6638 21.1334 54.4637 18 50.5106 18C46.5576 18 43.3575 21.1334 43.4516 25.059C43.3575 26.0025 43.5614 26.9394 44.236 27.412H41.0986V54.8637H63.06Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5493 61.1383V49.6184C28.5493 43.8124 32.6592 38.9587 38.1966 37.6838C35.6867 36.5933 33.9455 34.1357 33.9455 31.2788C33.9455 27.4081 37.1456 24.2747 41.0987 24.2747C45.0517 24.2747 48.2518 27.4081 48.2518 31.2788C48.2518 34.1357 46.5106 36.5933 44.0007 37.6838C49.5381 38.974 53.648 43.8124 53.648 49.6184V61.1383" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/transfer.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M58.87 20H48.87C48.257 20 47.76 20.497 47.76 21.11V31.11C47.76 31.723 48.257 32.22 48.87 32.22H58.87C59.483 32.22 59.98 31.723 59.98 31.11V21.11C59.98 20.497 59.483 20 58.87 20Z" fill="#CEE6E5"/>
+<path d="M31.11 47.76H21.11C20.497 47.76 20 48.257 20 48.87V58.87C20 59.483 20.497 59.98 21.11 59.98H31.11C31.723 59.98 32.22 59.483 32.22 58.87V48.87C32.22 48.257 31.723 47.76 31.11 47.76Z" fill="#CEE6E5"/>
+<path d="M36.4259 41.985L32.8904 45.5205L34.4602 47.0903L37.9957 43.5547L36.4259 41.985Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.88 35.84V33.62H46.36V42.09H44.14V37.41L39.72 41.83L38.15 40.26L42.57 35.84H37.88Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/triage.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.3 23.02C52.3 20.8 54.1 19 56.32 19C58.54 19 60.34 20.8 60.34 23.02V29.91C60.34 31.73 59.13 33.26 57.48 33.76C57.48 34.97 57.51 36.14 57.52 37.28C57.58 41.55 57.63 45.26 57.31 48.31C56.85 52.68 55.6 56.11 52.19 58.12C48.32 60.4 42.77 61.09 38.21 60.51C35.92 60.22 33.78 59.6 32.18 58.62C31.02 57.91 30.05 56.94 29.6 55.72C27.21 55.61 24.82 55.18 22.94 54.4C20.91 53.56 19 52.1 19 49.82V27.18C19 27.18 19 27.09 19 27.04C19 23.87 24.14 21.3 30.48 21.3C36.82 21.3 41.96 23.87 41.96 27.04C41.96 27.09 41.96 27.13 41.96 27.18V34.01C42.11 34.03 42.25 34.06 42.4 34.08C42.73 34.15 43.06 34.23 43.38 34.34C46.56 35.41 48.86 38.42 48.86 41.96C48.86 46.01 45.86 49.36 41.97 49.92C41.92 52.23 40.07 53.7 38.03 54.53C36.37 55.21 34.32 55.59 32.23 55.7C32.51 56.03 32.89 56.35 33.38 56.65C34.61 57.4 36.41 57.95 38.5 58.22C42.71 58.75 47.72 58.08 51.02 56.13C53.48 54.68 54.59 52.17 55.02 48.06C55.33 45.15 55.28 41.66 55.22 37.47C55.2 36.29 55.19 35.06 55.18 33.76C53.52 33.27 52.3 31.73 52.3 29.9V23.01V23.02Z" fill="#CEE6E5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.5801 29.04C39.4101 28.12 39.6701 27.28 39.6701 27.03C39.6701 26.78 39.4101 25.94 37.5801 25.02C35.8801 24.17 33.3801 23.58 30.4901 23.58C27.6001 23.58 25.0901 24.17 23.4001 25.02C21.5701 25.94 21.3101 26.78 21.3101 27.03C21.3101 27.28 21.5701 28.12 23.4001 29.04C25.1001 29.89 27.6001 30.48 30.4901 30.48C33.3801 30.48 35.8901 29.89 37.5801 29.04Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M30.4801 32.78C34.2401 32.78 37.5701 31.88 39.6701 30.48V34.01C39.5201 34.03 39.3801 34.06 39.2301 34.08C38.9001 34.15 38.5701 34.23 38.2501 34.34C35.0701 35.41 32.7701 38.42 32.7701 41.96C32.7701 46.01 35.7601 49.36 39.6601 49.92C39.6101 50.81 38.8901 51.7 37.1501 52.4C35.4001 53.11 32.9801 53.47 30.4901 53.44C30.1401 53.44 29.7801 53.42 29.4301 53.4V32.76C29.7701 32.78 30.1201 32.78 30.4701 32.78H30.4801Z" fill="#7BBCB9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.82 36.8L39.1 42.5401L40.82 44.84L42.54 42.5401L40.82 36.8Z" fill="#7BBCB9"/>
+</svg>

package/packages/framework/esm-styleguide/src/pictograms/svgs/x-ray.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+<path d="M20.75 41.32H23.85C26.3 38.05 29.8 35.55 33.67 34.29C30.5 32.29 28.52 28.79 28.52 24.99C28.53 18.93 33.47 14 39.53 14C45.59 14 50.53 18.93 50.53 25C50.53 28.8 48.55 32.3 45.38 34.3C49.26 35.56 52.77 38.06 55.22 41.33H58.32" fill="#CEE6E5"/>
+<path d="M57.83 40.6799H21.24C20.5552 40.6799 20 41.2351 20 41.9199V64.5699C20 65.2548 20.5552 65.8099 21.24 65.8099H57.83C58.5148 65.8099 59.07 65.2548 59.07 64.5699V41.9199C59.07 41.2351 58.5148 40.6799 57.83 40.6799Z" fill="#7BBCB9"/>
+<path d="M40.4 61.79H39.17V58.99H34.66C34.06 58.99 33.57 59.48 33.57 60.08V60.93H32.34V60.08C32.34 58.8 33.38 57.76 34.66 57.76H39.17V53.87H32.95C32.35 53.87 31.86 54.36 31.86 54.96V55.81H30.63V54.96C30.63 53.68 31.67 52.64 32.95 52.64H39.17V48.75H32.95C32.35 48.75 31.86 49.24 31.86 49.84V50.69H30.63V49.84C30.63 48.56 31.67 47.52 32.95 47.52H39.17V44.72H40.4V47.52H46.62C47.9 47.52 48.94 48.56 48.94 49.84V50.69H47.71V49.84C47.71 49.24 47.22 48.75 46.62 48.75H40.4V52.64H46.62C47.9 52.64 48.94 53.68 48.94 54.96V55.81H47.71V54.96C47.71 54.36 47.22 53.87 46.62 53.87H40.4V57.76H44.91C46.19 57.76 47.23 58.8 47.23 60.08V60.93H46V60.08C46 59.48 45.51 58.99 44.91 58.99H40.4V61.79Z" fill="#CEE6E5"/>
+</svg>

package/packages/framework/esm-styleguide/src/public.ts

@@ -0,0 +1,38 @@
+export { type StyleguideConfigObject } from './config-schema';
+export * from './cards';
+export * from './custom-overflow-menu';
+export * from './dashboard-extension';
+export * from './datepicker';
+export * from './diagnosis-tags';
+export * from './empty-card';
+export * from './error-state';
+export * from './icons/icons';
+export * from './left-nav';
+export * from './location-picker';
+export { showModal } from './modals';
+export { showNotification, showActionableNotification } from './notifications';
+export {
+  type ActionableNotificationDescriptor,
+  type ActionableNotificationType,
+} from './notifications/actionable-notification.component';
+export { type NotificationDescriptor, type InlineNotificationType } from './notifications/notification.component';
+export * from './page-header';
+export * from './pagination';
+export * from './patient-banner';
+export * from './patient-photo';
+export * from './pictograms/pictograms';
+export * from './responsive-wrapper';
+export { showSnackbar, type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from './snackbars';
+export { showToast, type ToastDescriptor, type ToastType, type ToastNotificationMeta } from './toasts';
+export * from './workspaces/public';
+export {
+  launchWorkspace2,
+  launchWorkspaceGroup2,
+  closeWorkspaceGroup2,
+  getRegisteredWorkspace2Names,
+  useWorkspace2Context,
+  ActionMenuButton2,
+  Workspace2,
+  type Workspace2Definition,
+  type Workspace2DefinitionProps,
+} from './workspaces2';

package/packages/framework/esm-styleguide/src/responsive-wrapper/index.ts

@@ -0,0 +1 @@
+export * from './responsive-wrapper.component';