@openmrs/esm-styleguide 8.0.1-pre.3612 → 8.0.1-pre.3615

package/.turbo/turbo-build.log

@@ -13,6 +13,6 @@
 [0]   │ You can limit the size of your bundles by using import() to lazy load some parts of your application.
 [0]   │ For more info visit https://www.rspack.dev/guide/optimization/code-splitting
 [0] 
-[0] Rspack compiled with 3 warnings in 10.11 s
+[0] Rspack compiled with 3 warnings in 9.56 s
 [0] rspack --mode=production exited with code 0
 [1] tsc --project tsconfig.build.json exited with code 0

package/dist/brand.d.ts

@@ -0,0 +1 @@
+export declare function setupBranding(): void;

package/dist/breakpoints/index.d.ts

@@ -0,0 +1,11 @@
+export declare const Breakpoint: {
+    readonly PHONE_MIN: 0;
+    readonly PHONE_MAX: 600;
+    readonly TABLET_MIN: 601;
+    readonly TABLET_MAX: 1023;
+    readonly SMALL_DESKTOP_MIN: 1024;
+    readonly SMALL_DESKTOP_MAX: 1439;
+    readonly LARGE_DESKTOP_MIN: 1440;
+    readonly LARGE_DESKTOP_MAX: number;
+};
+export declare function integrateBreakpoints(): void;

package/dist/cards/card-header.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface CardHeaderProps {
+    /** The title for this card. This must be a pre-translated string. */
+    title: string;
+    /** The contents of the card header to render if any. */
+    children?: React.ReactNode;
+}
+/**
+ * Re-usable header component for O3-style cards, like those found on the patient chart
+ */
+export declare function CardHeader({ title, children }: CardHeaderProps): React.JSX.Element;

package/dist/cards/index.d.ts

@@ -0,0 +1 @@
+export { CardHeader, type CardHeaderProps } from './card-header.component';

package/dist/config-schema.d.ts

@@ -0,0 +1,23 @@
+import { type ConfigSchema } from '@openmrs/esm-config';
+import { type CarbonTagColor } from './utils';
+export interface StyleguideConfigObject {
+    'Brand color #1': string;
+    'Brand color #2': string;
+    'Brand color #3': string;
+    excludePatientIdentifierCodeTypes: {
+        uuids: Array<string>;
+    };
+    implementationName: string;
+    patientPhotoConceptUuid: string;
+    preferredCalendar: {
+        [key: string]: string;
+    };
+    preferredDateLocale: {
+        [key: string]: string;
+    };
+    diagnosisTags: {
+        primaryColor: CarbonTagColor;
+        secondaryColor: CarbonTagColor;
+    };
+}
+export declare const esmStyleGuideSchema: ConfigSchema;

package/dist/custom-overflow-menu/custom-overflow-menu.component.d.ts

@@ -0,0 +1,8 @@
+/** @module @category UI */
+import React from 'react';
+interface CustomOverflowMenuProps {
+    menuTitle: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function CustomOverflowMenu({ menuTitle, children }: CustomOverflowMenuProps): React.JSX.Element;
+export {};

package/dist/custom-overflow-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './custom-overflow-menu.component';

package/dist/datepicker/utils.d.ts

@@ -0,0 +1,15 @@
+import { type Calendar, type DateValue } from '@internationalized/date';
+import { type DateInputValue } from './OpenmrsDatePicker';
+/**
+ * Function to convert relatively arbitrary date values into a React Aria `DateValue`,
+ * normally a `CalendarDate`, which represents a date without time or timezone.
+ */
+export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined, allowNull: true): DateValue | null | undefined;
+export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined, allowNull: false): DateValue | undefined;
+export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined): DateValue | undefined;
+/**
+ * Function to convert a `DateValue` (from React Aria) into a standard JS `Date`.
+ */
+export declare function internationalizedDateToDate(date: DateValue): Date | undefined;
+/** Removes any data attributes from an object */
+export declare function removeDataAttributes<T>(props: T): T;

package/dist/empty-card/empty-card-registration.d.ts

@@ -0,0 +1 @@
+export declare function setupEmptyCard(): void;

package/dist/icons/icon-registration.d.ts

@@ -0,0 +1 @@
+export declare function setupIcons(): void;

package/dist/icons/icons.d.ts

