@careevolution/mydatahelps-ui 2.7.0 → 2.7.1-Colors.1

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

@@ -2,6 +2,7 @@ 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;
@@ -16,5 +17,7 @@ export interface ActionProps {
     indicatorPosition?: "default" | "topRight";
     bottomBorder?: boolean;
     innerRef?: React.Ref<HTMLButtonElement>;
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
 }
 export default function (props: ActionProps): React.JSX.Element;

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

@@ -1,11 +1,12 @@
 import React from 'react';
 import "./Button.css";
+import { ColorDefinition } from '../../../helpers/colors';
 export interface ButtonProps {
     children?: React.ReactNode;
     disabled?: boolean;
     onClick: Function;
     className?: string;
-    color?: string;
+    color?: ColorDefinition;
     loading?: boolean;
     variant?: "default" | "subtle" | "light";
     innerRef?: React.Ref<HTMLButtonElement>;

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

@@ -1,10 +1,12 @@
 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;
 }
 export default function (props: CardProps): React.JSX.Element | null;

package/dist/esm/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/esm/types/components/presentational/Section/Section.d.ts

@@ -1,9 +1,11 @@
 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;
 }
 export default function (props: SectionProps): React.JSX.Element | null;

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

@@ -1,8 +1,10 @@
 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;
 }
 export default function (props: TextBlockProps): React.JSX.Element | null;

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

@@ -1,6 +1,8 @@
 import React 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;

package/dist/esm/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,7 @@ export interface BlankViewProps {
     showCloseButton?: boolean;
     showBackButton?: boolean;
     colorScheme?: "auto" | "light" | "dark";
-    primaryColor?: string;
+    primaryColor?: ColorDefinition;
+    bodyBackgroundColor?: ColorDefinition;
 }
 export default function (props: BlankViewProps): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare type ColorDefinition = string | {
+    lightMode?: string;
+    darkMode?: string;
+};
+export declare function resolveColor(colorScheme: "light" | "dark", colorDefinition?: ColorDefinition): string | undefined;

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

@@ -4,3 +4,4 @@ export * from './helpers/query-daily-data';
 export * from './helpers/language';
 export { default as getDayKey } from './helpers/get-day-key';
 export * from './helpers/get-interval-start';
+export * from './helpers/colors';

package/dist/index.d.ts

@@ -3,6 +3,12 @@ import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { StatusBarStyle, ExternalAccount, Notification, SurveyTask, ExternalAccountStatus, NotificationType, ExternalAccountProvider, SurveyTaskStatus, ParticipantInfo } from '@careevolution/mydatahelps-js';
 import { IconDefinition as IconDefinition$1 } from '@fortawesome/fontawesome-common-types';
 
