@careevolution/mydatahelps-ui 1.9.1 → 1.9.2-DarkMode.11

package/dist/esm/types/components/presentational/ActivityMeter/ActivityMeter.d.ts

@@ -8,5 +8,6 @@ export interface ActivityMeterProps {
     averageFillPercent: number;
     color: string;
     message?: string;
+    className?: string;
 }
 export default function (props: ActivityMeterProps): JSX.Element;

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

@@ -8,5 +8,9 @@ export interface ButtonProps {
      * */
     disabled?: boolean;
     onClick: Function;
+    className?: string;
+    color?: string;
+    loading?: boolean;
+    variant?: "default" | "subtle";
 }
 export default function (props: ButtonProps): JSX.Element;

package/dist/esm/types/components/presentational/Button/Button.stories.d.ts

@@ -4,3 +4,6 @@ declare const _default: ComponentMeta<typeof Button>;
 export default _default;
 export declare const Enabled: ComponentStory<typeof Button>;
 export declare const Disabled: ComponentStory<typeof Button>;
+export declare const CustomColor: ComponentStory<typeof Button>;
+export declare const Loading: ComponentStory<typeof Button>;
+export declare const SubtleVariant: ComponentStory<typeof Button>;

package/dist/esm/types/components/presentational/DateRangeNavigator/DateRangeNavigator.d.ts

@@ -4,6 +4,8 @@ import "./DateRangeNavigator.css";
 export interface DateRangeNavigatorProps {
     intervalType: "Week" | "Month";
     intervalStart: Date;
+    variant?: "default" | "rounded";
     onIntervalChange(newIntervalStart: Date, newIntervalEnd: Date): void;
+    className?: string;
 }
 export default function (props: DateRangeNavigatorProps): JSX.Element;

package/dist/esm/types/components/presentational/DateRangeNavigator/DateRangeNavigator.stories.d.ts

@@ -4,3 +4,4 @@ declare const _default: ComponentMeta<typeof DateRangeNavigator>;
 export default _default;
 export declare const Month: ComponentStory<typeof DateRangeNavigator>;
 export declare const Week: ComponentStory<typeof DateRangeNavigator>;
+export declare const Rounded: ComponentStory<typeof DateRangeNavigator>;

package/dist/esm/types/components/presentational/DayTrackerSymbol/DayTrackerSymbol.d.ts

@@ -3,5 +3,6 @@ import "./DayTrackerSymbol.css";
 export interface DayTrackerSymbolProps {
     primaryColors: string[];
     secondaryColors: string[];
+    className?: string;
 }
 export default function (props: DayTrackerSymbolProps): JSX.Element;

package/dist/esm/types/components/presentational/Face/Face.stories.d.ts

@@ -3,4 +3,5 @@ import Face from "./Face";
 declare const _default: ComponentMeta<typeof Face>;
 export default _default;
 export declare const Default: ComponentStory<typeof Face>;
+export declare const Unselected: ComponentStory<typeof Face>;
 export declare const Clickable: ComponentStory<typeof Face>;

package/dist/esm/types/components/presentational/Histogram/Histogram.d.ts

@@ -5,6 +5,8 @@ export interface HistogramProps {
         label: string;
         color: string;
         value: number;
+        onSelect?(): void;
     }[];
+    className?: string;
 }
 export default function (props: HistogramProps): JSX.Element;

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

@@ -3,8 +3,20 @@ import { StatusBarStyle } from '@careevolution/mydatahelps-js';
 import "./Layout.css";
 export interface LayoutProps {
     children?: React.ReactNode;
-    stylesheetPath?: string;
     bodyBackgroundColor?: string;
+    primaryColor?: string;
     statusBarStyle?: StatusBarStyle;
+    className?: string;
+    noGlobalStyles?: boolean;
+    colorScheme?: "light" | "dark" | "auto";
+    /**
+    * @deprecated
+    */
+    stylesheetPath?: string;
+}
+export interface LayoutContext {
+    colorScheme: "light" | "dark";
+    bodyBackgroundColor: string;
 }
+export declare const LayoutContext: React.Context<LayoutContext>;
 export default function (props: LayoutProps): JSX.Element;

package/dist/esm/types/components/presentational/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import "./LoadingIndicator.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
-declare function LoadingIndicator(): JSX.Element;
+export interface LoadingIndicatorProps {
+    variant?: "default" | "inline";
+    color?: string;
+    className?: string;
+}
+declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
 export default LoadingIndicator;

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