@@ -0,0 +1,329 @@
+/** @category Icons */
+import React from 'react';
+import { type Argument } from 'classnames';
+export declare const iconIds: readonly ["omrs-icon-activity", "omrs-icon-add", "omrs-icon-arrow-down", "omrs-icon-arrow-left", "omrs-icon-arrow-right", "omrs-icon-arrow-up", "omrs-icon-baby", "omrs-icon-calendar-heat-map", "omrs-icon-calendar", "omrs-icon-caret-down", "omrs-icon-caret-left", "omrs-icon-caret-right", "omrs-icon-caret-up", "omrs-icon-chart-average", "omrs-icon-checkmark-filled", "omrs-icon-checkmark-outline", "omrs-icon-chemistry", "omrs-icon-chevron-down", "omrs-icon-chevron-left", "omrs-icon-chevron-right", "omrs-icon-chevron-up", "omrs-icon-close", "omrs-icon-close-filled", "omrs-icon-close-outline", "omrs-icon-document", "omrs-icon-document-attachment", "omrs-icon-download", "omrs-icon-drug-order", "omrs-icon-edit", "omrs-icon-event-schedule", "omrs-icon-events", "omrs-icon-gender-female", "omrs-icon-gender-male", "omrs-icon-gender-other", "omrs-icon-gender-unknown", "omrs-icon-generic-order-type", "omrs-icon-group", "omrs-icon-group-access", "omrs-icon-hospital-bed", "omrs-icon-image-medical", "omrs-icon-information", "omrs-icon-information-filled", "omrs-icon-information-square", "omrs-icon-inventory-management", "omrs-icon-lab-order", "omrs-icon-list-checked", "omrs-icon-location", "omrs-icon-material-order", "omrs-icon-maximize", "omrs-icon-medication", "omrs-icon-message-queue", "omrs-icon-microscope", "omrs-icon-money", "omrs-icon-mother", "omrs-icon-movement", "omrs-icon-overflow-menu--horizontal", "omrs-icon-overflow-menu--vertical", "omrs-icon-password", "omrs-icon-pedestrian-family", "omrs-icon-pen", "omrs-icon-printer", "omrs-icon-procedure-order", "omrs-icon-programs", "omrs-icon-renew", "omrs-icon-referral-order", "omrs-icon-report", "omrs-icon-reset", "omrs-icon-save", "omrs-icon-search", "omrs-icon-settings", "omrs-icon-shopping-cart", "omrs-icon-shopping-cart--arrow-down", "omrs-icon-sticky-note-add", "omrs-icon-switcher", "omrs-icon-syringe", "omrs-icon-table-of-contents", "omrs-icon-table", "omrs-icon-time", "omrs-icon-tools", "omrs-icon-translate", "omrs-icon-trash-can", "omrs-icon-tree-view--alt", "omrs-icon-user-avatar", "omrs-icon-user-follow", "omrs-icon-user-xray", "omrs-icon-user", "omrs-icon-view-off", "omrs-icon-view", "omrs-icon-warning"];
+export type IconId = (typeof iconIds)[number];
+export type IconProps = {
+    className?: Argument;
+    fill?: string;
+    size?: number;
+};
+/**
+ */
+export declare const ActivityIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const AddIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ArrowDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ArrowLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ArrowRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ArrowUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const BabyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CalendarHeatMapIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CalendarIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CaretDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CaretLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CaretRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CaretUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChartAverageIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CheckmarkFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CheckmarkOutlineIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChemistryIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChevronDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChevronLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChevronRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ChevronUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CloseIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CloseFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const CloseOutlineIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const DocumentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const DocumentAttachmentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const DownloadIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const DrugOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const EditIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const EventScheduleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const EventsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GenderFemaleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GenderMaleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GenderOtherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GenderUnknownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GenericOrderTypeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GroupIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const GroupAccessIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const HospitalBedIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ImageMedicalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const InformationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const InformationFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const InformationSquareIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const InventoryManagementIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const LabOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ListCheckedIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const LocationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MaterialOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MaximizeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MedicationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MessageQueueIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MicroscopeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Billing
+ */
+export declare const MoneyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MotherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const MovementIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const OverflowMenuHorizontalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const OverflowMenuVerticalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PasswordIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const PedestrianFamilyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const PenIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const PrinterIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ProcedureOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ProgramsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ReferralOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const RenewIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ReportIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ResetIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const SaveIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const SearchIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const SettingsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const SwitcherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Order Basket, the UI to enter Orders for Medications, Referrals, Labs, Procedures and more
+ */
+export declare const ShoppingCartIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Used as a button to add an item to the Order basket from a search
+ */
+export declare const ShoppingCartArrowDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Used as action button to open ward in-patient note workspace
+ */
+export declare const StickyNoteAddIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const SyringeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Used as a button to add an item to the Order basket from a search
+ */
+export declare const TableOfContentsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const TableIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Lab investigations
+ */
+export declare const TimeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ToolsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const TranslateIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const TrashCanIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const TreeViewAltIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * User of OpenMRS e.g. My Account
+ */
+export declare const UserAvatarIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const UserFollowIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * UserXray Icon
+ *
+ * `UserXrayIcon` is also used for imaging orders
+ */
+export declare const UserXrayIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const UserIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ViewOffIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const ViewIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const WarningIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ */
+export declare const AllergiesIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ *
+ */
+export declare const AttachmentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Conditions
+ *
+ * Note this is an alias for ListCheckedIcon
+ */
+export declare const ConditionsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ *
+ */
+export declare const RadiologyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * Used as a button to add an item to the Order basket from a search
+ *
+ * Note this is an alias for ShoppingCartArrowDownIcon
+ */
+export declare const ShoppingCartAddItemIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * This is a utility component that takes an `icon` and renders it if the sprite for the icon
+ * is available. The goal is to make it easier to conditionally render configuration-specified icons.
+ *
+ * @example
+ * ```tsx
+ *   <MaybeIcon icon='omrs-icon-baby' className={styles.myIconStyles} />
+ * ```
+ */
+export declare const MaybeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    icon: string | undefined;
+    fallback?: React.ReactNode;
+} & IconProps & React.RefAttributes<SVGSVGElement>>>;
+export type SvgIconProps = {
+    icon: IconId;
+    iconProps: IconProps;
+};
+/**
+ * This is a utility type for custom icons that use the svg-sprite-loader to bundle custom icons
+ */
+export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SVGSVGElement>>>;

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './icons';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/logo/index.d.ts

