@careevolution/mydatahelps-ui 1.8.0 → 1.8.1

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

@@ -1,3 +1,4 @@
 export * from './presentational';
 export * from './container';
 export * from './view';
+export * from './step';

package/dist/esm/types/components/step/StepDetailText/StepDetailText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './StepDetailText.css';
+import { StepElementProps } from '../shared';
+export default function (props: StepElementProps): JSX.Element | null;

package/dist/esm/types/components/step/StepDetailText/StepDetailText.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import StepDetailText from "./StepDetailText";
+declare const _default: ComponentMeta<typeof StepDetailText>;
+export default _default;
+export declare const StepDetailTextDefault: ComponentStory<typeof StepDetailText>;
+export declare const StepDetailTextMarkdown: ComponentStory<typeof StepDetailText>;
+export declare const StepDetailTextCustomStyle: ComponentStory<typeof StepDetailText>;

package/dist/esm/types/components/step/StepDetailText/index.d.ts

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

package/dist/esm/types/components/step/StepLayout/StepLayout.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './StepLayout.css';
+export interface StepLayoutProps {
+    children?: React.ReactNode;
+}
+export default function (props: StepLayoutProps): JSX.Element;

package/dist/esm/types/components/step/StepLayout/index.d.ts

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

package/dist/esm/types/components/step/StepMarkdown/StepMarkdown.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface StepMarkdownProps {
+    text: string;
+    inline?: boolean;
+}
+export default function (props: StepMarkdownProps): JSX.Element;

package/dist/esm/types/components/step/StepMarkdown/index.d.ts

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

package/dist/esm/types/components/step/StepNextButton/StepNextButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { StepElementProps } from '../shared';
+import './StepNextButton.css';
+export interface StepNextButtonProps extends StepElementProps {
+    backgroundColor: string;
+    letterSpacing: string;
+    textTransform: string;
+    gradient: any;
+    onClick(): void;
+}
+export default function (props: StepNextButtonProps): JSX.Element;

package/dist/esm/types/components/step/StepNextButton/StepNextButton.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import StepNextButton from "./StepNextButton";
+declare const _default: ComponentMeta<typeof StepNextButton>;
+export default _default;
+export declare const StepNextButtonDefault: ComponentStory<typeof StepNextButton>;
+export declare const StepNextButtonCustomText: ComponentStory<typeof StepNextButton>;
+export declare const StepNextButtonCustomStyle: ComponentStory<typeof StepNextButton>;
+export declare const StepNextButtonGradient: ComponentStory<typeof StepNextButton>;

package/dist/esm/types/components/step/StepNextButton/index.d.ts

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

package/dist/esm/types/components/step/StepText/StepText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './StepText.css';
+import { StepElementProps } from '../shared';
+export default function (props: StepElementProps): JSX.Element | null;

package/dist/esm/types/components/step/StepText/StepText.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import StepText from "./StepText";
+declare const _default: ComponentMeta<typeof StepText>;
+export default _default;
+export declare const StepTextDefault: ComponentStory<typeof StepText>;
+export declare const StepTextMarkdown: ComponentStory<typeof StepText>;
+export declare const StepTextCustomStyle: ComponentStory<typeof StepText>;

package/dist/esm/types/components/step/StepText/index.d.ts

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

package/dist/esm/types/components/step/StepTitle/StepTitle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './StepTitle.css';
+import { StepElementProps } from '../shared';
+export default function (props: StepElementProps): JSX.Element | null;

package/dist/esm/types/components/step/StepTitle/StepTitle.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import StepTitle from "./StepTitle";
+declare const _default: ComponentMeta<typeof StepTitle>;
+export default _default;
+export declare const StepTitleDefault: ComponentStory<typeof StepTitle>;
+export declare const StepTitleMarkdownItalics: ComponentStory<typeof StepTitle>;
+export declare const StepTitleCustomStyle: ComponentStory<typeof StepTitle>;

package/dist/esm/types/components/step/StepTitle/index.d.ts

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

package/dist/esm/types/components/step/YouTubeStep/YouTubeStep.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface YouTubeStepProps {
+    title?: string;
+    text?: string;
+    transcript?: string;
+    videoId: string;
+    nextButtonText?: string;
+    height?: string;
+    styles: {
+        [key: string]: any;
+    };
+}
+export default function (props: YouTubeStepProps): JSX.Element;

