@careevolution/mydatahelps-ui 2.7.5 → 2.8.1

package/dist/cjs/types/components/container/ConnectDevice/ConnectDevice.d.ts

@@ -2,13 +2,15 @@ import React from 'react';
 import { ExternalAccountStatus } from "@careevolution/mydatahelps-js";
 import "./ConnectDevice.css";
 export interface ConnectDeviceProps {
-    title?: string;
+    title: string;
     providerName: string;
-    providerIDCallback: () => number;
+    providerID: number;
     previewState?: ConnectDevicePreviewState;
     disabledBehavior?: 'hide' | 'displayError';
     dataCollectionProperty: string;
     innerRef?: React.Ref<HTMLDivElement>;
+    titleImage: React.ReactNode;
+    hideWhenConnected?: boolean;
 }
-export declare type ConnectDevicePreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export type ConnectDevicePreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
 export default function (props: ConnectDeviceProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/ConnectDevicesMenu/ConnectDevicesMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import "./ConnectDevicesMenu.css";
-export declare type DeviceAccountType = "Fitbit" | "Garmin" | "AppleHealth" | "GoogleFit" | "Omron";
+export type DeviceAccountType = "Fitbit" | "Garmin" | "AppleHealth" | "GoogleFit" | "Omron";
 export interface ConnectDevicesMenuProps {
     innerRef?: React.Ref<HTMLDivElement>;
     accountTypes?: DeviceAccountType[];

package/dist/cjs/types/components/container/ConnectEhr/ConnectEhr.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
 import "./ConnectEhr.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
+import { ColorDefinition } from '../../../helpers/colors';
 export interface ConnectEhrProps {
     applicationUrl: ConnectEhrApplicationUrl;
     previewState?: ConnectEhrPreviewState;
     disabledBehavior?: 'hide' | 'displayError';
     bottomBorder?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
+    variant?: "large" | "medium" | "small";
+    title?: string;
+    notConnectedText?: string;
+    connectedText?: string;
+    hideWhenConnected?: boolean;
+    buttonColor?: ColorDefinition;
 }
-export declare type ConnectEhrApplicationUrl = "preview" | string;
-export declare type ConnectEhrPreviewState = "notEnabled" | "enabled" | "enabledConnected" | "enabledNeedsAttention";
+export type ConnectEhrApplicationUrl = "preview" | string;
+export type ConnectEhrPreviewState = "notEnabled" | "enabled" | "enabledConnected" | "enabledNeedsAttention";
 export default function (props: ConnectEhrProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/ConnectEhr/ConnectEhr.stories.d.ts

@@ -0,0 +1,90 @@
+import React from "react";
+import ConnectEhr, { ConnectEhrProps } from "./ConnectEhr";
+declare const _default: {
+    title: string;
+    component: typeof ConnectEhr;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const NotEnabledDefault: {
+    args: {
+        previewState: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const NotEnabledHide: {
+    args: {
+        previewState: string;
+        disabledBehavior: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const Medium: {
+    args: {
+        previewState: string;
+        variant: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const Small: {
+    args: {
+        previewState: string;
+        variant: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const NotEnabledDisplayError: {
+    args: {
+        previewState: string;
+        disabledBehavior: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const Enabled: {
+    args: {
+        previewState: string;
+        applicationUrl: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const EnabledConnected: {
+    args: {
+        previewState: string;
+        applicationUrl: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const EnabledNeedsAttention: {
+    args: {
+        previewState: string;
+        applicationUrl: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const Live: {
+    args: {
+        disabledBehavior: string;
+        applicationUrl: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const CustomConnectedText: {
+    args: {
+        previewState: string;
+        applicationUrl: string;
+        title: string;
+        connectedText: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};
+export declare const CustomConnectText: {
+    args: {
+        previewState: string;
+        applicationUrl: string;
+        title: string;
+        connectedText: string;
+    };
+    render: (args: ConnectEhrProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/container/ConnectFitbit/ConnectFitbit.d.ts

@@ -6,6 +6,7 @@ export interface ConnectFitbitProps {
     previewState?: ConnectFitbitPreviewState;
     disabledBehavior?: 'hide' | 'displayError';
     innerRef?: React.Ref<HTMLDivElement>;
+    hideWhenConnected?: boolean;
 }
-export declare type ConnectFitbitPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export type ConnectFitbitPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
 export default function (props: ConnectFitbitProps): React.JSX.Element;

package/dist/cjs/types/components/container/ConnectGarmin/ConnectGarmin.d.ts

@@ -6,6 +6,7 @@ export interface ConnectGarminProps {
     previewState?: ConnectGarminPreviewState;
     disabledBehavior?: 'hide' | 'displayError';
     innerRef?: React.Ref<HTMLDivElement>;
+    hideWhenConnected?: boolean;
 }
-export declare type ConnectGarminPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
+export type ConnectGarminPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
 export default function (props: ConnectGarminProps): React.JSX.Element;

package/dist/cjs/types/components/container/ConnectedDevices/ConnectedDevices.d.ts

@@ -9,5 +9,5 @@ export interface ConnectedDevicesProps {
     previewData: DeviceDataPoint[];
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type ConnectedDevicesPreviewState = "notEnabled" | "notConnected" | "connected";
+export type ConnectedDevicesPreviewState = "notEnabled" | "notConnected" | "connected";
 export default function (props: ConnectedDevicesProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/DeviceDataMonthChart/DeviceDataMonthChart.d.ts

@@ -16,5 +16,5 @@ export interface DeviceDataChartLine {
     valueConverter?: Function;
     showAverage?: boolean;
 }
-export declare type DeviceDataMonthChartPreviewState = "WithData" | "NoData" | "Loading";
+export type DeviceDataMonthChartPreviewState = "WithData" | "NoData" | "Loading";
 export default function (props: DeviceDataMonthChartProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/DeviceDataMonthCharts/DeviceDataMonthCharts.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface DeviceDataMonthChartsProps {
     previewState?: DeviceDataMonthChartsPreviewState;
 }
-export declare type DeviceDataMonthChartsPreviewState = "Default" | "NoData";
+export type DeviceDataMonthChartsPreviewState = "Default" | "NoData";
 export default function (props: DeviceDataMonthChartsProps): React.JSX.Element;

package/dist/cjs/types/components/container/ExternalAccountList/ExternalAccountList.d.ts

@@ -6,5 +6,5 @@ export interface ExternalAccountListProps {
     onExternalAccountsLoaded?: (accounts: ExternalAccount[]) => void;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type NotificationListPreviewState = "Default";
+export type NotificationListPreviewState = "Default";
 export default function (props: ExternalAccountListProps): React.JSX.Element;

package/dist/cjs/types/components/container/ExternalAccountsPreview/ExternalAccountsPreview.d.ts

@@ -8,6 +8,6 @@ export interface ExternalAccountsPreviewProps {
     previewState?: ExternalAccountsPreviewPreviewState;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type ExternalAccountsApplicationUrl = "preview" | string;
-export declare type ExternalAccountsPreviewPreviewState = "Default";
+export type ExternalAccountsApplicationUrl = "preview" | string;
+export type ExternalAccountsPreviewPreviewState = "Default";
 export default function (props: ExternalAccountsPreviewProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/HealthPreviewSection/HealthPreviewSection.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./HealthPreviewSection.css";
-export declare type HealthPreviewSectionConcept = "Medications" | "Immunizations" | "Reports" | "Allergies" | "Conditions" | "Procedures";
+export type HealthPreviewSectionConcept = "Medications" | "Immunizations" | "Reports" | "Allergies" | "Conditions" | "Procedures";
 export interface HealthPreviewSectionProps {
     concept: HealthPreviewSectionConcept;
     onClick(): void;

package/dist/cjs/types/components/container/MonthCharts/MonthCharts.d.ts

@@ -8,5 +8,5 @@ export interface MonthChartsProps {
         syncId: string;
     }[];
 }
-export declare type MonthChartsPreviewState = "notEnabled" | "notConnected" | "connected";
+export type MonthChartsPreviewState = "notEnabled" | "notConnected" | "connected";
 export default function (props: MonthChartsProps): React.JSX.Element;

package/dist/cjs/types/components/container/MostRecentNotification/MostRecentNotification.d.ts

@@ -8,5 +8,5 @@ export interface MostRecentNotificationProps {
     previewState?: MostRecentNotificationPreviewState;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type MostRecentNotificationPreviewState = "Default";
+export type MostRecentNotificationPreviewState = "Default";
 export default function (props: MostRecentNotificationProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/NotificationList/NotificationList.d.ts

@@ -5,5 +5,5 @@ export interface NotificationListProps {
     previewState?: NotificationListPreviewState;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type NotificationListPreviewState = "Default" | "NoData";
+export type NotificationListPreviewState = "Default" | "NoData";
 export default function (props: NotificationListProps): React.JSX.Element;

package/dist/cjs/types/components/container/ProjectHeader/ProjectHeader.d.ts

@@ -4,5 +4,5 @@ export interface ProjectHeaderProps {
     previewState?: ProjectHeaderPropsPreviewState;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type ProjectHeaderPropsPreviewState = "Default";
+export type ProjectHeaderPropsPreviewState = "Default";
 export default function (props: ProjectHeaderProps): React.JSX.Element;

package/dist/cjs/types/components/container/ProjectSupport/ProjectSupport.d.ts

@@ -4,5 +4,5 @@ export interface ProjectSupportProps {
     previewState?: ProjectSupportPropsPreviewState;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type ProjectSupportPropsPreviewState = "Default";
+export type ProjectSupportPropsPreviewState = "Default";
 export default function (props: ProjectSupportProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/ProviderSearch/ProviderSearch.d.ts

@@ -8,5 +8,5 @@ export interface ProviderSearchProps {
     onProviderConnected?: (provider: ExternalAccountProvider) => void;
     innerRef?: React.Ref<HTMLDivElement>;
 }
-export declare type ProviderSearchPreviewState = "Default";
+export type ProviderSearchPreviewState = "Default";
 export default function (props: ProviderSearchProps): React.JSX.Element;

package/dist/cjs/types/components/container/RestingHeartRateCalendar/RestingHeartRateCalendar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import "./RestingHeartRateCalendar.css";
-export declare type RestingHeartRateCalendarPreviewState = "WithData" | "NoData" | "Loading";
+export type RestingHeartRateCalendarPreviewState = "WithData" | "NoData" | "Loading";
 export interface RestingHeartRateCalendarProps {
     month: number;
     year: number;

package/dist/cjs/types/components/container/SurveyTaskList/SurveyTaskList.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import "./SurveyTaskList.css";
 import { SurveyTaskStatus } from "@careevolution/mydatahelps-js";
+import { ColorDefinition } from '../../../helpers/colors';
+import { ButtonVariant } from '../../presentational/Button/Button';
 export interface SurveyTaskListProps {
     status: SurveyTaskStatus;
     limit?: number;
@@ -10,6 +12,11 @@ export interface SurveyTaskListProps {
     previewState?: SurveyTaskListListPreviewState;
     variant?: "noCard" | "singleCard" | "multiCard";
     innerRef?: React.Ref<HTMLDivElement>;
+    titleColor?: ColorDefinition;
+    cardBackgroundColor?: ColorDefinition;
+    cardStyle?: React.CSSProperties;
+    buttonVariant?: ButtonVariant;
+    buttonColor?: ColorDefinition;
 }
-export declare type SurveyTaskListListPreviewState = "IncompleteTasks" | "CompleteTasks";
+export type SurveyTaskListListPreviewState = "IncompleteTasks" | "CompleteTasks";
 export default function (props: SurveyTaskListProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/ViewEhr/ViewEhr.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ColorDefinition } from '../../../helpers/colors';
+import "./ViewEhr.css";
+import { ButtonVariant } from '../../presentational/Button/Button';
+export interface ViewEhrProps {
+    onClick(): void;
+    title?: string;
+    innerRef?: React.Ref<HTMLDivElement>;
+    previewState?: "fetchComplete" | "fetchingData";
+    buttonColor?: ColorDefinition;
+    buttonVariant?: ButtonVariant;
+}
+export default function (props: ViewEhrProps): React.JSX.Element | null;

package/dist/cjs/types/components/container/ViewEhr/ViewEhr.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import ViewEhr, { ViewEhrProps } from "./ViewEhr";
+declare const _default: {
+    title: string;
+    component: typeof ViewEhr;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        previewState: string;
+    };
+    render: (args: ViewEhrProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/container/ViewEhr/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ViewEhr";

package/dist/cjs/types/components/container/index.d.ts

@@ -24,3 +24,4 @@ export { default as ProviderSearch } from "./ProviderSearch";
 export { default as RelativeActivityToday } from "./RelativeActivityToday";
 export { default as RestingHeartRateCalendar } from "./RestingHeartRateCalendar";
 export { default as SurveyTaskList } from "./SurveyTaskList";
+export { default as ViewEhr } from "./ViewEhr";

package/dist/cjs/types/components/presentational/Action/Action.d.ts

@@ -2,19 +2,23 @@ import React, { ReactElement } from 'react';
 import '@fortawesome/fontawesome-svg-core/styles.css';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import "./Action.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface ActionProps {
     title?: string;
     titleIcon?: ReactElement;
     icon?: ReactElement;
     subtitle?: string;
-    indicatorIcon?: IconDefinition;
-    indicator?: ReactElement;
     onClick?: Function;
     children?: React.ReactNode;
     className?: string;
+    indicatorIcon?: IconDefinition;
+    indicator?: ReactElement;
     indicatorValue?: string;
     indicatorPosition?: "default" | "topRight";
     bottomBorder?: boolean;
-    innerRef?: React.Ref<HTMLButtonElement>;
+    innerRef?: React.Ref<HTMLDivElement>;
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
+    renderAs?: "div" | "button";
 }
 export default function (props: ActionProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Button/Button.d.ts

@@ -1,13 +1,17 @@
 import React from 'react';
 import "./Button.css";
+import { ColorDefinition } from '../../../helpers/colors';
+export type ButtonVariant = "default" | "subtle" | "light";
 export interface ButtonProps {
     children?: React.ReactNode;
     disabled?: boolean;
     onClick: Function;
     className?: string;
-    color?: string;
+    color?: ColorDefinition;
     loading?: boolean;
-    variant?: "default" | "subtle" | "light";
+    variant?: ButtonVariant;
     innerRef?: React.Ref<HTMLButtonElement>;
+    defaultMargin?: boolean;
+    fullWidth?: boolean;
 }
 export default function (props: ButtonProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Card/Card.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import "./Card.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface CardProps {
     className?: string;
     children?: React.ReactNode;
     allowOverflow?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
     variant?: "default" | "subtle" | "highlight";
+    backgroundColor?: ColorDefinition;
+    style?: React.CSSProperties;
 }
 export default function (props: CardProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/CardTitle/CardTitle.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import "./CardTitle.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface CardTitleProps {
     title: string;
     onDetailClick?: Function;
     detailLinkText?: string;
     innerRef?: React.Ref<HTMLDivElement>;
+    color?: ColorDefinition;
 }
 export default function (props: CardTitleProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Layout/Layout.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { StatusBarStyle } from '@careevolution/mydatahelps-js';
 import "./Layout.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface LayoutProps {
     children?: React.ReactNode;
-    bodyBackgroundColor?: string;
-    primaryColor?: string;
+    bodyBackgroundColor?: ColorDefinition;
+    primaryColor?: ColorDefinition;
     statusBarStyle?: StatusBarStyle;
     className?: string;
     noGlobalStyles?: boolean;

package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import "./NavigationBar.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
+import { ColorDefinition } from '../../../helpers/colors';
 export interface NavigationBarProps {
     title?: string;
     subtitle?: string;
@@ -11,5 +12,8 @@ export interface NavigationBarProps {
     backButtonText?: string;
     className?: string;
     variant?: "default" | "compressed";
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
+    buttonColor?: ColorDefinition;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Section/Section.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import "./Section.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface SectionProps {
     children?: React.ReactNode;
     className?: string;
     noTopMargin?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
+    backgroundColor?: ColorDefinition;
+    style?: React.CSSProperties;
 }
 export default function (props: SectionProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/SingleSurveyTask/SingleSurveyTask.d.ts

@@ -3,10 +3,14 @@ import "./SingleSurveyTask.css";
 import { SurveyTask } from "@careevolution/mydatahelps-js";
 import { IconDefinition } from '@fortawesome/fontawesome-common-types';
 import '@fortawesome/fontawesome-svg-core/styles.css';
+import { ColorDefinition } from '../../../helpers/colors';
+import { ButtonVariant } from '../Button/Button';
 export interface SingleSurveyTaskProps {
     task: SurveyTask;
     descriptionIcon?: IconDefinition;
     disableClick?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
+    buttonColor?: ColorDefinition;
+    buttonVariant?: ButtonVariant;
 }
 export default function (props: SingleSurveyTaskProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/TextBlock/TextBlock.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import "./TextBlock.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface TextBlockProps {
     children?: React.ReactNode;
     className?: string;
     innerRef?: React.Ref<HTMLDivElement>;
+    color?: ColorDefinition;
+    style?: React.CSSProperties;
 }
 export default function (props: TextBlockProps): React.JSX.Element | null;

package/dist/cjs/types/components/presentational/TextBlock/TextBlock.stories.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import TextBlock, { TextBlockProps } from "./TextBlock";
+declare const _default: {
+    title: string;
+    component: typeof TextBlock;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+    render: (args: TextBlockProps) => React.JSX.Element;
+};
+export declare const CustomStyle: {
+    args: {
+        style: {
+            marginTop: string;
+            marginBottom: string;
+            fontWeight: string;
+        };
+        children: string;
+    };
+    render: (args: TextBlockProps) => React.JSX.Element;
+};
+export declare const CustomColor: {
+    args: {
+        style: {
+            marginTop: string;
+            marginBottom: string;
+            color: string;
+        };
+        color: string;
+        children: string;
+    };
+    render: (args: TextBlockProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/presentational/Title/Title.d.ts

@@ -1,9 +1,15 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import "./Title.css";
+import { ColorDefinition } from "../../../helpers/colors";
 export interface TitleProps {
+    color?: ColorDefinition;
     order?: 1 | 2 | 3 | 4 | 5 | 6;
     children?: React.ReactNode;
     style?: React.CSSProperties;
     className?: string;
+    image?: ReactNode;
+    autosizeImage?: boolean;
+    imageAlignment?: "top" | "left";
+    defaultMargin?: boolean;
 }
 export default function (props: TitleProps): React.JSX.Element;

package/dist/cjs/types/components/presentational/Title/Title.stories.d.ts

@@ -8,6 +8,25 @@ declare const _default: {
     };
 };
 export default _default;
+export declare const ImageLeft: {
+    args: {
+        children: string;
+        order: number;
+        autosizeImage: boolean;
+        image: React.JSX.Element;
+    };
+    render: (args: TitleProps) => React.JSX.Element;
+};
+export declare const ImageTop: {
+    args: {
+        children: string;
+        order: number;
+        image: React.JSX.Element;
+        autosizeImage: boolean;
+        imageAlignment: string;
+    };
+    render: (args: TitleProps) => React.JSX.Element;
+};
 export declare const H1: {
     args: {
         children: string;

package/dist/cjs/types/components/presentational/ViewHeader/ViewHeader.d.ts

@@ -1,7 +1,10 @@
 import React from "react";
 import "./ViewHeader.css";
+import { ColorDefinition } from "../../../helpers/colors";
 export interface ViewHeaderProps {
     title?: string;
     subtitle?: string;
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
 }
 export default function (props: ViewHeaderProps): React.JSX.Element | null;

package/dist/cjs/types/components/view/BlankView/BlankView.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ColorDefinition } from '../../../helpers/colors';
 export interface BlankViewProps {
     children?: React.ReactNode;
     title?: string;
@@ -6,6 +7,10 @@ export interface BlankViewProps {
     showCloseButton?: boolean;
     showBackButton?: boolean;
     colorScheme?: "auto" | "light" | "dark";
-    primaryColor?: string;
+    primaryColor?: ColorDefinition;
+    bodyBackgroundColor?: ColorDefinition;
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
+    navigationBarButtonColor?: ColorDefinition;
 }
 export default function (props: BlankViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/ConnectEhrView/ConnectEhrView.d.ts

@@ -8,5 +8,5 @@ export interface ConnectEhrViewProps {
     preview?: boolean;
     colorScheme?: "auto" | "light" | "dark";
 }
-export declare type ViewPresentationType = "Modal" | "Push";
+export type ViewPresentationType = "Modal" | "Push";
 export default function (props: ConnectEhrViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/ExternalAccountsView/ExternalAccountsView.d.ts

@@ -7,5 +7,5 @@ export interface ExternalAccountsViewProps {
     preview?: boolean;
     colorScheme?: "auto" | "light" | "dark";
 }
-export declare type ViewPresentationType = "Modal" | "Push";
+export type ViewPresentationType = "Modal" | "Push";
 export default function (props: ExternalAccountsViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/NotificationsView/NotificationsView.d.ts

@@ -6,5 +6,5 @@ export interface NotificationsViewProps {
     preview?: boolean;
     colorScheme?: "auto" | "light" | "dark";
 }
-export declare type ViewPresentationType = "Modal" | "Push";
+export type ViewPresentationType = "Modal" | "Push";
 export default function (props: NotificationsViewProps): React.JSX.Element;

package/dist/cjs/types/components/view/SurveyTasksView/SurveyTasksView.d.ts

@@ -7,5 +7,5 @@ export interface SurveyTasksViewProps {
     preview?: boolean;
     colorScheme?: "auto" | "light" | "dark";
 }
-export declare type ViewPresentationType = "Modal" | "Push";
+export type ViewPresentationType = "Modal" | "Push";
 export default function (props: SurveyTasksViewProps): React.JSX.Element;