@@ -0,0 +1 @@
+export declare function setupLogo(): void;

package/dist/pictograms/pictogram-registration.d.ts

@@ -0,0 +1 @@
+export declare function setupPictograms(): void;

package/dist/pictograms/pictograms.d.ts

@@ -0,0 +1,64 @@
+/** @category Pictograms */
+import React from 'react';
+import { type Argument } from 'classnames';
+export declare const pictogramIds: readonly ["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"];
+export type PictogramId = (typeof pictogramIds)[number];
+export type PictogramProps = {
+    className?: Argument;
+    size?: number;
+};
+export declare const AppointmentsPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * @deprecated use AppointmentsPictogram instead
+ */
+export declare const AppointmentsAltPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const Assessment1Pictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const Assessment2Pictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const BloodBankPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const CardiologyPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const CtScanPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const DentistryPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const EmergencyDepartmentPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const FacilityPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const GeriatricsPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const GynaecologyPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const InPatientPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const LaboratoryPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const Labs2Pictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const ObstetricsPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PatientSearchPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PatientsPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PaymentsDeskPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PharmacyPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const Pharmacy2Pictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const RegistrationPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const ServiceQueuesPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const StockManagementPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const TransferPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const TriagePictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const XrayPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const HomePictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+export declare const PatientListsPictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+/**
+ * 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 declare const MaybePictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    pictogram: string;
+    fallback?: React.ReactNode;
+} & PictogramProps & React.RefAttributes<SVGSVGElement>>>;
+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 declare const Pictogram: React.MemoExoticComponent<React.ForwardRefExoticComponent<SvgPictogramProps & React.RefAttributes<SVGSVGElement>>>;

package/dist/svg-utils.d.ts

@@ -0,0 +1 @@
+export declare function addSvg(htmlId: string, svgString: string): void;

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Array of valid values for Carbon tag's "type" attribute.
+ * Options from https://react.carbondesignsystem.com/?path=/docs/components-tag--overview
+ */
+export declare const carbonTagColors: readonly ["red", "magenta", "purple", "blue", "teal", "cyan", "gray", "green", "warm-gray", "cool-gray", "high-contrast", "outline"];
+export type CarbonTagColor = (typeof carbonTagColors)[number];

package/dist/workspaces2/workspace2-close-prompt.modal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface WorkspaceUnsavedChangesModal {
+    onConfirm: () => void;
+    onCancel: () => void;
+    affectedWorkspaceTitles: string[];
+}
+/**
+ * This modal is used for prompting user to confirm closing currently opened workspace.
+ */
+declare const Workspace2ClosePromptModal: React.FC<WorkspaceUnsavedChangesModal>;
+export default Workspace2ClosePromptModal;

package/mock-jest.tsx

@@ -133,7 +133,32 @@ export const XrayPictogram = () => <span>XrayPictogram</span>;
 export const MaybeIcon = ({ icon }) => <span>{icon}</span>;
 export const MaybePictogram = ({ pictogram }) => <span>{pictogram}</span>;
 
-export { CardHeader, EmptyCard, ErrorCard, EmptyCardIllustration, Pagination, PageHeader, PageHeaderContent } from '.';
+// EmptyCardIllustration needs mocking because it uses SVG symbols registered by setupEmptyCard()
+export const EmptyCardIllustration = ({ width = '64', height = '64' }: { width?: string; height?: string }) => (
+  <svg width={width} height={height} data-testid="empty-card-illustration">
+    <rect width={width} height={height} />
+  </svg>
+);
+
+// EmptyCard needs mocking because it uses EmptyCardIllustration internally
+export const EmptyCard = ({
+  displayText,
+  headerTitle,
+  launchForm,
+}: {
+  displayText: string;
+  headerTitle: string;
+  launchForm?(): void;
+}) => (
+  <div data-testid="empty-card">
+    <h4>{headerTitle}</h4>
+    <EmptyCardIllustration />
+    <p>There are no {displayText} to display</p>
+    {launchForm && <button onClick={launchForm}>Record {displayText}</button>}
+  </div>
+);
+
+export { CardHeader, ErrorCard, Pagination, PageHeader, PageHeaderContent } from '@openmrs/esm-styleguide/src/internal';
 
 export const OpenmrsDatePicker = () => <span>OpenmrsDatePicker</span>;
 export const OpenmrsDateRangePicker = () => <span>OpenmrsDateRangePicker</span>;

package/mock.tsx

@@ -134,7 +134,32 @@ export const XrayPictogram = () => <span>XrayPictogram</span>;
 export const MaybeIcon = ({ icon }) => <span>{icon}</span>;
 export const MaybePictogram = ({ pictogram }) => <span>{pictogram}</span>;
 
-export { CardHeader, EmptyCard, ErrorCard, EmptyCardIllustration, Pagination, PageHeader, PageHeaderContent } from '.';
+// EmptyCardIllustration needs mocking because it uses SVG symbols registered by setupEmptyCard()
+export const EmptyCardIllustration = ({ width = '64', height = '64' }: { width?: string; height?: string }) => (
+  <svg width={width} height={height} data-testid="empty-card-illustration">
+    <rect width={width} height={height} />
+  </svg>
+);
+
+// EmptyCard needs mocking because it uses EmptyCardIllustration internally
+export const EmptyCard = ({
+  displayText,
+  headerTitle,
+  launchForm,
+}: {
+  displayText: string;
+  headerTitle: string;
+  launchForm?(): void;
+}) => (
+  <div data-testid="empty-card">
+    <h4>{headerTitle}</h4>
+    <EmptyCardIllustration />
+    <p>There are no {displayText} to display</p>
+    {launchForm && <button onClick={launchForm}>Record {displayText}</button>}
+  </div>
+);
+
+export { CardHeader, ErrorCard, Pagination, PageHeader, PageHeaderContent } from '@openmrs/esm-styleguide/src/internal';
 
 export const OpenmrsDatePicker = () => <span>OpenmrsDatePicker</span>;
 export const OpenmrsDateRangePicker = () => <span>OpenmrsDateRangePicker</span>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "8.0.1-pre.3612",
+  "version": "8.0.1-pre.3615",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "main": "dist/openmrs-esm-styleguide.js",
@@ -98,17 +98,17 @@
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "8.0.1-pre.3612",
-    "@openmrs/esm-config": "8.0.1-pre.3612",
-    "@openmrs/esm-emr-api": "8.0.1-pre.3612",
-    "@openmrs/esm-error-handling": "8.0.1-pre.3612",
-    "@openmrs/esm-extensions": "8.0.1-pre.3612",
-    "@openmrs/esm-globals": "8.0.1-pre.3612",
-    "@openmrs/esm-navigation": "8.0.1-pre.3612",
-    "@openmrs/esm-react-utils": "8.0.1-pre.3612",
-    "@openmrs/esm-state": "8.0.1-pre.3612",
-    "@openmrs/esm-translations": "8.0.1-pre.3612",
-    "@openmrs/esm-utils": "8.0.1-pre.3612",
+    "@openmrs/esm-api": "8.0.1-pre.3615",
+    "@openmrs/esm-config": "8.0.1-pre.3615",
+    "@openmrs/esm-emr-api": "8.0.1-pre.3615",
+    "@openmrs/esm-error-handling": "8.0.1-pre.3615",
+    "@openmrs/esm-extensions": "8.0.1-pre.3615",
+    "@openmrs/esm-globals": "8.0.1-pre.3615",
+    "@openmrs/esm-navigation": "8.0.1-pre.3615",
+    "@openmrs/esm-react-utils": "8.0.1-pre.3615",
+    "@openmrs/esm-state": "8.0.1-pre.3615",
+    "@openmrs/esm-translations": "8.0.1-pre.3615",
+    "@openmrs/esm-utils": "8.0.1-pre.3615",
     "@rspack/cli": "^1.3.11",
     "@rspack/core": "^1.3.11",
     "@types/geopattern": "^1.2.9",