package/dist/esm/types/components/step/YouTubeStep/YouTubeStep.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import YouTubeStep from "./YouTubeStep";
+declare const _default: ComponentMeta<typeof YouTubeStep>;
+export default _default;
+export declare const YouTubeStepDefault: ComponentStory<typeof YouTubeStep>;
+export declare const YouTubeStepCustomStyling: ComponentStory<typeof YouTubeStep>;
+export declare const YouTubeStepEmpty: ComponentStory<typeof YouTubeStep>;

package/dist/esm/types/components/step/YouTubeStep/index.d.ts

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

package/dist/esm/types/components/step/YouTubeStepContainer/YouTubeStepContainer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function (): JSX.Element;

package/dist/esm/types/components/step/YouTubeStepContainer/YouTubeStepContainer.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import YouTubeStepContainer from "./YouTubeStepContainer";
+declare const _default: ComponentMeta<typeof YouTubeStepContainer>;
+export default _default;
+export declare const YouTubeStepContainerDefault: ComponentStory<typeof YouTubeStepContainer>;

package/dist/esm/types/components/step/YouTubeStepContainer/index.d.ts

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

package/dist/esm/types/components/step/index.d.ts

@@ -0,0 +1,8 @@
+export { default as StepMarkdown } from "./StepMarkdown";
+export { default as StepLayout } from "./StepLayout";
+export { default as StepTitle } from "./StepTitle";
+export { default as StepText } from "./StepText";
+export { default as StepDetailText } from "./StepDetailText";
+export { default as StepNextButton } from "./StepNextButton";
+export { default as YouTubeStep } from "./YouTubeStep";
+export { default as YouTubeStepContainer } from "./YouTubeStepContainer";

package/dist/esm/types/components/step/shared.d.ts

@@ -0,0 +1,7 @@
+export interface StepElementProps {
+    text?: string;
+    textAlign?: any;
+    color?: string;
+    fontSize?: string;
+    fontWeight?: string;
+}

package/dist/esm/types/components/step/step-helpers.d.ts

@@ -0,0 +1,8 @@
+import { StepElementProps } from "./shared";
+export default function stepElementStyle(props: StepElementProps): {
+    textAlign: any;
+    color: string | undefined;
+    fontSize: string | undefined;
+    fontWeight: string | undefined;
+    backgroundImage: string;
+};

package/dist/index.d.ts