@@ -2,11 +2,13 @@ import React from 'react';
 import "./NavigationBar.css";
 import '@fortawesome/fontawesome-svg-core/styles.css';
 export interface NavigationBarProps {
-    title: string;
+    title?: string;
     showBackButton?: boolean;
     showCloseButton?: boolean;
     children?: React.ReactNode;
     closeButtonText?: string;
     backButtonText?: string;
+    className?: string;
+    variant?: "default" | "compressed";
 }
 export default function (props: NavigationBarProps): JSX.Element;

package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.stories.d.ts

@@ -5,4 +5,6 @@ export default _default;
 export declare const Drilldown: ComponentStory<typeof NavigationBar>;
 export declare const Modal: ComponentStory<typeof NavigationBar>;
 export declare const CustomButtons: ComponentStory<typeof NavigationBar>;
+export declare const Compressed: ComponentStory<typeof NavigationBar>;
 export declare const WithDateRangeNavigator: ComponentStory<typeof NavigationBar>;
+export declare const WithRoundedDateRangeNavigator: ComponentStory<typeof NavigationBar>;

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

@@ -2,5 +2,6 @@ import React from 'react';
 import "./Section.css";
 export interface SectionProps {
     children?: React.ReactNode;
+    className?: string;
 }
 export default function (props: SectionProps): JSX.Element | null;

package/dist/esm/types/components/presentational/SegmentedControl/SegmentedControl.d.ts

@@ -7,5 +7,7 @@ export interface SegmentedControlProps {
     }[];
     selectedSegment: string;
     onSegmentSelected: Function;
+    className?: string;
+    color?: string;
 }
 export default function (props: SegmentedControlProps): JSX.Element;

package/dist/esm/types/components/presentational/Switch/Switch.d.ts

@@ -4,5 +4,6 @@ export interface SwitchProps {
     isOn: Boolean;
     onBackgroundColor?: string;
     onValueChanged(value: boolean): void;
+    className?: string;
 }
 export default function (props: SwitchProps): JSX.Element;

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

@@ -2,5 +2,6 @@ import React from 'react';
 import "./TextBlock.css";
 export interface TextBlockProps {
     children?: React.ReactNode;
+    className?: string;
 }
 export default function (props: TextBlockProps): JSX.Element | null;

package/dist/esm/types/components/presentational/TrackerItem/TrackerItem.d.ts

@@ -7,5 +7,6 @@ export interface TrackerItemProps {
     bordered?: boolean;
     badge?: string;
     onClick?: Function;
+    className?: string;
 }
 export default function (props: TrackerItemProps): JSX.Element;

package/dist/esm/types/components/presentational/UnstyledButton/UnstyledButton.d.ts

@@ -0,0 +1,11 @@
+import React, { MouseEventHandler } from "react";
+import "./UnstyledButton.css";
+export interface UnstyledButtonProps {
+    onClick: MouseEventHandler;
+    className?: string;
+    children?: React.ReactNode;
+    title?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+}
+export default function (props: UnstyledButtonProps): JSX.Element;

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

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

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

@@ -22,4 +22,5 @@ export { default as Switch } from "./Switch";
 export { default as StatusBarBackground } from "./StatusBarBackground";
 export { default as TextBlock } from "./TextBlock";
 export { default as TrackerItem } from "./TrackerItem";
+export { default as UnstyledButton } from "./UnstyledButton";
 export { default as WeekCalendar } from "./WeekCalendar";

package/dist/esm/types/helpers/globalCss.d.ts

@@ -0,0 +1,4 @@
+export declare const core: import("@emotion/utils").SerializedStyles;
+export declare const lightColorScheme: import("@emotion/utils").SerializedStyles;
+export declare const darkColorScheme: import("@emotion/utils").SerializedStyles;
+export declare const global: import("@emotion/utils").SerializedStyles;

package/dist/index.d.ts

