@careevolution/mydatahelps-ui 1.9.2-DarkMode.8 → 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.
Files changed (46) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/presentational/Button/Button.d.ts +2 -0
  4. package/dist/cjs/types/components/presentational/Button/Button.stories.d.ts +3 -0
  5. package/dist/cjs/types/components/presentational/Histogram/Histogram.d.ts +1 -0
  6. package/dist/cjs/types/components/presentational/Layout/Layout.d.ts +7 -2
  7. package/dist/cjs/types/components/presentational/Layout/Layout.stories.d.ts +9 -0
  8. package/dist/cjs/types/components/presentational/LoadingIndicator/LoadingIndicator.d.ts +6 -1
  9. package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.d.ts +2 -1
  10. package/dist/cjs/types/components/presentational/NavigationBar/NavigationBar.stories.d.ts +1 -0
  11. package/dist/cjs/types/components/presentational/Switch/Switch.stories.d.ts +1 -0
  12. package/dist/cjs/types/components/presentational/UnstyledButton/UnstyledButton.d.ts +11 -0
  13. package/dist/cjs/types/components/presentational/UnstyledButton/index.d.ts +1 -0
  14. package/dist/cjs/types/components/presentational/index.d.ts +1 -0
  15. package/dist/cjs/types/components/view/ConnectEhrView/ConnectEhrView.d.ts +1 -0
  16. package/dist/cjs/types/components/view/DeviceDataView/DeviceDataView.d.ts +1 -0
  17. package/dist/cjs/types/components/view/ExternalAccountsView/ExternalAccountsView.d.ts +1 -0
  18. package/dist/cjs/types/components/view/FitbitView/FitbitView.d.ts +1 -0
  19. package/dist/cjs/types/components/view/HomeView/HomeView.d.ts +1 -0
  20. package/dist/cjs/types/components/view/NotificationsView/NotificationsView.d.ts +1 -0
  21. package/dist/cjs/types/components/view/SurveyTasksView/SurveyTasksView.d.ts +1 -0
  22. package/dist/cjs/types/helpers/globalCss.d.ts +3 -2
  23. package/dist/esm/index.js +4 -4
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/esm/types/components/presentational/Button/Button.d.ts +2 -0
  26. package/dist/esm/types/components/presentational/Button/Button.stories.d.ts +3 -0
  27. package/dist/esm/types/components/presentational/Histogram/Histogram.d.ts +1 -0
  28. package/dist/esm/types/components/presentational/Layout/Layout.d.ts +7 -2
  29. package/dist/esm/types/components/presentational/Layout/Layout.stories.d.ts +9 -0
  30. package/dist/esm/types/components/presentational/LoadingIndicator/LoadingIndicator.d.ts +6 -1
  31. package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.d.ts +2 -1
  32. package/dist/esm/types/components/presentational/NavigationBar/NavigationBar.stories.d.ts +1 -0
  33. package/dist/esm/types/components/presentational/Switch/Switch.stories.d.ts +1 -0
  34. package/dist/esm/types/components/presentational/UnstyledButton/UnstyledButton.d.ts +11 -0
  35. package/dist/esm/types/components/presentational/UnstyledButton/index.d.ts +1 -0
  36. package/dist/esm/types/components/presentational/index.d.ts +1 -0
  37. package/dist/esm/types/components/view/ConnectEhrView/ConnectEhrView.d.ts +1 -0
  38. package/dist/esm/types/components/view/DeviceDataView/DeviceDataView.d.ts +1 -0
  39. package/dist/esm/types/components/view/ExternalAccountsView/ExternalAccountsView.d.ts +1 -0
  40. package/dist/esm/types/components/view/FitbitView/FitbitView.d.ts +1 -0
  41. package/dist/esm/types/components/view/HomeView/HomeView.d.ts +1 -0
  42. package/dist/esm/types/components/view/NotificationsView/NotificationsView.d.ts +1 -0
  43. package/dist/esm/types/components/view/SurveyTasksView/SurveyTasksView.d.ts +1 -0
  44. package/dist/esm/types/helpers/globalCss.d.ts +3 -2
  45. package/dist/index.d.ts +56 -26
  46. package/package.json +1 -1
