@metaboliccode-dev/widget 0.2.24 → 0.2.25

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 (21) hide show
  1. package/dist/MetabolicDashboard/api/mappers/mapQuestionnaireAnalysisPage.d.ts +2 -2
  2. package/dist/MetabolicDashboard/api/mappers/mapTotalPredictiveIndexPage.d.ts +2 -2
  3. package/dist/MetabolicDashboard/api/mappers/shared.d.ts +4 -3
  4. package/dist/components/DashboardTab/TrendStatusExplanationPanel/OrganContentSections.d.ts +4 -1
  5. package/dist/components/DashboardTab/TrendStatusExplanationPanel/OrganContentTabs.d.ts +8 -0
  6. package/dist/components/DashboardTab/TrendStatusExplanationPanel/StressStageCard.d.ts +3 -1
  7. package/dist/components/DashboardTab/TrendStatusExplanationPanel/TrendPanelAnatomyIllustration.d.ts +2 -1
  8. package/dist/components/DashboardTab/TrendStatusExplanationPanel/types.d.ts +5 -3
  9. package/dist/components/dashboard/components/sections/MetabolicTriadCategoryPanel/primitives.d.ts +2 -1
  10. package/dist/components/dashboard/components/sections/MetabolicTriadCategoryPanel/types.d.ts +1 -0
  11. package/dist/components/dashboard/components/sections/MetabolicTriadSectionCard.d.ts +2 -1
  12. package/dist/components/dashboard/constants/riskColors.d.ts +21 -16
  13. package/dist/components/dashboard/constants/triadColors.d.ts +1 -0
  14. package/dist/components/dashboard/data/contentTypes.d.ts +6 -0
  15. package/dist/index.css +1 -1
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.js +4545 -4079
  18. package/dist/theme/assets.d.ts +21 -0
  19. package/dist/theme/colors.d.ts +149 -0
  20. package/dist/theme/index.d.ts +2 -0
  21. package/package.json +1 -1