@@ -12,7 +12,7 @@ interface ActionProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function export_default$J(props: ActionProps): JSX.Element;
+declare function export_default$R(props: ActionProps): JSX.Element;
 
 interface ActivityMeterProps {
     label: string;
@@ -23,7 +23,7 @@ interface ActivityMeterProps {
     color: string;
     message?: string;
 }
-declare function export_default$I(props: ActivityMeterProps): JSX.Element;
+declare function export_default$Q(props: ActivityMeterProps): JSX.Element;
 
 interface ButtonProps {
     children?: React.ReactNode;
@@ -34,7 +34,7 @@ interface ButtonProps {
     disabled?: boolean;
     onClick: Function;
 }
-declare function export_default$H(props: ButtonProps): JSX.Element;
+declare function export_default$P(props: ButtonProps): JSX.Element;
 
 interface CalendarProps {
     month: number;
@@ -42,34 +42,34 @@ interface CalendarProps {
     dayRenderer(year: number, month: number, day?: number): JSX.Element | null;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
-declare function export_default$G(props: CalendarProps): JSX.Element;
+declare function export_default$O(props: CalendarProps): JSX.Element;
 
 interface CardProps {
     className?: string;
     children?: React.ReactNode;
     allowOverflow?: boolean;
 }
-declare function export_default$F(props: CardProps): JSX.Element | null;
+declare function export_default$N(props: CardProps): JSX.Element | null;
 
 interface CardTitleProps {
     title: string;
     onDetailClick?: Function;
     detailLinkText?: string;
 }
-declare function export_default$E(props: CardTitleProps): JSX.Element;
+declare function export_default$M(props: CardTitleProps): JSX.Element;
 
 interface DateRangeNavigatorProps {
     intervalType: "Week" | "Month";
     intervalStart: Date;
     onIntervalChange(newIntervalStart: Date, newIntervalEnd: Date): void;
 }
-declare function export_default$D(props: DateRangeNavigatorProps): JSX.Element;
+declare function export_default$L(props: DateRangeNavigatorProps): JSX.Element;
 
 interface DayTrackerSymbolProps {
     primaryColors: string[];
     secondaryColors: string[];
 }
-declare function export_default$C(props: DayTrackerSymbolProps): JSX.Element;
+declare function export_default$K(props: DayTrackerSymbolProps): JSX.Element;
 
 interface FaceProps {
     faceValue?: number;
@@ -77,7 +77,7 @@ interface FaceProps {
     onClick?: MouseEventHandler;
     className?: string;
 }
-declare function export_default$B(props: FaceProps): JSX.Element;
+declare function export_default$J(props: FaceProps): JSX.Element;
 
 interface HistogramProps {
     entries: {
@@ -86,7 +86,7 @@ interface HistogramProps {
         value: number;
     }[];
 }
-declare function export_default$A(props: HistogramProps): JSX.Element;
+declare function export_default$I(props: HistogramProps): JSX.Element;
 
 interface LayoutProps {
     children?: React.ReactNode;
@@ -94,7 +94,7 @@ interface LayoutProps {
     bodyBackgroundColor?: string;
     statusBarStyle?: StatusBarStyle;
 }
-declare function export_default$z(props: LayoutProps): JSX.Element;
+declare function export_default$H(props: LayoutProps): JSX.Element;
 
 declare function LoadingIndicator(): JSX.Element;
 
@@ -106,12 +106,12 @@ interface NavigationBarProps {
     closeButtonText?: string;
     backButtonText?: string;
 }
-declare function export_default$y(props: NavigationBarProps): JSX.Element;
+declare function export_default$G(props: NavigationBarProps): JSX.Element;
 
 interface SectionProps {
     children?: React.ReactNode;
 }
-declare function export_default$x(props: SectionProps): JSX.Element | null;
+declare function export_default$F(props: SectionProps): JSX.Element | null;
 
 interface SegmentedControlProps {
     segments: {
@@ -121,21 +121,21 @@ interface SegmentedControlProps {
     selectedSegment: string;
     onSegmentSelected: Function;
 }
-declare function export_default$w(props: SegmentedControlProps): JSX.Element;
+declare function export_default$E(props: SegmentedControlProps): JSX.Element;
 
-declare function export_default$v(): JSX.Element;
+declare function export_default$D(): JSX.Element;
 
 interface SingleExternalAccountProps {
     externalAccount: ExternalAccount;
     onAccountRemoved: (account: ExternalAccount) => void;
     onReconnectAccount: (account: ExternalAccount) => void;
 }
-declare function export_default$u(props: SingleExternalAccountProps): JSX.Element;
+declare function export_default$C(props: SingleExternalAccountProps): JSX.Element;
 
 interface SingleNotificationProps {
     notification: Notification;
 }
-declare function export_default$t(props: SingleNotificationProps): JSX.Element;
+declare function export_default$B(props: SingleNotificationProps): JSX.Element;
 
 interface SingleSurveyTaskProps {
     task: SurveyTask;
@@ -143,7 +143,7 @@ interface SingleSurveyTaskProps {
     hideDueDate?: boolean;
     disableClick?: boolean;
 }
-declare function export_default$s(props: SingleSurveyTaskProps): JSX.Element | null;
+declare function export_default$A(props: SingleSurveyTaskProps): JSX.Element | null;
 
 interface SparkBarChartProps {
     averageFillPercent: number;
@@ -153,14 +153,14 @@ interface SparkBarChartBar {
     color: string;
     barFillPercent: number;
 }
-declare function export_default$r(props: SparkBarChartProps): JSX.Element;
+declare function export_default$z(props: SparkBarChartProps): JSX.Element;
 
 interface SwitchProps {
     isOn: Boolean;
     onBackgroundColor?: string;
     onValueChanged(value: boolean): void;
 }
-declare function export_default$q(props: SwitchProps): JSX.Element;
+declare function export_default$y(props: SwitchProps): JSX.Element;
 
 interface StatusBarBackgroundProps {
     color?: string;
@@ -170,7 +170,7 @@ declare function StatusBarBackgroundProps(props: StatusBarBackgroundProps): JSX.
 interface TextBlockProps {
     children?: React.ReactNode;
 }
-declare function export_default$p(props: TextBlockProps): JSX.Element | null;
+declare function export_default$x(props: TextBlockProps): JSX.Element | null;
 
 interface TrackerItemProps {
     selected: boolean;
@@ -180,7 +180,7 @@ interface TrackerItemProps {
     badge?: string;
     onClick?: Function;
 }
-declare function export_default$o(props: TrackerItemProps): JSX.Element;
+declare function export_default$w(props: TrackerItemProps): JSX.Element;
 
 interface WeekCalendarProps {
     selectedDate?: Date;
@@ -191,7 +191,7 @@ interface WeekCalendarProps {
     onStartDateChange?(startDate: Date): void;
     dayRenderer(year: number, month: number, day: number, selectedWeek: boolean): JSX.Element | null;
 }
-declare function export_default$n(props: WeekCalendarProps): JSX.Element;
+declare function export_default$v(props: WeekCalendarProps): JSX.Element;
 
 interface ConnectEhrProps {
     applicationUrl: ConnectEhrApplicationUrl;
@@ -200,7 +200,7 @@ interface ConnectEhrProps {
 }
 declare type ConnectEhrApplicationUrl = "preview" | string;
 declare type ConnectEhrPreviewState = "notEnabled" | "enabled" | "enabledConnected" | "enabledNeedsAttention";
-declare function export_default$m(props: ConnectEhrProps): JSX.Element | null;
+declare function export_default$u(props: ConnectEhrProps): JSX.Element | null;
 
 interface ConnectFitbitProps {
     title?: string;
@@ -209,7 +209,7 @@ interface ConnectFitbitProps {
     disabledBehavior?: 'hide' | 'displayError';
 }
 declare type ConnectFitbitPreviewState = ExternalAccountStatus | "notConnected" | "notEnabled";
-declare function export_default$l(props: ConnectFitbitProps): JSX.Element | null;
+declare function export_default$t(props: ConnectFitbitProps): JSX.Element | null;
 
 interface DeviceDataMonthChartProps {
     lines: DeviceDataChartLine[];
@@ -227,13 +227,13 @@ interface DeviceDataChartLine {
     showAverage?: boolean;
 }
 declare type DeviceDataMonthChartPreviewState = "WithData" | "NoData" | "Loading";
-declare function export_default$k(props: DeviceDataMonthChartProps): JSX.Element | null;
+declare function export_default$s(props: DeviceDataMonthChartProps): JSX.Element | null;
 
 interface DeviceDataMonthChartsProps {
     previewState?: DeviceDataMonthChartsPreviewState;
 }
 declare type DeviceDataMonthChartsPreviewState = "Default" | "NoData";
-declare function export_default$j(props: DeviceDataMonthChartsProps): JSX.Element;
+declare function export_default$r(props: DeviceDataMonthChartsProps): JSX.Element;
 
 interface ExternalAccountListProps {
     externalAccountProviderCategories?: string[];
@@ -241,7 +241,7 @@ interface ExternalAccountListProps {
     onExternalAccountsLoaded?: (accounts: ExternalAccount[]) => void;
 }
 declare type NotificationListPreviewState$1 = "Default";
-declare function export_default$i(props: ExternalAccountListProps): JSX.Element;
+declare function export_default$q(props: ExternalAccountListProps): JSX.Element;
 
 interface ExternalAccountsPreviewProps {
     excludeProviders?: boolean;
@@ -252,19 +252,19 @@ interface ExternalAccountsPreviewProps {
 }
 declare type ExternalAccountsApplicationUrl = "preview" | string;
 declare type ExternalAccountsPreviewPreviewState = "Default";
-declare function export_default$h(props: ExternalAccountsPreviewProps): JSX.Element | null;
+declare function export_default$p(props: ExternalAccountsPreviewProps): JSX.Element | null;
 
 interface FitbitDevicesProps {
     previewState?: FitbitDevicesPreviewState;
 }
 declare type FitbitDevicesPreviewState = "notEnabled" | "notConnected" | "connected";
-declare function export_default$g(props: FitbitDevicesProps): JSX.Element | null;
+declare function export_default$o(props: FitbitDevicesProps): JSX.Element | null;
 
 interface FitbitMonthChartsProps {
     previewState?: FitbitMonthChartsPreviewState;
 }
 declare type FitbitMonthChartsPreviewState = "notEnabled" | "notConnected" | "connected";
-declare function export_default$f(props: FitbitMonthChartsProps): JSX.Element;
+declare function export_default$n(props: FitbitMonthChartsProps): JSX.Element;
 
 interface MostRecentNotificationProps {
     notificationType?: NotificationType;
@@ -273,39 +273,39 @@ interface MostRecentNotificationProps {
     previewState?: MostRecentNotificationPreviewState;
 }
 declare type MostRecentNotificationPreviewState = "Default";
-declare function export_default$e(props: MostRecentNotificationProps): JSX.Element | null;
+declare function export_default$m(props: MostRecentNotificationProps): JSX.Element | null;
 
 interface NotificationListProps {
     notificationType?: NotificationType;
     previewState?: NotificationListPreviewState;
 }
 declare type NotificationListPreviewState = "Default" | "NoData";
-declare function export_default$d(props: NotificationListProps): JSX.Element;
+declare function export_default$l(props: NotificationListProps): JSX.Element;
 
 interface PlatformSpecificContentProps {
     platforms: string[];
     children?: React.ReactNode;
 }
-declare function export_default$c(props: PlatformSpecificContentProps): JSX.Element | null;
+declare function export_default$k(props: PlatformSpecificContentProps): JSX.Element | null;
 
 interface ProjectHeaderProps {
     previewState?: ProjectHeaderPropsPreviewState;
 }
 declare type ProjectHeaderPropsPreviewState = "Default";
-declare function export_default$b(props: ProjectHeaderProps): JSX.Element;
+declare function export_default$j(props: ProjectHeaderProps): JSX.Element;
 
 interface ProjectSupportProps {
     previewState?: ProjectSupportPropsPreviewState;
 }
 declare type ProjectSupportPropsPreviewState = "Default";
-declare function export_default$a(props: ProjectSupportProps): JSX.Element | null;
+declare function export_default$i(props: ProjectSupportProps): JSX.Element | null;
 
 interface ProviderSearchProps {
     previewState?: ProviderSearchPreviewState;
     providerCategories?: string[];
 }
 declare type ProviderSearchPreviewState = "Default";
-declare function export_default$9(props: ProviderSearchProps): JSX.Element;
+declare function export_default$h(props: ProviderSearchProps): JSX.Element;
 
 interface SurveyTaskListProps {
     status: SurveyTaskStatus;
@@ -316,7 +316,7 @@ interface SurveyTaskListProps {
     previewState?: SurveyTaskListListPreviewState;
 }
 declare type SurveyTaskListListPreviewState = "IncompleteTasks" | "CompleteTasks";
-declare function export_default$8(props: SurveyTaskListProps): JSX.Element | null;
+declare function export_default$g(props: SurveyTaskListProps): JSX.Element | null;
 
 interface ConnectEhrViewProps {
     externalAccountsApplicationUrl: ExternalAccountsApplicationUrl;
@@ -326,12 +326,12 @@ interface ConnectEhrViewProps {
     preview?: boolean;
 }
 declare type ViewPresentationType$3 = "Modal" | "Push";
-declare function export_default$7(props: ConnectEhrViewProps): JSX.Element;
+declare function export_default$f(props: ConnectEhrViewProps): JSX.Element;
 
 interface DeviceDataViewProps {
     preview?: boolean;
 }
-declare function export_default$6(props: DeviceDataViewProps): JSX.Element;
+declare function export_default$e(props: DeviceDataViewProps): JSX.Element;
 
 interface ExternalAccountsViewProps {
     excludeProviders?: boolean;
@@ -341,14 +341,14 @@ interface ExternalAccountsViewProps {
     preview?: boolean;
 }
 declare type ViewPresentationType$2 = "Modal" | "Push";
-declare function export_default$5(props: ExternalAccountsViewProps): JSX.Element;
+declare function export_default$d(props: ExternalAccountsViewProps): JSX.Element;
 
 interface FitbitViewProps {
     connectPreview?: ConnectFitbitPreviewState;
     devicesPreview?: FitbitDevicesPreviewState;
     chartsPreview?: FitbitMonthChartsPreviewState;
 }
-declare function export_default$4(props: FitbitViewProps): JSX.Element;
+declare function export_default$c(props: FitbitViewProps): JSX.Element;
 
 interface HomeViewProps {
     /**
@@ -366,7 +366,7 @@ interface HomeViewProps {
     tasksViewUrl?: string;
     preview?: boolean;
 }
-declare function export_default$3(props: HomeViewProps): JSX.Element;
+declare function export_default$b(props: HomeViewProps): JSX.Element;
 
 interface NotificationsViewProps {
     notificationType?: NotificationType;
@@ -374,7 +374,7 @@ interface NotificationsViewProps {
     preview?: boolean;
 }
 declare type ViewPresentationType$1 = "Modal" | "Push";
-declare function export_default$2(props: NotificationsViewProps): JSX.Element;
+declare function export_default$a(props: NotificationsViewProps): JSX.Element;
 
 interface SurveyTasksViewProps {
     hideCompleteTasks?: boolean;
@@ -384,7 +384,56 @@ interface SurveyTasksViewProps {
     preview?: boolean;
 }
 declare type ViewPresentationType = "Modal" | "Push";
-declare function export_default$1(props: SurveyTasksViewProps): JSX.Element;
+declare function export_default$9(props: SurveyTasksViewProps): JSX.Element;
+
+interface StepMarkdownProps {
+    text: string;
+    inline?: boolean;
+}
+declare function export_default$8(props: StepMarkdownProps): JSX.Element;
+
+interface StepLayoutProps {
+    children?: React.ReactNode;
+}
+declare function export_default$7(props: StepLayoutProps): JSX.Element;
+
+interface StepElementProps {
+    text?: string;
+    textAlign?: any;
+    color?: string;
+    fontSize?: string;
+    fontWeight?: string;
+}
+
+declare function export_default$6(props: StepElementProps): JSX.Element | null;
+
+declare function export_default$5(props: StepElementProps): JSX.Element | null;
+
+declare function export_default$4(props: StepElementProps): JSX.Element | null;
+
+interface StepNextButtonProps extends StepElementProps {
+    backgroundColor: string;
+    letterSpacing: string;
+    textTransform: string;
+    gradient: any;
+    onClick(): void;
+}
+declare function export_default$3(props: StepNextButtonProps): JSX.Element;
+
+interface YouTubeStepProps {
+    title?: string;
+    text?: string;
+    transcript?: string;
+    videoId: string;
+    nextButtonText?: string;
+    height?: string;
+    styles: {
+        [key: string]: any;
+    };
+}
+declare function export_default$2(props: YouTubeStepProps): JSX.Element;
+
+declare function export_default$1(): JSX.Element;
 
 declare function export_default(callback: Function, delay: number | null): void;
 
@@ -432,4 +481,4 @@ declare enum DailyDataType {
     RestingHeartRate = "RestingHeartRate"
 }
 
-export { export_default$J as Action, export_default$I as ActivityMeter, export_default$H as Button, export_default$G as Calendar, export_default$F as Card, export_default$E as CardTitle, export_default$m as ConnectEhr, export_default$7 as ConnectEhrView, export_default$l as ConnectFitbit, DailyDataAvailabilityCheck, DailyDataProvider, DailyDataQueryResult, DailyDataType, export_default$D as DateRangeNavigator, export_default$C as DayTrackerSymbol, DeviceDataChartLine, export_default$k as DeviceDataMonthChart, export_default$j as DeviceDataMonthCharts, export_default$6 as DeviceDataView, export_default$i as ExternalAccountList, export_default$h as ExternalAccountsPreview, export_default$5 as ExternalAccountsView, export_default$B as Face, export_default$g as FitbitDevices, export_default$f as FitbitMonthCharts, export_default$4 as FitbitView, export_default$A as Histogram, export_default$3 as HomeView, export_default$z as Layout, LoadingIndicator, export_default$e as MostRecentNotification, export_default$y as NavigationBar, export_default$d as NotificationList, export_default$2 as NotificationsView, export_default$c as PlatformSpecificContent, export_default$b as ProjectHeader, export_default$a as ProjectSupport, export_default$9 as ProviderSearch, export_default$9 as RestingHeartRateCalendar, export_default$x as Section, export_default$w as SegmentedControl, export_default$v as ShinyOverlay, export_default$u as SingleExternalAccount, export_default$t as SingleNotification, export_default$s as SingleSurveyTask, export_default$r as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$8 as SurveyTaskList, export_default$1 as SurveyTasksView, export_default$q as Switch, export_default$p as TextBlock, export_default$o as TrackerItem, export_default$n as WeekCalendar, checkDailyDataAvailability, queryDailyData, registerDailyDataProvider, export_default as useInterval };
+export { export_default$R as Action, export_default$Q as ActivityMeter, export_default$P as Button, export_default$O as Calendar, export_default$N as Card, export_default$M as CardTitle, export_default$u as ConnectEhr, export_default$f as ConnectEhrView, export_default$t as ConnectFitbit, DailyDataAvailabilityCheck, DailyDataProvider, DailyDataQueryResult, DailyDataType, export_default$L as DateRangeNavigator, export_default$K as DayTrackerSymbol, DeviceDataChartLine, export_default$s as DeviceDataMonthChart, export_default$r as DeviceDataMonthCharts, export_default$e as DeviceDataView, export_default$q as ExternalAccountList, export_default$p as ExternalAccountsPreview, export_default$d as ExternalAccountsView, export_default$J as Face, export_default$o as FitbitDevices, export_default$n as FitbitMonthCharts, export_default$c as FitbitView, export_default$I as Histogram, export_default$b as HomeView, export_default$H as Layout, LoadingIndicator, export_default$m as MostRecentNotification, export_default$G as NavigationBar, export_default$l as NotificationList, export_default$a as NotificationsView, export_default$k as PlatformSpecificContent, export_default$j as ProjectHeader, export_default$i as ProjectSupport, export_default$h as ProviderSearch, export_default$h as RestingHeartRateCalendar, export_default$F as Section, export_default$E as SegmentedControl, export_default$D as ShinyOverlay, export_default$C as SingleExternalAccount, export_default$B as SingleNotification, export_default$A as SingleSurveyTask, export_default$z as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$4 as StepDetailText, export_default$7 as StepLayout, export_default$8 as StepMarkdown, export_default$3 as StepNextButton, export_default$5 as StepText, export_default$6 as StepTitle, export_default$g as SurveyTaskList, export_default$9 as SurveyTasksView, export_default$y as Switch, export_default$x as TextBlock, export_default$w as TrackerItem, export_default$v as WeekCalendar, export_default$2 as YouTubeStep, export_default$1 as YouTubeStepContainer, checkDailyDataAvailability, queryDailyData, registerDailyDataProvider, export_default as useInterval };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@careevolution/mydatahelps-ui",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "MyDataHelps UI Library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -30,7 +30,7 @@
     "@rollup/plugin-commonjs": "^21.0.2",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-typescript": "^8.3.3",
+    "@rollup/plugin-typescript": "8.3.3",
     "@storybook/addon-actions": "^6.4.19",
     "@storybook/addon-essentials": "^6.4.19",
     "@storybook/addon-interactions": "^6.4.19",
@@ -53,13 +53,17 @@
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
+    "@rollup/plugin-json": "^6.0.0",
+    "@types/markdown-it": "^12.2.3",
     "date-fns": "^2.28.0",
+    "html-react-parser": "^3.0.8",
+    "markdown-it": "^13.0.1",
     "react-feather": "^2.0.9",
     "react-fontawesome-svg-icon": "^1.1.2",
     "recharts": "^2.1.9"
   },
   "peerDependencies": {
-    "@careevolution/mydatahelps-js": "^3.2.3",
+    "@careevolution/mydatahelps-js": "^3.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },