@careevolution/mydatahelps-ui 2.11.1-SSComponents.0 → 2.12.1-BPVizDeviceData.0

package/dist/cjs/types/components/asthma/model/types.d.ts

@@ -0,0 +1,66 @@
+import { ParticipantInfo } from '@careevolution/mydatahelps-js';
+export declare class AsthmaParticipant {
+    participantInfo: ParticipantInfo;
+    constructor(participantInfo: ParticipantInfo);
+    getFirstName(): string;
+    hasPairedDevice(): boolean;
+    hasEstablishedBaseline(): boolean;
+    getHomeAirQualityZipCode(): string;
+    getWorkAirQualityZipCode(): string;
+    getActionPlanTaskRunUUID(): string;
+    getDaytimeRestingHeartRateBaseline(): number | undefined;
+    getNighttimeRestingHeartRateBaseline(): number | undefined;
+    getRespiratoryRateBaseline(): number | undefined;
+    getStepsBaseline(): number | undefined;
+    getSleepDisturbancesBaseline(): number | undefined;
+    getDaytimeBloodOxygenLevelBaseline(): number | undefined;
+    getNighttimeBloodOxygenLevelBaseline(): number | undefined;
+    private hasEstablishedBaselineByType;
+    private getBaseline;
+    private getCustomFieldValue;
+}
+export interface AsthmaControlMetrics {
+    date: string;
+    nighttimeAwakeningDaysPast7: number;
+    limitedActivityDaysPast7: number;
+    inhalerUseDaysPast7: number;
+    symptomDaysPast7: number;
+    loggedDaysPast7: number;
+}
+export type AsthmaControlStatus = 'no-data' | 'not-controlled' | 'controlled' | 'not-determined';
+export interface AsthmaControlState {
+    status: AsthmaControlStatus;
+    symptomDaysPast7?: number;
+    nighttimeAwakeningDaysPast7?: number;
+    limitedActivityDaysPast7?: number;
+    inhalerUseDaysPast7?: number;
+}
+export type AsthmaDataStatus = 'not-configured' | 'not-found' | 'not-determined' | 'establishing' | 'offline' | 'in-range' | 'out-of-range';
+export type AsthmaBiometricType = 'daytime-resting-heart-rate' | 'nighttime-resting-heart-rate' | 'respiratory-rate' | 'steps' | 'sleep-disturbances' | 'daytime-blood-oxygen-level' | 'nighttime-blood-oxygen-level';
+export interface AsthmaBiometric {
+    type: AsthmaBiometricType;
+    status: AsthmaDataStatus;
+    value?: number;
+}
+export type AsthmaAirQualityType = 'work' | 'home';
+export interface AsthmaAirQuality {
+    type: AsthmaAirQualityType;
+    status: AsthmaDataStatus;
+    value?: number;
+    description?: string;
+}
+export type AsthmaSymptomLevel = 'none' | 'mild' | 'moderate' | 'severe';
+export type AsthmaSymptom = 'Difficulty breathing' | 'Wheezing' | 'Coughing' | 'Chest tightness or pressure';
+export type AsthmaImpact = 'Wake up at night' | 'Limit your daily activity' | 'Use your rescue inhaler';
+export type AsthmaTrigger = 'Cold/viral illness' | 'Animal exposure' | 'Seasonal allergens/pollen' | 'Smoke (tobacco or wood burning)' | 'Extreme weather changes' | 'Air pollution' | 'Strong smells' | 'Chemicals/cleaning supplies' | 'Dust' | 'Mold' | 'Dust mites' | 'Rodents' | 'Cockroaches' | 'Taken a NSAID (non-steroidal anti-inflammatory drugs including aspirin and ibuprofen)' | 'Taken a beta blocker' | 'Had heartburn' | 'Drank red wine' | 'Tried any new foods' | 'Cooked without a fan or open window' | 'Had a pet sleep in your bed' | 'Burned incense or a candle';
+export interface AsthmaLogEntry {
+    identifier: string;
+    symptomLevel: AsthmaSymptomLevel;
+    symptoms: AsthmaSymptom[];
+    impacts: AsthmaImpact[];
+    triggers: AsthmaTrigger[];
+}
+export interface AsthmaActionPlan {
+    id: string;
+    url: string;
+}