@@ -10,5 +10,7 @@ export interface ButtonProps {
10
10
  onClick: Function;
11
11
  className?: string;
12
12
  color?: string;
13
+ loading?: boolean;
14
+ variant?: "default" | "subtle";
13
15
  }
14
16
  export default function (props: ButtonProps): JSX.Element;
@@ -4,3 +4,6 @@ declare const _default: ComponentMeta<typeof Button>;
4
4
  export default _default;
5
5
  export declare const Enabled: ComponentStory<typeof Button>;
6
6
  export declare const Disabled: ComponentStory<typeof Button>;
7
+ export declare const CustomColor: ComponentStory<typeof Button>;
8
+ export declare const Loading: ComponentStory<typeof Button>;
9
+ export declare const SubtleVariant: ComponentStory<typeof Button>;
@@ -7,5 +7,6 @@ export interface HistogramProps {
7
7
  value: number;
8
8
  onSelect?(): void;
9
9
  }[];
10
+ className?: string;
10
11
  }
11
12
  export default function (props: HistogramProps): JSX.Element;
@@ -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
- darkMode: boolean;
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>;
@@ -1,5 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import "./LoadingIndicator.css";
3
3
  import '@fortawesome/fontawesome-svg-core/styles.css';
4
- declare function LoadingIndicator(): JSX.Element;
4
+ export interface LoadingIndicatorProps {
5
+ variant?: "default" | "inline";
6
+ color?: string;
7
+ className?: string;
8
+ }
9
+ declare function LoadingIndicator(props: LoadingIndicatorProps): JSX.Element;
5
10
  export default LoadingIndicator;
@@ -2,12 +2,13 @@ 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: string;
5
+ title?: string;
6
6
  showBackButton?: boolean;
7
7
  showCloseButton?: boolean;
8
8
  children?: React.ReactNode;
9
9
  closeButtonText?: string;
10
10
  backButtonText?: string;
11
11
  className?: string;
12
+ variant?: "default" | "compressed";
12
13
  }
13
14
  export default function (props: NavigationBarProps): JSX.Element;
@@ -5,5 +5,6 @@ export default _default;
5
5
  export declare const Drilldown: ComponentStory<typeof NavigationBar>;
6
6
  export declare const Modal: ComponentStory<typeof NavigationBar>;
7
7
  export declare const CustomButtons: ComponentStory<typeof NavigationBar>;
8
+ export declare const Compressed: ComponentStory<typeof NavigationBar>;
8
9
  export declare const WithDateRangeNavigator: ComponentStory<typeof NavigationBar>;
9
10
  export declare const WithRoundedDateRangeNavigator: ComponentStory<typeof NavigationBar>;
@@ -3,3 +3,4 @@ import Switch from "./Switch";
3
3
  declare const _default: ComponentMeta<typeof Switch>;
4
4
  export default _default;
5
5
  export declare const Default: ComponentStory<typeof Switch>;
6
+ export declare const CustomBackground: ComponentStory<typeof Switch>;
@@ -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;
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  export interface DeviceDataViewProps {
3
3
  preview?: boolean;
4
+ colorScheme?: "auto" | "light" | "dark";
4
5
  }
5
6
  export default function (props: DeviceDataViewProps): 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;
@@ -15,5 +15,6 @@ export interface HomeViewProps {
15
15
  notificationsViewUrl?: string;
16
16
  tasksViewUrl?: string;
17
17
  preview?: boolean;
18
+ colorScheme?: "auto" | "light" | "dark";
18
19
  }
19
20
  export default function (props: HomeViewProps): 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 defaultVariables: import("@emotion/utils").SerializedStyles;
2
- export declare const darkMode: import("@emotion/utils").SerializedStyles;
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;