package/dist/theme/assets.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ export declare const METABOLIC_FIGMA_ASSETS_SOURCE: {
2
+ readonly fileKey: "Qfqm0GEdpNTxlIF53puJnK";
3
+ readonly assetsNodeId: "130:1566";
4
+ readonly colorsNodeId: "1607:8236";
5
+ readonly assetsUrl: "https://www.figma.com/design/Qfqm0GEdpNTxlIF53puJnK/Metabolic-Code-Report-Dashboard?node-id=130-1566&m=dev";
6
+ };
7
+ export type MetabolicTriadNumber = 1 | 2 | 3 | 4 | 5;
8
+ export type MetabolicFlyoutImageStackKey = "adrenal" | "brain" | "cardio" | "cardiopulmonary" | "estrogen" | "gut" | "immune" | "kidney" | "liver" | "lymph" | "neurovascular" | "pancreas" | "progesterone" | "pulmonary" | "testosterone" | "thyroid";
9
+ export declare const METABOLIC_TRIAD_ICON_SRC: Record<MetabolicTriadNumber, string>;
10
+ export declare const METABOLIC_FLYOUT_IMAGE_STACK_SRC: Record<MetabolicFlyoutImageStackKey, string>;
11
+ export declare const METABOLIC_FLYOUT_IMAGE_STACK_FIGMA_NODES: Record<MetabolicFlyoutImageStackKey, string>;
12
+ export declare const METABOLIC_ASSETS: {
13
+ readonly logo: {
14
+ readonly full: string;
15
+ readonly mobile: string;
16
+ };
17
+ readonly triads: Record<MetabolicTriadNumber, string>;
18
+ readonly flyoutImageStacks: Record<MetabolicFlyoutImageStackKey, string>;
19
+ };
20
+ export declare function metabolicTriadIconSrc(triadNumber: number): string | undefined;
21
+ export declare function metabolicFlyoutImageStackSrc(organKey: string): string | undefined;
package/dist/theme/colors.d.ts ADDED
@@ -0,0 +1,149 @@
1
+ export declare const METABOLIC_THEME_COLORS: {
2
+ readonly ui: {
3
+ readonly white: "#FFFFFF";
4
+ readonly black: "#000000";
5
+ readonly shellBackground: "#FFFFFF";
6
+ readonly shellBorder: "#E5E5E5";
7
+ readonly shellShadow: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
8
+ readonly sidebarBackground: "rgb(250 250 250 / 0.8)";
9
+ readonly sidebarBorder: "#E5E5E5";
10
+ readonly navActiveBackground: "#E5E5E5";
11
+ readonly navHoverBackground: "rgb(229 229 229 / 0.5)";
12
+ readonly textPrimary: "#171717";
13
+ readonly textPrimaryFigma: "#1C2024";
14
+ readonly textMuted: "#737373";
15
+ readonly chartTextMuted: "#64748B";
16
+ readonly buttonBackground: "#FFFFFF";
17
+ readonly buttonBorder: "#D4D4D4";
18
+ readonly buttonText: "#262626";
19
+ readonly buttonHoverBackground: "#FAFAFA";
20
+ readonly cardBackground: "#FFFFFF";
21
+ readonly cardBorder: "#E5E5E5";
22
+ readonly cardShadow: "0 4px 6px 0 rgba(0, 0, 0, 0.09)";
23
+ readonly badgeBackground: "#EBEBEB";
24
+ readonly badgeText: "#737373";
25
+ readonly badgeValueBackground: "rgb(229 229 229 / 0.5)";
26
+ readonly badgeValueText: "#171717";
27
+ readonly mutedSectionBackground: "#F4F4F4";
28
+ };
29
+ readonly figmaAssets: {
30
+ readonly orange: {
31
+ readonly "100": "#F79420";
32
+ readonly "80": "rgba(247, 148, 32, 0.8)";
33
+ readonly "60": "rgba(247, 148, 32, 0.6)";
34
+ readonly "40": "rgba(247, 148, 32, 0.4)";
35
+ };
36
+ readonly blue: {
37
+ readonly "100": "#00AFE8";
38
+ readonly "80": "rgba(0, 175, 232, 0.8)";
39
+ readonly "60": "rgba(0, 175, 232, 0.6)";
40
+ readonly "40": "rgba(0, 175, 232, 0.4)";
41
+ };
42
+ readonly green: {
43
+ readonly "100": "#27C163";
44
+ readonly "80": "rgba(39, 193, 99, 0.8)";
45
+ readonly "60": "rgba(39, 193, 99, 0.6)";
46
+ readonly "40": "rgba(39, 193, 99, 0.4)";
47
+ };
48
+ readonly red: {
49
+ readonly "100": "#F05452";
50
+ readonly "80": "rgba(240, 84, 82, 0.8)";
51
+ readonly "60": "rgba(240, 84, 82, 0.6)";
52
+ readonly "40": "rgba(240, 84, 82, 0.4)";
53
+ };
54
+ readonly purple: {
55
+ readonly "100": "#AC26FF";
56
+ readonly "80": "rgba(172, 38, 255, 0.8)";
57
+ readonly "60": "rgba(172, 38, 255, 0.6)";
58
+ readonly "40": "rgba(172, 38, 255, 0.4)";
59
+ };
60
+ };
61
+ readonly triad: {
62
+ readonly 1: "#F79420";
63
+ readonly 2: "#00AFE8";
64
+ readonly 3: "#27C163";
65
+ readonly 4: "#F05452";
66
+ readonly 5: "#AC26FF";
67
+ };
68
+ readonly risk: {
69
+ readonly low: "#27C163";
70
+ readonly moderate: "#E2CC00";
71
+ readonly high: "#F05452";
72
+ readonly lowTrack: "#86CD95";
73
+ readonly moderateTrack: "#E1CB7F";
74
+ readonly highTrack: "#E97180";
75
+ readonly lowTint: "#E9F7EF";
76
+ readonly moderateTint: "#FDF9E0";
77
+ readonly highTint: "#FDECEC";
78
+ };
79
+ readonly score: {
80
+ readonly low: "#E97180";
81
+ readonly moderate: "#E1CB7F";
82
+ readonly high: "#86CD95";
83
+ readonly danger: "#E53935";
84
+ readonly warning: "#FFB300";
85
+ readonly success: "#4CAF50";
86
+ };
87
+ readonly metaflammation: {
88
+ readonly greenStart: "#86CD95";
89
+ readonly greenEnd: "#9FD4A8";
90
+ readonly moderate: "#E1CB7F";
91
+ readonly orangeStart: "#E8C97A";
92
+ readonly orangeMid: "#E8A860";
93
+ readonly orangeEnd: "#EC985A";
94
+ readonly redStart: "#E9886D";
95
+ readonly redEnd: "#E97180";
96
+ };
97
+ readonly trendPanel: {
98
+ readonly backdrop: "rgba(0, 0, 0, 0.5)";
99
+ readonly subtleBackground: "rgb(0 0 0 / 0.02)";
100
+ readonly subtleHoverBackground: "rgb(0 0 0 / 0.05)";
101
+ readonly subtleBorder: "rgb(0 0 0 / 0.06)";
102
+ readonly videoBackground: "#2D2D2D";
103
+ readonly stageBackground: "#FAF8F5";
104
+ readonly stageHeaderBackground: "#F0EBE3";
105
+ };
106
+ };
107
+ export declare const METABOLIC_THEME_COLOR_CSS_VARIABLES: {
108
+ readonly "--mb-color-asset-orange": "#F79420";
109
+ readonly "--mb-color-asset-orange-80": "rgba(247, 148, 32, 0.8)";
110
+ readonly "--mb-color-asset-orange-60": "rgba(247, 148, 32, 0.6)";
111
+ readonly "--mb-color-asset-orange-40": "rgba(247, 148, 32, 0.4)";
112
+ readonly "--mb-color-asset-blue": "#00AFE8";
113
+ readonly "--mb-color-asset-blue-80": "rgba(0, 175, 232, 0.8)";
114
+ readonly "--mb-color-asset-blue-60": "rgba(0, 175, 232, 0.6)";
115
+ readonly "--mb-color-asset-blue-40": "rgba(0, 175, 232, 0.4)";
116
+ readonly "--mb-color-asset-green": "#27C163";
117
+ readonly "--mb-color-asset-green-80": "rgba(39, 193, 99, 0.8)";
118
+ readonly "--mb-color-asset-green-60": "rgba(39, 193, 99, 0.6)";
119
+ readonly "--mb-color-asset-green-40": "rgba(39, 193, 99, 0.4)";
120
+ readonly "--mb-color-asset-red": "#F05452";
121
+ readonly "--mb-color-asset-red-80": "rgba(240, 84, 82, 0.8)";
122
+ readonly "--mb-color-asset-red-60": "rgba(240, 84, 82, 0.6)";
123
+ readonly "--mb-color-asset-red-40": "rgba(240, 84, 82, 0.4)";
124
+ readonly "--mb-color-asset-purple": "#AC26FF";
125
+ readonly "--mb-color-asset-purple-80": "rgba(172, 38, 255, 0.8)";
126
+ readonly "--mb-color-asset-purple-60": "rgba(172, 38, 255, 0.6)";
127
+ readonly "--mb-color-asset-purple-40": "rgba(172, 38, 255, 0.4)";
128
+ readonly "--mb-color-triad-1": "#F79420";
129
+ readonly "--mb-color-triad-2": "#00AFE8";
130
+ readonly "--mb-color-triad-3": "#27C163";
131
+ readonly "--mb-color-triad-4": "#F05452";
132
+ readonly "--mb-color-triad-5": "#AC26FF";
133
+ readonly "--mb-color-risk-low": "#27C163";
134
+ readonly "--mb-color-risk-moderate": "#E2CC00";
135
+ readonly "--mb-color-risk-high": "#F05452";
136
+ readonly "--mb-color-risk-low-track": "#86CD95";
137
+ readonly "--mb-color-risk-moderate-track": "#E1CB7F";
138
+ readonly "--mb-color-risk-high-track": "#E97180";
139
+ readonly "--mb-color-risk-low-tint": "#E9F7EF";
140
+ readonly "--mb-color-risk-moderate-tint": "#FDF9E0";
141
+ readonly "--mb-color-risk-high-tint": "#FDECEC";
142
+ readonly "--mb-color-trend-panel-backdrop": "rgba(0, 0, 0, 0.5)";
143
+ readonly "--mb-color-trend-panel-subtle-bg": "rgb(0 0 0 / 0.02)";
144
+ readonly "--mb-color-trend-panel-subtle-hover-bg": "rgb(0 0 0 / 0.05)";
145
+ readonly "--mb-color-trend-panel-subtle-border": "rgb(0 0 0 / 0.06)";
146
+ readonly "--mb-color-trend-panel-video-bg": "#2D2D2D";
147
+ readonly "--mb-color-trend-panel-stage-bg": "#FAF8F5";
148
+ readonly "--mb-color-trend-panel-stage-header-bg": "#F0EBE3";
149
+ };
package/dist/theme/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { METABOLIC_ASSETS, METABOLIC_FIGMA_ASSETS_SOURCE, METABOLIC_FLYOUT_IMAGE_STACK_FIGMA_NODES, METABOLIC_FLYOUT_IMAGE_STACK_SRC, METABOLIC_TRIAD_ICON_SRC, type MetabolicFlyoutImageStackKey, type MetabolicTriadNumber, metabolicFlyoutImageStackSrc, metabolicTriadIconSrc, } from "./assets";
2
+ export { METABOLIC_THEME_COLOR_CSS_VARIABLES, METABOLIC_THEME_COLORS, } from "./colors";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metaboliccode-dev/widget",
3
- "version": "0.2.24",
3
+ "version": "0.2.25",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",