package/dist/cjs/types/components/asthma/views/AsthmaActionPlanView/AsthmaActionPlanView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AsthmaActionPlanViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'loading' | 'loaded without action plan' | 'loaded with action plan';
+    learnMoreUrl: string;
+    editActionPlanSurveyName: string;
+}
+export default function (props: AsthmaActionPlanViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaActionPlanView/AsthmaActionPlanView.stories.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import AsthmaActionPlanView, { AsthmaActionPlanViewProps } from './AsthmaActionPlanView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaActionPlanView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        previewState: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        previewState: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+    };
+    render: (args: AsthmaActionPlanViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaActionPlanView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaActionPlanView';

package/dist/cjs/types/components/asthma/views/AsthmaActivityView/AsthmaActivityView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AsthmaActivityViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    alert?: 'Steps';
+    logEntrySurveyName: string;
+}
+export default function (props: AsthmaActivityViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaActivityView/AsthmaActivityView.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import AsthmaActivityView, { AsthmaActivityViewProps } from './AsthmaActivityView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaActivityView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface AsthmaActivityViewStoryArgs extends AsthmaActivityViewProps {
+    withAlert: boolean;
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        withAlert: boolean;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        withAlert: {
+            name: string;
+        };
+    };
+    render: (args: AsthmaActivityViewStoryArgs) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaActivityView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaActivityView';

package/dist/cjs/types/components/asthma/views/AsthmaAirQualityView/AsthmaAirQualityView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AsthmaAirQualityViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    alert?: 'HomeAirQuality' | 'WorkAirQuality';
+    logEntrySurveyName: string;
+}
+export default function (props: AsthmaAirQualityViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaAirQualityView/AsthmaAirQualityView.stories.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import AsthmaAirQualityView, { AsthmaAirQualityViewProps } from './AsthmaAirQualityView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaAirQualityView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface AsthmaAirQualityViewStoryArgs extends AsthmaAirQualityViewProps {
+    withAlert: boolean;
+    alertType: 'HomeAirQuality' | 'WorkAirQuality';
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        withAlert: boolean;
+        alertType: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        withAlert: {
+            name: string;
+        };
+        alertType: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+    };
+    render: (args: AsthmaAirQualityViewStoryArgs) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaAirQualityView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaAirQualityView';

package/dist/cjs/types/components/asthma/views/AsthmaAlertTakeoverView/AsthmaAlertTakeoverView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AsthmaAlertTakeoverViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    logEntrySurveyName: string;
+}
+export default function (props: AsthmaAlertTakeoverViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaAlertTakeoverView/AsthmaAlertTakeoverView.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import AsthmaAlertTakeoverView, { AsthmaAlertTakeoverViewProps } from './AsthmaAlertTakeoverView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaAlertTakeoverView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        colorScheme: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+    };
+    render: (args: AsthmaAlertTakeoverViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaAlertTakeoverView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaAlertTakeoverView';

package/dist/cjs/types/components/asthma/views/AsthmaDayView/AsthmaDayView.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface AsthmaDayViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    date: Date;
+    logTodayEntrySurveyName: string;
+    logYesterdayEntrySurveyName: string;
+    editLogEntryUrl: string;
+    logEntryInfoUrl: string;
+    heartAndLungsUrl: string;
+    activityUrl: string;
+    sleepUrl: string;
+    airQualityUrl: string;
+}
+export default function (props: AsthmaDayViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaDayView/AsthmaDayView.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import AsthmaDayView, { AsthmaDayViewProps } from './AsthmaDayView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaDayView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        colorScheme: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+    };
+    render: (args: AsthmaDayViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaDayView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaDayView';

package/dist/cjs/types/components/asthma/views/AsthmaHeartAndLungsView/AsthmaHeartAndLungsView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AsthmaHeartAndLungsViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    alert?: 'DaytimeRestingHeartRate' | 'NighttimeRestingHeartRate' | 'RespiratoryRate' | 'DaytimeBloodOxygenLevel' | 'NighttimeBloodOxygenLevel';
+    logEntrySurveyName: string;
+}
+export default function (props: AsthmaHeartAndLungsViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaHeartAndLungsView/AsthmaHeartAndLungsView.stories.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import AsthmaHeartAndLungsView, { AsthmaHeartAndLungsViewProps } from './AsthmaHeartAndLungsView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaHeartAndLungsView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface AsthmaHeartAndLungsViewStoryArgs extends AsthmaHeartAndLungsViewProps {
+    withAlert: boolean;
+    alertType: 'DaytimeRestingHeartRate' | 'NighttimeRestingHeartRate' | 'RespiratoryRate' | 'DaytimeBloodOxygenLevel' | 'NighttimeBloodOxygenLevel';
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        withAlert: boolean;
+        alertType: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        withAlert: {
+            name: string;
+        };
+        alertType: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+    };
+    render: (args: AsthmaHeartAndLungsViewStoryArgs) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaHeartAndLungsView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaHeartAndLungsView';

package/dist/cjs/types/components/asthma/views/AsthmaLogEntryEditorView/AsthmaLogEntryEditorView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AsthmaLogEntryEditorViewPreviewState } from './AsthmaLogEntryEditorView.previewData';
+export interface AsthmaLogEntryEditorViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'loading' | AsthmaLogEntryEditorViewPreviewState;
+    date: Date;
+}
+export default function (props: AsthmaLogEntryEditorViewProps): React.JSX.Element | null;