+declare type ColorDefinition = string | {
+    lightMode?: string;
+    darkMode?: string;
+};
+declare function resolveColor(colorScheme: "light" | "dark", colorDefinition?: ColorDefinition): string | undefined;
+
 interface ActionProps {
     title?: string;
     titleIcon?: ReactElement;
@@ -17,6 +23,8 @@ interface ActionProps {
     indicatorPosition?: "default" | "topRight";
     bottomBorder?: boolean;
     innerRef?: React.Ref<HTMLButtonElement>;
+    titleColor?: ColorDefinition;
+    subtitleColor?: ColorDefinition;
 }
 declare function export_default$1s(props: ActionProps): React.JSX.Element;
 
@@ -38,7 +46,7 @@ interface ButtonProps {
     disabled?: boolean;
     onClick: Function;
     className?: string;
-    color?: string;
+    color?: ColorDefinition;
     loading?: boolean;
     variant?: "default" | "subtle" | "light";
     innerRef?: React.Ref<HTMLButtonElement>;
@@ -61,6 +69,7 @@ interface CardProps {
     allowOverflow?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
     variant?: "default" | "subtle" | "highlight";
+    backgroundColor?: ColorDefinition;
 }
 declare function export_default$1o(props: CardProps): React.JSX.Element | null;
 
@@ -128,8 +137,8 @@ declare function export_default$1j(props: HistogramProps): React.JSX.Element;
 
 interface LayoutProps {
     children?: React.ReactNode;
-    bodyBackgroundColor?: string;
-    primaryColor?: string;
+    bodyBackgroundColor?: ColorDefinition;
+    primaryColor?: ColorDefinition;
     statusBarStyle?: StatusBarStyle;
     className?: string;
     noGlobalStyles?: boolean;
@@ -181,6 +190,7 @@ interface SectionProps {
     className?: string;
     noTopMargin?: boolean;
     innerRef?: React.Ref<HTMLDivElement>;
+    backgroundColor?: ColorDefinition;
 }
 declare function export_default$1f(props: SectionProps): React.JSX.Element | null;
 
@@ -252,10 +262,12 @@ interface TextBlockProps {
     children?: React.ReactNode;
     className?: string;
     innerRef?: React.Ref<HTMLDivElement>;
+    color?: ColorDefinition;
 }
 declare function export_default$17(props: TextBlockProps): React.JSX.Element | null;
 
 interface TitleProps {
+    color?: ColorDefinition;
     order?: 1 | 2 | 3 | 4 | 5 | 6;
     children?: React.ReactNode;
     style?: React.CSSProperties;
@@ -797,7 +809,8 @@ interface BlankViewProps {
     showCloseButton?: boolean;
     showBackButton?: boolean;
     colorScheme?: "auto" | "light" | "dark";
-    primaryColor?: string;
+    primaryColor?: ColorDefinition;
+    bodyBackgroundColor?: ColorDefinition;
 }
 declare function export_default$q(props: BlankViewProps): React.JSX.Element;
 
@@ -1004,4 +1017,4 @@ declare function language(key: string): string;
 
 declare function getDayKey(date: Date): string;
 
-export { export_default$1s as Action, export_default$1r as ActivityMeter, export_default$11 as AppDownload, AreaChartOptions, BarChartOptions, export_default$q as BlankView, export_default$1q as Button, export_default$1p as Calendar, export_default$1o as Card, export_default$1n as CardTitle, export_default$g as CelebrationStep, export_default$f as CelebrationStepContainer, export_default$e as ConnectDeviceAccountStep, export_default$d as ConnectDeviceAccountStepContainer, export_default$10 as ConnectDevicesMenu, export_default$$ as ConnectEhr, export_default$c as ConnectEhrStep, export_default$b as ConnectEhrStepContainer, export_default$p as ConnectEhrView, export_default$_ as ConnectFitbit, export_default$Z as ConnectGarmin, DailyDataAvailabilityCheck, DailyDataChart, DailyDataProvider, DailyDataQueryResult, DailyDataType, DailyLogEntry, DateRangeNavigatorContext as DateRangeCoordinator, export_default$1m as DateRangeNavigator, export_default$1l as DayTrackerSymbol, DeviceDataChartLine, export_default$Y as DeviceDataMonthChart, export_default$X as DeviceDataMonthCharts, export_default$o as DeviceDataView, export_default$W as ExternalAccountList, export_default$V as ExternalAccountsLoadingIndicator, export_default$U as ExternalAccountsPreview, export_default$n as ExternalAccountsView, export_default$1k as Face, export_default$T as FitbitDevices, export_default$S as FitbitMonthCharts, export_default$m as FitbitView, export_default$R as GarminDevices, export_default$Q as GarminMonthCharts, export_default$l as GarminView, export_default$j as HealthAndWellnessView, export_default$P as HealthPreviewSection, export_default$1j as Histogram, export_default$k as HomeView, export_default$O as LabResultsSummary, export_default$1i as Layout, LayoutContext, LineChartOptions, LoadingIndicator, export_default$N as MostRecentNotification, export_default$1h as NavigationBar, export_default$1g as NotesInput, export_default$M as NotificationList, export_default$i as NotificationsView, export_default$L as PlatformSpecificContent, export_default$K as ProjectHeader, export_default$J as ProjectSupport, export_default$I as ProviderSearch, export_default$H as RelativeActivityToday, export_default$G as RestingHeartRateCalendar, export_default$1f as Section, export_default$1e as SegmentedControl, export_default$1d as ShinyOverlay, export_default$1c as SingleExternalAccount, export_default$1b as SingleNotification, export_default$1a as SingleSurveyTask, export_default$19 as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$a as StepDetailText, export_default$8 as StepImage, export_default$9 as StepImageIcon, export_default$7 as StepLayout, export_default$6 as StepMarkdown, export_default$5 as StepNextButton, export_default$4 as StepText, export_default$3 as StepTitle, export_default$F as SurveyTaskList, export_default$h as SurveyTasksView, export_default$18 as Switch, SymptomConfiguration, SymptomReference, export_default$E as SymptomSharkCalendar, export_default$t as SymptomSharkCalendarView, SymptomSharkConfiguration, SymptomSharkDataService, export_default$C as SymptomSharkLogEntry, export_default$v as SymptomSharkLogEntryEdit, export_default$s as SymptomSharkLogEntryEditView, export_default$x as SymptomSharkLogEntryList, export_default$w as SymptomSharkLogToday, export_default$D as SymptomSharkOverallExperienceChart, export_default$r as SymptomSharkSymptomDetailView, export_default$z as SymptomSharkSymptomSeverityChart, export_default$A as SymptomSharkSymptomSeveritySummary, export_default$y as SymptomSharkSymptomTreatmentFilters, export_default$B as SymptomSharkSymptomTreatmentHistograms, export_default$u as SymptomSharkVisualizationCoordinator, export_default$17 as TextBlock, export_default$16 as Title, export_default$15 as TrackerItem, TreatmentConfiguration, TreatmentReference, export_default$14 as UnstyledButton, export_default$13 as ViewHeader, export_default$12 as WeekCalendar, WeekStartsOn, export_default$2 as YouTubeStep, export_default$1 as YouTubeStepContainer, checkDailyDataAvailability, convertToSymptomSharkConfiguration, getDayKey, getMonthStart, getWeekStart, language, queryDailyData, registerDailyDataProvider, export_default as useInterval };
+export { export_default$1s as Action, export_default$1r as ActivityMeter, export_default$11 as AppDownload, AreaChartOptions, BarChartOptions, export_default$q as BlankView, export_default$1q as Button, export_default$1p as Calendar, export_default$1o as Card, export_default$1n as CardTitle, export_default$g as CelebrationStep, export_default$f as CelebrationStepContainer, ColorDefinition, export_default$e as ConnectDeviceAccountStep, export_default$d as ConnectDeviceAccountStepContainer, export_default$10 as ConnectDevicesMenu, export_default$$ as ConnectEhr, export_default$c as ConnectEhrStep, export_default$b as ConnectEhrStepContainer, export_default$p as ConnectEhrView, export_default$_ as ConnectFitbit, export_default$Z as ConnectGarmin, DailyDataAvailabilityCheck, DailyDataChart, DailyDataProvider, DailyDataQueryResult, DailyDataType, DailyLogEntry, DateRangeNavigatorContext as DateRangeCoordinator, export_default$1m as DateRangeNavigator, export_default$1l as DayTrackerSymbol, DeviceDataChartLine, export_default$Y as DeviceDataMonthChart, export_default$X as DeviceDataMonthCharts, export_default$o as DeviceDataView, export_default$W as ExternalAccountList, export_default$V as ExternalAccountsLoadingIndicator, export_default$U as ExternalAccountsPreview, export_default$n as ExternalAccountsView, export_default$1k as Face, export_default$T as FitbitDevices, export_default$S as FitbitMonthCharts, export_default$m as FitbitView, export_default$R as GarminDevices, export_default$Q as GarminMonthCharts, export_default$l as GarminView, export_default$j as HealthAndWellnessView, export_default$P as HealthPreviewSection, export_default$1j as Histogram, export_default$k as HomeView, export_default$O as LabResultsSummary, export_default$1i as Layout, LayoutContext, LineChartOptions, LoadingIndicator, export_default$N as MostRecentNotification, export_default$1h as NavigationBar, export_default$1g as NotesInput, export_default$M as NotificationList, export_default$i as NotificationsView, export_default$L as PlatformSpecificContent, export_default$K as ProjectHeader, export_default$J as ProjectSupport, export_default$I as ProviderSearch, export_default$H as RelativeActivityToday, export_default$G as RestingHeartRateCalendar, export_default$1f as Section, export_default$1e as SegmentedControl, export_default$1d as ShinyOverlay, export_default$1c as SingleExternalAccount, export_default$1b as SingleNotification, export_default$1a as SingleSurveyTask, export_default$19 as SparkBarChart, SparkBarChartBar, StatusBarBackgroundProps as StatusBarBackground, export_default$a as StepDetailText, export_default$8 as StepImage, export_default$9 as StepImageIcon, export_default$7 as StepLayout, export_default$6 as StepMarkdown, export_default$5 as StepNextButton, export_default$4 as StepText, export_default$3 as StepTitle, export_default$F as SurveyTaskList, export_default$h as SurveyTasksView, export_default$18 as Switch, SymptomConfiguration, SymptomReference, export_default$E as SymptomSharkCalendar, export_default$t as SymptomSharkCalendarView, SymptomSharkConfiguration, SymptomSharkDataService, export_default$C as SymptomSharkLogEntry, export_default$v as SymptomSharkLogEntryEdit, export_default$s as SymptomSharkLogEntryEditView, export_default$x as SymptomSharkLogEntryList, export_default$w as SymptomSharkLogToday, export_default$D as SymptomSharkOverallExperienceChart, export_default$r as SymptomSharkSymptomDetailView, export_default$z as SymptomSharkSymptomSeverityChart, export_default$A as SymptomSharkSymptomSeveritySummary, export_default$y as SymptomSharkSymptomTreatmentFilters, export_default$B as SymptomSharkSymptomTreatmentHistograms, export_default$u as SymptomSharkVisualizationCoordinator, export_default$17 as TextBlock, export_default$16 as Title, export_default$15 as TrackerItem, TreatmentConfiguration, TreatmentReference, export_default$14 as UnstyledButton, export_default$13 as ViewHeader, export_default$12 as WeekCalendar, WeekStartsOn, export_default$2 as YouTubeStep, export_default$1 as YouTubeStepContainer, checkDailyDataAvailability, convertToSymptomSharkConfiguration, getDayKey, getMonthStart, getWeekStart, language, queryDailyData, registerDailyDataProvider, resolveColor, export_default as useInterval };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@careevolution/mydatahelps-ui",
-  "version": "2.7.0",
+  "version": "2.7.1-Colors.1",
   "description": "MyDataHelps UI Library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",