@@ -12,7 +12,7 @@ interface ActionProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function export_default$V(props: ActionProps): JSX.Element;
+declare function export_default$W(props: ActionProps): JSX.Element;
 
 interface ActivityMeterProps {
     label: string;
@@ -22,8 +22,9 @@ interface ActivityMeterProps {
     averageFillPercent: number;
     color: string;
     message?: string;
+    className?: string;
 }
-declare function export_default$U(props: ActivityMeterProps): JSX.Element;
+declare function export_default$V(props: ActivityMeterProps): JSX.Element;
 
 interface ButtonProps {
     children?: React.ReactNode;
@@ -33,8 +34,12 @@ interface ButtonProps {
      * */
     disabled?: boolean;
     onClick: Function;
+    className?: string;
+    color?: string;
+    loading?: boolean;
+    variant?: "default" | "subtle";
 }
-declare function export_default$T(props: ButtonProps): JSX.Element;
+declare function export_default$U(props: ButtonProps): JSX.Element;
 
 interface CalendarProps {
     month: number;
@@ -42,34 +47,37 @@ interface CalendarProps {
     dayRenderer(year: number, month: number, day?: number): JSX.Element | null;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
-declare function export_default$S(props: CalendarProps): JSX.Element;
+declare function export_default$T(props: CalendarProps): JSX.Element;
 
 interface CardProps {
     className?: string;
     children?: React.ReactNode;
     allowOverflow?: boolean;
 }
-declare function export_default$R(props: CardProps): JSX.Element | null;
+declare function export_default$S(props: CardProps): JSX.Element | null;
 
 interface CardTitleProps {
     title: string;
     onDetailClick?: Function;
     detailLinkText?: string;
 }
-declare function export_default$Q(props: CardTitleProps): JSX.Element;
+declare function export_default$R(props: CardTitleProps): JSX.Element;
 
 interface DateRangeNavigatorProps {
     intervalType: "Week" | "Month";
     intervalStart: Date;
+    variant?: "default" | "rounded";
     onIntervalChange(newIntervalStart: Date, newIntervalEnd: Date): void;
+    className?: string;
 }
-declare function export_default$P(props: DateRangeNavigatorProps): JSX.Element;
+declare function export_default$Q(props: DateRangeNavigatorProps): JSX.Element;
 
 interface DayTrackerSymbolProps {
     primaryColors: string[];
     secondaryColors: string[];
+    className?: string;
 }
-declare function export_default$O(props: DayTrackerSymbolProps): JSX.Element;
+declare function export_default$P(props: DayTrackerSymbolProps): JSX.Element;
 
 interface FaceProps {
     faceValue?: number;
@@ -77,41 +85,58 @@ interface FaceProps {
     onClick?: MouseEventHandler;
     className?: string;
 }
-declare function export_default$N(props: FaceProps): JSX.Element;
+declare function export_default$O(props: FaceProps): JSX.Element;
 
 interface HistogramProps {
     entries: {
         label: string;
         color: string;
         value: number;
+        onSelect?(): void;
     }[];
+    className?: string;
 }
-declare function export_default$M(props: HistogramProps): JSX.Element;
+declare function export_default$N(props: HistogramProps): JSX.Element;
 
 interface LayoutProps {
     children?: React.ReactNode;
-    stylesheetPath?: string;
     bodyBackgroundColor?: string;
+    primaryColor?: string;
     statusBarStyle?: StatusBarStyle;
+    className?: string;
+    noGlobalStyles?: boolean;
+    colorScheme?: "light" | "dark" | "auto";
+    /**
+    * @deprecated
+    */
+    stylesheetPath?: string;
 }
-declare function export_default$L(props: LayoutProps): JSX.Element;
+declare function export_default$M(props: LayoutProps): JSX.Element;
 
-declare function LoadingIndicator(): JSX.Element;
+interface LoadingIndicatorProps {
+    variant?: "default" | "inline";
+    color?: string;
+    className?: string;
+}
+declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
 
 interface NavigationBarProps {
-    title: string;
+    title?: string;
     showBackButton?: boolean;
     showCloseButton?: boolean;
     children?: React.ReactNode;
     closeButtonText?: string;
     backButtonText?: string;
+    className?: string;
+    variant?: "default" | "compressed";
 }
-declare function export_default$K(props: NavigationBarProps): JSX.Element;
+declare function export_default$L(props: NavigationBarProps): JSX.Element;
 
 interface SectionProps {
     children?: React.ReactNode;
+    className?: string;
 }
-declare function export_default$J(props: SectionProps): JSX.Element | null;
+declare function export_default$K(props: SectionProps): JSX.Element | null;
 
 interface SegmentedControlProps {
     segments: {
@@ -120,22 +145,24 @@ interface SegmentedControlProps {
     }[];
     selectedSegment: string;
     onSegmentSelected: Function;
+    className?: string;
+    color?: string;
 }
-declare function export_default$I(props: SegmentedControlProps): JSX.Element;
+declare function export_default$J(props: SegmentedControlProps): JSX.Element;
 
-declare function export_default$H(): JSX.Element;
+declare function export_default$I(): JSX.Element;
 
 interface SingleExternalAccountProps {
     externalAccount: ExternalAccount;
     onAccountRemoved: (account: ExternalAccount) => void;
     onReconnectAccount: (account: ExternalAccount) => void;
 }
-declare function export_default$G(props: SingleExternalAccountProps): JSX.Element;
+declare function export_default$H(props: SingleExternalAccountProps): JSX.Element;
 
 interface SingleNotificationProps {
     notification: Notification;
 }
-declare function export_default$F(props: SingleNotificationProps): JSX.Element;
+declare function export_default$G(props: SingleNotificationProps): JSX.Element;
 
 interface SingleSurveyTaskProps {
     task: SurveyTask;
@@ -143,7 +170,7 @@ interface SingleSurveyTaskProps {
     hideDueDate?: boolean;
     disableClick?: boolean;
 }
-declare function export_default$E(props: SingleSurveyTaskProps): JSX.Element | null;
+declare function export_default$F(props: SingleSurveyTaskProps): JSX.Element | null;
 
 interface SparkBarChartProps {
     averageFillPercent: number;
@@ -153,14 +180,15 @@ interface SparkBarChartBar {
     color: string;
     barFillPercent: number;
 }
-declare function export_default$D(props: SparkBarChartProps): JSX.Element;
+declare function export_default$E(props: SparkBarChartProps): JSX.Element;
 
 interface SwitchProps {
     isOn: Boolean;
     onBackgroundColor?: string;
     onValueChanged(value: boolean): void;
+    className?: string;
 }
-declare function export_default$C(props: SwitchProps): JSX.Element;
+declare function export_default$D(props: SwitchProps): JSX.Element;
 
 interface StatusBarBackgroundProps {
     color?: string;
@@ -169,8 +197,9 @@ declare function StatusBarBackgroundProps(props: StatusBarBackgroundProps): JSX.
 
 interface TextBlockProps {
     children?: React.ReactNode;
+    className?: string;
 }
-declare function export_default$B(props: TextBlockProps): JSX.Element | null;
+declare function export_default$C(props: TextBlockProps): JSX.Element | null;
 
 interface TrackerItemProps {
     selected: boolean;
@@ -179,8 +208,19 @@ interface TrackerItemProps {
     bordered?: boolean;
     badge?: string;
     onClick?: Function;
+    className?: string;
+}
+declare function export_default$B(props: TrackerItemProps): JSX.Element;
+
+interface UnstyledButtonProps {
+    onClick: MouseEventHandler;
+    className?: string;
+    children?: React.ReactNode;
+    title?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
 }
-declare function export_default$A(props: TrackerItemProps): JSX.Element;
+declare function export_default$A(props: UnstyledButtonProps): JSX.Element;
 
 interface WeekCalendarProps {
     selectedDate?: Date;
@@ -503,4 +543,4 @@ declare enum DailyDataType {
     RestingHeartRate = "RestingHeartRate"
 }
 
-export { export_default$V as Action, export_default$U as ActivityMeter, export_default$T as Button, export_default$S as Calendar, export_default$R as Card, export_default$Q as CardTitle, export_default$2 as CelebrationStep, export_default$1 as CelebrationStepContainer, export_default$y as ConnectEhr, export_default$j as ConnectEhrView, export_default$x as ConnectFitbit, DailyDataAvailabilityCheck, DailyDataProvider, DailyDataQueryResult, DailyDataType, export_default$P as DateRangeNavigator, export_default$O as DayTrackerSymbol, DeviceDataChartLine, export_default$w as DeviceDataMonthChart, export_default$v as DeviceDataMonthCharts, export_default$i as DeviceDataView, export_default$u as ExternalAccountList, export_default$t as ExternalAccountsPreview, export_default$h as ExternalAccountsView, export_default$N as Face, export_default$s as FitbitDevices, export_default$r as FitbitMonthCharts, export_default$g as FitbitView, export_default$M as Histogram, export_default$f as HomeView, export_default$L as Layout, LoadingIndicator, export_default$q as MostRecentNotification, export_default$K as NavigationBar, export_default$p as NotificationList, export_default$e as NotificationsView, export_default$o as PlatformSpecificContent, export_default$n as ProjectHeader, export_default$m as ProjectSupport, export_default$l as ProviderSearch, export_default$l as RestingHeartRateCalendar, export_default$J as Section, export_default$I as SegmentedControl, export_default$H as ShinyOverlay, export_default$G as SingleExternalAccount, export_default$F as SingleNotification, export_default$E as SingleSurveyTask, export_default$D as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$8 as StepDetailText, export_default$6 as StepImage, export_default$5 as StepImageIcon, export_default$b as StepLayout, export_default$c as StepMarkdown, export_default$7 as StepNextButton, export_default$9 as StepText, export_default$a as StepTitle, export_default$k as SurveyTaskList, export_default$d as SurveyTasksView, export_default$C as Switch, export_default$B as TextBlock, export_default$A as TrackerItem, export_default$z as WeekCalendar, export_default$4 as YouTubeStep, export_default$3 as YouTubeStepContainer, checkDailyDataAvailability, queryDailyData, registerDailyDataProvider, export_default as useInterval };
+export { export_default$W as Action, export_default$V as ActivityMeter, export_default$U as Button, export_default$T as Calendar, export_default$S as Card, export_default$R as CardTitle, export_default$2 as CelebrationStep, export_default$1 as CelebrationStepContainer, export_default$y as ConnectEhr, export_default$j as ConnectEhrView, export_default$x as ConnectFitbit, DailyDataAvailabilityCheck, DailyDataProvider, DailyDataQueryResult, DailyDataType, export_default$Q as DateRangeNavigator, export_default$P as DayTrackerSymbol, DeviceDataChartLine, export_default$w as DeviceDataMonthChart, export_default$v as DeviceDataMonthCharts, export_default$i as DeviceDataView, export_default$u as ExternalAccountList, export_default$t as ExternalAccountsPreview, export_default$h as ExternalAccountsView, export_default$O as Face, export_default$s as FitbitDevices, export_default$r as FitbitMonthCharts, export_default$g as FitbitView, export_default$N as Histogram, export_default$f as HomeView, export_default$M as Layout, LoadingIndicator, export_default$q as MostRecentNotification, export_default$L as NavigationBar, export_default$p as NotificationList, export_default$e as NotificationsView, export_default$o as PlatformSpecificContent, export_default$n as ProjectHeader, export_default$m as ProjectSupport, export_default$l as ProviderSearch, export_default$l as RestingHeartRateCalendar, export_default$K as Section, export_default$J as SegmentedControl, export_default$I as ShinyOverlay, export_default$H as SingleExternalAccount, export_default$G as SingleNotification, export_default$F as SingleSurveyTask, export_default$E as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$8 as StepDetailText, export_default$6 as StepImage, export_default$5 as StepImageIcon, export_default$b as StepLayout, export_default$c as StepMarkdown, export_default$7 as StepNextButton, export_default$9 as StepText, export_default$a as StepTitle, export_default$k as SurveyTaskList, export_default$d as SurveyTasksView, export_default$D as Switch, export_default$C as TextBlock, export_default$B as TrackerItem, export_default$A as UnstyledButton, export_default$z as WeekCalendar, export_default$4 as YouTubeStep, export_default$3 as YouTubeStepContainer, checkDailyDataAvailability, queryDailyData, registerDailyDataProvider, export_default as useInterval };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@careevolution/mydatahelps-ui",
-  "version": "1.9.1",
+  "version": "1.9.2-DarkMode.11",
   "description": "MyDataHelps UI Library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -52,10 +52,11 @@
     "typescript": "^4.6.2"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.0.0",
-    "@fortawesome/free-regular-svg-icons": "^6.0.0",
-    "@fortawesome/free-solid-svg-icons": "^6.0.0",
-    "@fortawesome/react-fontawesome": "^0.1.17",
+    "@emotion/react": "^11.7.1",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "date-fns": "^2.28.0",
     "html-react-parser": "^3.0.8",
     "markdown-it": "^13.0.1",