package/dist/cjs/types/components/asthma/views/AsthmaLogEntryEditorView/AsthmaLogEntryEditorView.previewData.d.ts

@@ -0,0 +1,6 @@
+import { AsthmaLogEntry } from '../../model';
+export type AsthmaLogEntryEditorViewPreviewState = 'no symptoms' | 'mild symptoms' | 'moderate symptoms' | 'severe symptoms';
+export interface AsthmaLogEntryEditorViewPreviewData {
+    logEntry?: AsthmaLogEntry;
+}
+export declare const previewData: Record<AsthmaLogEntryEditorViewPreviewState, AsthmaLogEntryEditorViewPreviewData>;

package/dist/cjs/types/components/asthma/views/AsthmaLogEntryEditorView/AsthmaLogEntryEditorView.stories.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import AsthmaLogEntryEditorView, { AsthmaLogEntryEditorViewProps } from './AsthmaLogEntryEditorView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaLogEntryEditorView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        previewState: string;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        previewState: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+    };
+    render: (args: AsthmaLogEntryEditorViewProps) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaLogEntryEditorView/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './AsthmaLogEntryEditorView';
+export { AsthmaLogEntryEditorViewPreviewState } from './AsthmaLogEntryEditorView.previewData';

package/dist/cjs/types/components/asthma/views/AsthmaSleepView/AsthmaSleepView.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AsthmaSleepViewProps {
+    colorScheme?: 'light' | 'dark' | 'auto';
+    previewState?: 'default';
+    alert?: 'SleepDisturbances';
+    logEntrySurveyName: string;
+}
+export default function (props: AsthmaSleepViewProps): React.JSX.Element;

package/dist/cjs/types/components/asthma/views/AsthmaSleepView/AsthmaSleepView.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import AsthmaSleepView, { AsthmaSleepViewProps } from './AsthmaSleepView';
+declare const _default: {
+    title: string;
+    component: typeof AsthmaSleepView;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface AsthmaSleepViewStoryArgs extends AsthmaSleepViewProps {
+    withAlert: boolean;
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        withAlert: boolean;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        withAlert: {
+            name: string;
+        };
+    };
+    render: (args: AsthmaSleepViewStoryArgs) => React.JSX.Element;
+};

package/dist/cjs/types/components/asthma/views/AsthmaSleepView/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AsthmaSleepView';

package/dist/cjs/types/components/asthma/views/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AsthmaActionPlanView } from './AsthmaActionPlanView';
+export { default as AsthmaActivityView } from './AsthmaActivityView';
+export { default as AsthmaAirQualityView } from './AsthmaAirQualityView';
+export { default as AsthmaAlertTakeoverView } from './AsthmaAlertTakeoverView';
+export { default as AsthmaDayView } from './AsthmaDayView';
+export { default as AsthmaHeartAndLungsView } from './AsthmaHeartAndLungsView';
+export { default as AsthmaLogEntryEditorView, AsthmaLogEntryEditorViewPreviewState } from './AsthmaLogEntryEditorView';
+export { default as AsthmaSleepView } from './AsthmaSleepView';

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

@@ -1,12 +1,13 @@
 import "./BloodPressureVisualization.css";
 import React from "react";
 import { WeekStartsOn } from "../../../helpers/get-interval-start";
-import { SurveyBloodPressureDataParameters } from "../../../helpers/blood-pressure-data-providers";
+import { BloodPressureDeviceDataSource, SurveyBloodPressureDataParameters } from "../../../helpers/blood-pressure-data-providers";
 export type BloodPressurePreviewState = "Default" | "NoData" | "Loading";
 export interface BloodPressureVisualizationProps {
     previewState?: BloodPressurePreviewState;
-    surveyDataSource: SurveyBloodPressureDataParameters;
+    surveyDataSource?: SurveyBloodPressureDataParameters;
     weekStartsOn?: WeekStartsOn;
+    deviceDataSource?: BloodPressureDeviceDataSource[];
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: BloodPressureVisualizationProps): React.JSX.Element;

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

@@ -38,6 +38,7 @@ export declare const Live: {
             systolicResultIdentifier: string;
             diastolicResultIdentifier: string;
         };
