@careevolution/mydatahelps-ui 1.9.2-DarkMode.9 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/presentational/Histogram/Histogram.d.ts +1 -0
- package/dist/cjs/types/components/presentational/Layout/Layout.d.ts +7 -2
- package/dist/cjs/types/components/presentational/Layout/Layout.stories.d.ts +9 -0
- package/dist/cjs/types/components/presentational/LoadingIndicator/LoadingIndicator.d.ts +1 -0
- package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.d.ts +1 -1
- package/dist/cjs/types/components/presentational/Switch/Switch.stories.d.ts +1 -0
- package/dist/cjs/types/components/presentational/UnstyledButton/UnstyledButton.d.ts +11 -0
- package/dist/cjs/types/components/presentational/UnstyledButton/index.d.ts +1 -0
- package/dist/cjs/types/components/presentational/index.d.ts +1 -0
- package/dist/cjs/types/components/view/ConnectEhrView/ConnectEhrView.d.ts +1 -0
- package/dist/cjs/types/components/view/DeviceDataView/DeviceDataView.d.ts +1 -0
- package/dist/cjs/types/components/view/ExternalAccountsView/ExternalAccountsView.d.ts +1 -0
- package/dist/cjs/types/components/view/FitbitView/FitbitView.d.ts +1 -0
- package/dist/cjs/types/components/view/HomeView/HomeView.d.ts +1 -0
- package/dist/cjs/types/components/view/NotificationsView/NotificationsView.d.ts +1 -0
- package/dist/cjs/types/components/view/SurveyTasksView/SurveyTasksView.d.ts +1 -0
- package/dist/cjs/types/helpers/globalCss.d.ts +3 -2
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/presentational/Histogram/Histogram.d.ts +1 -0
- package/dist/esm/types/components/presentational/Layout/Layout.d.ts +7 -2
- package/dist/esm/types/components/presentational/Layout/Layout.stories.d.ts +9 -0
- package/dist/esm/types/components/presentational/LoadingIndicator/LoadingIndicator.d.ts +1 -0
- package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.d.ts +1 -1
- package/dist/esm/types/components/presentational/Switch/Switch.stories.d.ts +1 -0
- package/dist/esm/types/components/presentational/UnstyledButton/UnstyledButton.d.ts +11 -0
- package/dist/esm/types/components/presentational/UnstyledButton/index.d.ts +1 -0
- package/dist/esm/types/components/presentational/index.d.ts +1 -0
- package/dist/esm/types/components/view/ConnectEhrView/ConnectEhrView.d.ts +1 -0
- package/dist/esm/types/components/view/DeviceDataView/DeviceDataView.d.ts +1 -0
- package/dist/esm/types/components/view/ExternalAccountsView/ExternalAccountsView.d.ts +1 -0
- package/dist/esm/types/components/view/FitbitView/FitbitView.d.ts +1 -0
- package/dist/esm/types/components/view/HomeView/HomeView.d.ts +1 -0
- package/dist/esm/types/components/view/NotificationsView/NotificationsView.d.ts +1 -0
- package/dist/esm/types/components/view/SurveyTasksView/SurveyTasksView.d.ts +1 -0
- package/dist/esm/types/helpers/globalCss.d.ts +3 -2
- package/dist/index.d.ts +48 -25
- package/package.json +1 -1
|
@@ -4,14 +4,19 @@ import "./Layout.css";
|
|
|
4
4
|
export interface LayoutProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
bodyBackgroundColor?: string;
|
|
7
|
+
primaryColor?: string;
|
|
7
8
|
statusBarStyle?: StatusBarStyle;
|
|
8
9
|
className?: string;
|
|
9
|
-
autoDarkMode?: boolean;
|
|
10
10
|
noGlobalStyles?: boolean;
|
|
11
|
+
colorScheme?: "light" | "dark" | "auto";
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated
|
|
14
|
+
*/
|
|
11
15
|
stylesheetPath?: string;
|
|
12
16
|
}
|
|
13
17
|
export interface LayoutContext {
|
|
14
|
-
|
|
18
|
+
colorScheme: "light" | "dark";
|
|
19
|
+
bodyBackgroundColor: string;
|
|
15
20
|
}
|
|
16
21
|
export declare const LayoutContext: React.Context<LayoutContext>;
|
|
17
22
|
export default function (props: LayoutProps): JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentMeta, ComponentStory } from "@storybook/react";
|
|
2
|
+
import Layout from "../Layout";
|
|
3
|
+
declare const _default: ComponentMeta<typeof Layout>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const AutoColorScheme: ComponentStory<typeof Layout>;
|
|
6
|
+
export declare const LightColorScheme: ComponentStory<typeof Layout>;
|
|
7
|
+
export declare const DarkColorScheme: ComponentStory<typeof Layout>;
|
|
8
|
+
export declare const NoGlobalStyles: ComponentStory<typeof Layout>;
|
|
9
|
+
export declare const CustomBackground: ComponentStory<typeof Layout>;
|
|
@@ -4,6 +4,7 @@ import '@fortawesome/fontawesome-svg-core/styles.css';
|
|
|
4
4
|
export interface LoadingIndicatorProps {
|
|
5
5
|
variant?: "default" | "inline";
|
|
6
6
|
color?: string;
|
|
7
|
+
className?: string;
|
|
7
8
|
}
|
|
8
9
|
declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
|
|
9
10
|
export default LoadingIndicator;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import "./NavigationBar.css";
|
|
3
3
|
import '@fortawesome/fontawesome-svg-core/styles.css';
|
|
4
4
|
export interface NavigationBarProps {
|
|
5
|
-
title
|
|
5
|
+
title?: string;
|
|
6
6
|
showBackButton?: boolean;
|
|
7
7
|
showCloseButton?: boolean;
|
|
8
8
|
children?: React.ReactNode;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { MouseEventHandler } from "react";
|
|
2
|
+
import "./UnstyledButton.css";
|
|
3
|
+
export interface UnstyledButtonProps {
|
|
4
|
+
onClick: MouseEventHandler;
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
title?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export default function (props: UnstyledButtonProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./UnstyledButton";
|
|
@@ -22,4 +22,5 @@ export { default as Switch } from "./Switch";
|
|
|
22
22
|
export { default as StatusBarBackground } from "./StatusBarBackground";
|
|
23
23
|
export { default as TextBlock } from "./TextBlock";
|
|
24
24
|
export { default as TrackerItem } from "./TrackerItem";
|
|
25
|
+
export { default as UnstyledButton } from "./UnstyledButton";
|
|
25
26
|
export { default as WeekCalendar } from "./WeekCalendar";
|
|
@@ -6,6 +6,7 @@ export interface ConnectEhrViewProps {
|
|
|
6
6
|
excludeHealthPlans?: boolean;
|
|
7
7
|
presentation?: ViewPresentationType;
|
|
8
8
|
preview?: boolean;
|
|
9
|
+
colorScheme?: "auto" | "light" | "dark";
|
|
9
10
|
}
|
|
10
11
|
export declare type ViewPresentationType = "Modal" | "Push";
|
|
11
12
|
export default function (props: ConnectEhrViewProps): JSX.Element;
|
|
@@ -5,6 +5,7 @@ export interface ExternalAccountsViewProps {
|
|
|
5
5
|
excludeDeviceManufacturers?: boolean;
|
|
6
6
|
presentation?: ViewPresentationType;
|
|
7
7
|
preview?: boolean;
|
|
8
|
+
colorScheme?: "auto" | "light" | "dark";
|
|
8
9
|
}
|
|
9
10
|
export declare type ViewPresentationType = "Modal" | "Push";
|
|
10
11
|
export default function (props: ExternalAccountsViewProps): JSX.Element;
|
|
@@ -6,5 +6,6 @@ export interface FitbitViewProps {
|
|
|
6
6
|
connectPreview?: ConnectFitbitPreviewState;
|
|
7
7
|
devicesPreview?: FitbitDevicesPreviewState;
|
|
8
8
|
chartsPreview?: FitbitMonthChartsPreviewState;
|
|
9
|
+
colorScheme?: "auto" | "light" | "dark";
|
|
9
10
|
}
|
|
10
11
|
export default function (props: FitbitViewProps): JSX.Element;
|
|
@@ -4,6 +4,7 @@ export interface NotificationsViewProps {
|
|
|
4
4
|
notificationType?: NotificationType;
|
|
5
5
|
presentation?: ViewPresentationType;
|
|
6
6
|
preview?: boolean;
|
|
7
|
+
colorScheme?: "auto" | "light" | "dark";
|
|
7
8
|
}
|
|
8
9
|
export declare type ViewPresentationType = "Modal" | "Push";
|
|
9
10
|
export default function (props: NotificationsViewProps): JSX.Element;
|
|
@@ -5,6 +5,7 @@ export interface SurveyTasksViewProps {
|
|
|
5
5
|
hideDueDate?: boolean;
|
|
6
6
|
presentation?: ViewPresentationType;
|
|
7
7
|
preview?: boolean;
|
|
8
|
+
colorScheme?: "auto" | "light" | "dark";
|
|
8
9
|
}
|
|
9
10
|
export declare type ViewPresentationType = "Modal" | "Push";
|
|
10
11
|
export default function (props: SurveyTasksViewProps): JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
1
|
+
export declare const core: import("@emotion/utils").SerializedStyles;
|
|
2
|
+
export declare const lightColorScheme: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare const darkColorScheme: import("@emotion/utils").SerializedStyles;
|
|
3
4
|
export declare const global: import("@emotion/utils").SerializedStyles;
|