+        deviceDataSource: string[];
     };
     render: (args: BloodPressureVisualizationProps) => React.JSX.Element;
 };

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { DailyDataQueryResult } from '../../../helpers/query-daily-data';
+import { AxisDomain } from 'recharts/types/util/types';
+import './RecentDailyDataBarChart.css';
+export interface RecentDailyDataBarChartProps {
+    previewState?: 'loading' | 'loaded without data' | 'loaded with data';
+    previewDataProvider?: (start: Date, end: Date) => Promise<DailyDataQueryResult>;
+    title: string;
+    dailyDataType: string;
+    domain?: AxisDomain;
+    emptyDomain?: AxisDomain;
+    valueConverter?: (rawValue: number) => number;
+    valueFormatter?: (value: number) => string;
+    highlight?: (rawValue: number) => boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: RecentDailyDataBarChartProps): React.JSX.Element;

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import RecentDailyDataBarChart, { RecentDailyDataBarChartProps } from './RecentDailyDataBarChart';
+declare const _default: {
+    title: string;
+    component: typeof RecentDailyDataBarChart;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+interface RecentDailyDataBarChartStoryArgs extends RecentDailyDataBarChartProps {
+    colorScheme: 'auto' | 'light' | 'dark';
+    thresholdValue: number;
+    thresholdComparison: 'less than' | 'more than';
+    withEmptyDomain: boolean;
+}
+export declare const Default: {
+    args: {
+        colorScheme: string;
+        previewState: string;
+        title: string;
+        thresholdValue: number;
+        thresholdComparison: string;
+        withEmptyDomain: boolean;
+    };
+    argTypes: {
+        colorScheme: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        previewState: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        thresholdValue: {
+            name: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        thresholdComparison: {
+            name: string;
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        withEmptyDomain: {
+            name: string;
+        };
+    };
+    render: (args: RecentDailyDataBarChartStoryArgs) => React.JSX.Element;
+};

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

@@ -0,0 +1 @@
+export { default } from './RecentDailyDataBarChart';

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

@@ -25,6 +25,7 @@ export { default as PlatformSpecificContent } from "./PlatformSpecificContent";
 export { default as ProjectHeader } from "./ProjectHeader";
 export { default as ProjectSupport } from "./ProjectSupport";
 export { default as ProviderSearch } from "./ProviderSearch";
+export { default as RecentDailyDataBarChart } from "./RecentDailyDataBarChart";
 export { default as RelativeActivityToday } from "./RelativeActivityToday";
 export { default as RestingHeartRateCalendar } from "./RestingHeartRateCalendar";
 export { default as SurveyTaskList } from "./SurveyTaskList";

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

@@ -1,5 +1,6 @@
-export * from './presentational';
+export * from './asthma';
 export * from './container';
+export * from './presentational';
+export * from './step';
 export * from './symptom-shark';
 export * from './view';
-export * from './step';

package/dist/cjs/types/components/presentational/DateRangeCoordinator/index.d.ts

@@ -1 +1 @@
-export { default, DateRangeContext } from "./DateRangeCoordinator";
+export { default, DateRangeContext } from './DateRangeCoordinator';

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

@@ -1,2 +1 @@
-export { default } from "./Layout";
-export { LayoutContext } from "./Layout";
+export { default, LayoutContext } from './Layout';

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

@@ -17,5 +17,6 @@ export interface NavigationBarProps {
     buttonColor?: ColorDefinition;
     navigationBarLeft?: React.ReactNode;
     navigationBarRight?: React.ReactNode;
+    backgroundColor?: ColorDefinition;
 }
 export default function (props: NavigationBarProps): React.JSX.Element;

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

@@ -9,6 +9,7 @@ export interface ResourceProps {
     imageAlignment?: ResourceImageAlignment;
     buttonText?: string;
     onClick: () => void;
+    hideButton?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
 }
 export default function (props: ResourceProps): React.JSX.Element;

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

@@ -14,6 +14,7 @@ export declare const Default: {
         subTitle: string;
         imageUrl: any;
         imageAlignment: string;
+        hideButton: boolean;
         buttonText: string;
     };
     argTypes: {
@@ -28,8 +29,15 @@ export declare const Default: {
             control: string;
             options: string[];
         };
+        hideButton: {
+            name: string;
+        };
         buttonText: {
             name: string;
+            if: {
+                arg: string;
+                eq: boolean;
+            };
         };
     };
     render: (args: ResourceProps) => React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import './ResourceList.css';
+import { ResourceImageAlignment } from '../../presentational';
+import { ResourceListPreviewState } from './ResourceList.previewData';
+export interface ResourceDefinition {
+    title: string;
+    subTitle?: string;
+    url: string;
+    imageUrl?: string;
+}
+export interface ResourceListProps {
+    previewState?: ResourceListPreviewState;
+    resources: ResourceDefinition[];
+    onViewResource: (resource: ResourceDefinition) => void;
+    emptyText?: string;
+    imageAlignment?: ResourceImageAlignment;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+export default function (props: ResourceListProps): React.JSX.Element;