@yuva-devlab/tokens 1.2.0 → 1.3.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 (13) hide show
  1. package/dist/index.cjs +12 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +12 -1
  6. package/dist/index.js.map +1 -1
  7. package/dist/preset.css +11 -0
  8. package/dist/styles.css +1 -0
  9. package/dist/themes/vitalai.css +178 -0
  10. package/package.json +2 -1
  11. package/styles/preset.css +11 -0
  12. package/styles/styles.css +1 -0
  13. package/styles/themes/vitalai.css +178 -0
package/dist/index.cjs CHANGED
@@ -1,7 +1,13 @@
1
1
  'use strict';
2
2
 
3
3
  // src/index.ts
4
- var THEMES = ["orchestrai", "finai", "portal", "logs"];
4
+ var THEMES = [
5
+ "orchestrai",
6
+ "finai",
7
+ "portal",
8
+ "logs",
9
+ "vitalai"
10
+ ];
5
11
  var BRAND_MODES = ["light", "dark"];
6
12
  var THEME_CONFIGS = {
7
13
  orchestrai: {
@@ -23,6 +29,11 @@ var THEME_CONFIGS = {
23
29
  name: "logs",
24
30
  defaultMode: "dark",
25
31
  label: "DevLab Logs"
32
+ },
33
+ vitalai: {
34
+ name: "vitalai",
35
+ defaultMode: "dark",
36
+ label: "VitalAI"
26
37
  }
27
38
  };
28
39
 
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAA,EAAS,UAAU,MAAM;AAGvD,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.cjs","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\", \"portal\", \"logs\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n readonly name: ThemeName;\n readonly defaultMode: BrandMode;\n readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n orchestrai: {\n name: \"orchestrai\",\n defaultMode: \"dark\",\n label: \"OrchestrAI\",\n },\n finai: {\n name: \"finai\",\n defaultMode: \"dark\",\n label: \"FinAI\",\n },\n portal: {\n name: \"portal\",\n defaultMode: \"dark\",\n label: \"DevLab Portal\",\n },\n logs: {\n name: \"logs\",\n defaultMode: \"dark\",\n label: \"DevLab Logs\",\n },\n} as const;\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKO,IAAM,MAAA,GAAS;AAAA,EACpB,YAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AAGO,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.cjs","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\n \"orchestrai\",\n \"finai\",\n \"portal\",\n \"logs\",\n \"vitalai\",\n] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n readonly name: ThemeName;\n readonly defaultMode: BrandMode;\n readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n orchestrai: {\n name: \"orchestrai\",\n defaultMode: \"dark\",\n label: \"OrchestrAI\",\n },\n finai: {\n name: \"finai\",\n defaultMode: \"dark\",\n label: \"FinAI\",\n },\n portal: {\n name: \"portal\",\n defaultMode: \"dark\",\n label: \"DevLab Portal\",\n },\n logs: {\n name: \"logs\",\n defaultMode: \"dark\",\n label: \"DevLab Logs\",\n },\n vitalai: {\n name: \"vitalai\",\n defaultMode: \"dark\",\n label: \"VitalAI\",\n },\n} as const;\n"]}
package/dist/index.d.cts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @file src/index.ts
3
3
  * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.
4
4
  */
5
- declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs"];
5
+ declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs", "vitalai"];
6
6
  type ThemeName = (typeof THEMES)[number];
7
7
  declare const BRAND_MODES: readonly ["light", "dark"];
8
8
  type BrandMode = (typeof BRAND_MODES)[number];
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @file src/index.ts
3
3
  * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.
4
4
  */
5
- declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs"];
5
+ declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs", "vitalai"];
6
6
  type ThemeName = (typeof THEMES)[number];
7
7
  declare const BRAND_MODES: readonly ["light", "dark"];
8
8
  type BrandMode = (typeof BRAND_MODES)[number];
package/dist/index.js CHANGED
@@ -1,5 +1,11 @@
1
1
  // src/index.ts
2
- var THEMES = ["orchestrai", "finai", "portal", "logs"];
2
+ var THEMES = [
3
+ "orchestrai",
4
+ "finai",
5
+ "portal",
6
+ "logs",
7
+ "vitalai"
8
+ ];
3
9
  var BRAND_MODES = ["light", "dark"];
4
10
  var THEME_CONFIGS = {
5
11
  orchestrai: {
@@ -21,6 +27,11 @@ var THEME_CONFIGS = {
21
27
  name: "logs",
22
28
  defaultMode: "dark",
23
29
  label: "DevLab Logs"
30
+ },
31
+ vitalai: {
32
+ name: "vitalai",
33
+ defaultMode: "dark",
34
+ label: "VitalAI"
24
35
  }
25
36
  };
26
37
 
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAA,EAAS,UAAU,MAAM;AAGvD,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.js","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\", \"portal\", \"logs\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n readonly name: ThemeName;\n readonly defaultMode: BrandMode;\n readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n orchestrai: {\n name: \"orchestrai\",\n defaultMode: \"dark\",\n label: \"OrchestrAI\",\n },\n finai: {\n name: \"finai\",\n defaultMode: \"dark\",\n label: \"FinAI\",\n },\n portal: {\n name: \"portal\",\n defaultMode: \"dark\",\n label: \"DevLab Portal\",\n },\n logs: {\n name: \"logs\",\n defaultMode: \"dark\",\n label: \"DevLab Logs\",\n },\n} as const;\n"]}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";AAKO,IAAM,MAAA,GAAS;AAAA,EACpB,YAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF;AAGO,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.js","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\n \"orchestrai\",\n \"finai\",\n \"portal\",\n \"logs\",\n \"vitalai\",\n] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n readonly name: ThemeName;\n readonly defaultMode: BrandMode;\n readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n orchestrai: {\n name: \"orchestrai\",\n defaultMode: \"dark\",\n label: \"OrchestrAI\",\n },\n finai: {\n name: \"finai\",\n defaultMode: \"dark\",\n label: \"FinAI\",\n },\n portal: {\n name: \"portal\",\n defaultMode: \"dark\",\n label: \"DevLab Portal\",\n },\n logs: {\n name: \"logs\",\n defaultMode: \"dark\",\n label: \"DevLab Logs\",\n },\n vitalai: {\n name: \"vitalai\",\n defaultMode: \"dark\",\n label: \"VitalAI\",\n },\n} as const;\n"]}
package/dist/preset.css CHANGED
@@ -221,6 +221,17 @@
221
221
  --color-chart-4: var(--chart-4);
222
222
  --color-chart-5: var(--chart-5);
223
223
 
224
+ /* ── VitalAI Clinical & Performance Telemetry Tokens ───────────── */
225
+ --color-vital: var(--vital);
226
+ --color-vital-foreground: var(--vital-foreground);
227
+ --color-calories: var(--calories);
228
+ --color-protein: var(--protein);
229
+ --color-carbs: var(--carbs);
230
+ --color-fats: var(--fats);
231
+ --color-water: var(--water);
232
+ --color-glass: var(--glass);
233
+ --color-glass-border: var(--glass-border);
234
+
224
235
  /* ── Component Control Dimensions ─────────────────────────────────── */
225
236
  --height-control-xs: var(--control-height-xs, 1.75rem);
226
237
  --height-control-sm: var(--control-height-sm, 2rem);
package/dist/styles.css CHANGED
@@ -12,3 +12,4 @@
12
12
  @import "./themes/orchestrai.css";
13
13
  @import "./themes/portal.css";
14
14
  @import "./themes/logs.css";
15
+ @import "./themes/vitalai.css";
package/dist/themes/vitalai.css ADDED
@@ -0,0 +1,178 @@
1
+ /**
2
+ * VitalAI Theme Preset — Clinical Porcelain & Bioluminescent Teal Palette
3
+ * Modern OKLCH color spaces optimized for high performance, clinical nutrition, and fitness intelligence.
4
+ * High-specificity scoped tokens for VitalAI applications.
5
+ */
6
+
7
+ /* ── VitalAI Theme — Light Mode ─────────────────────────────────────────── */
8
+ [data-brand="vitalai"],
9
+ [data-theme="vitalai"],
10
+ [data-theme="vitalai-light"],
11
+ :root[data-brand="vitalai"],
12
+ :root[data-theme="vitalai"],
13
+ :root[data-theme="vitalai-light"] {
14
+ --radius: 1rem;
15
+
16
+ /* Surfaces */
17
+ --background: oklch(0.975 0.006 190);
18
+ --foreground: oklch(0.2 0.03 220);
19
+ --card: oklch(1 0 0 / 72%);
20
+ --card-foreground: oklch(0.2 0.03 220);
21
+ --popover: oklch(0.995 0.003 190);
22
+ --popover-foreground: oklch(0.2 0.03 220);
23
+
24
+ /* Brand Action */
25
+ --primary: oklch(0.52 0.11 185);
26
+ --primary-foreground: oklch(0.99 0.01 185);
27
+ --secondary: oklch(0.94 0.015 190);
28
+ --secondary-foreground: oklch(0.25 0.04 210);
29
+
30
+ /* Muted / Accent */
31
+ --muted: oklch(0.945 0.01 200);
32
+ --muted-foreground: oklch(0.5 0.025 220);
33
+ --accent: oklch(0.93 0.035 180);
34
+ --accent-foreground: oklch(0.3 0.07 185);
35
+
36
+ /* Status & Clinical Feedback */
37
+ --destructive: oklch(0.58 0.2 25);
38
+ --destructive-foreground: oklch(0.99 0 0);
39
+ --warning: oklch(0.72 0.16 70);
40
+ --warning-foreground: oklch(0.2 0.02 70);
41
+ --success: oklch(0.62 0.15 155);
42
+ --success-foreground: oklch(0.99 0 0);
43
+ --info: oklch(0.62 0.13 235);
44
+ --info-foreground: oklch(0.99 0 0);
45
+
46
+ /* Form & Interactive */
47
+ --border: oklch(0.2 0.03 220 / 9%);
48
+ --input: oklch(0.2 0.03 220 / 12%);
49
+ --ring: oklch(0.52 0.11 185);
50
+
51
+ /* Glassmorphism & Ambient Glow */
52
+ --glass: oklch(1 0 0 / 62%);
53
+ --glass-border: oklch(1 0 0 / 80%);
54
+ --glow: oklch(0.7 0.14 180 / 25%);
55
+ --glow-2: oklch(0.75 0.12 150 / 18%);
56
+ --shadow-glass:
57
+ 0 1px 0 0 oklch(1 0 0 / 70%) inset,
58
+ 0 10px 40px -12px oklch(0.3 0.05 210 / 18%);
59
+ --surface: oklch(1 0 0 / 70%);
60
+ --surface-2: oklch(0.975 0.005 190);
61
+ --overlay: oklch(0.975 0.006 190 / 80%);
62
+
63
+ /* Navigation & Sidebar */
64
+ --sidebar: oklch(0.99 0.004 190 / 70%);
65
+ --sidebar-foreground: oklch(0.25 0.03 220);
66
+ --sidebar-primary: oklch(0.52 0.11 185);
67
+ --sidebar-primary-foreground: oklch(0.99 0 0);
68
+ --sidebar-accent: oklch(0.93 0.035 180);
69
+ --sidebar-accent-foreground: oklch(0.3 0.07 185);
70
+ --sidebar-border: oklch(0.2 0.03 220 / 8%);
71
+ --sidebar-ring: oklch(0.52 0.11 185);
72
+
73
+ /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
74
+ --vital: oklch(0.62 0.15 160);
75
+ --vital-foreground: oklch(0.99 0 0);
76
+ --calories: oklch(0.66 0.17 45);
77
+ --protein: oklch(0.55 0.13 185);
78
+ --carbs: oklch(0.7 0.15 85);
79
+ --fats: oklch(0.6 0.16 350);
80
+ --water: oklch(0.62 0.13 235);
81
+
82
+ /* Visual Data Charts */
83
+ --chart-1: var(--protein);
84
+ --chart-2: var(--carbs);
85
+ --chart-3: var(--fats);
86
+ --chart-4: var(--calories);
87
+ --chart-5: var(--water);
88
+ }
89
+
90
+ /* ── VitalAI Theme — Dark Mode ────────────────────────────────────────── */
91
+ [data-theme="vitalai-dark"],
92
+ [data-brand="vitalai"][data-theme="dark"],
93
+ [data-brand="vitalai"][data-theme="vitalai-dark"],
94
+ [data-brand="vitalai"].dark,
95
+ [data-brand="vitalai"] .dark,
96
+ [data-theme="vitalai"] .dark,
97
+ .dark [data-brand="vitalai"],
98
+ .dark [data-theme="vitalai"],
99
+ :root[data-theme="vitalai-dark"],
100
+ :root[data-brand="vitalai"].dark,
101
+ :root[data-brand="vitalai"][data-theme="dark"],
102
+ :root[data-brand="vitalai"][data-theme="vitalai-dark"],
103
+ :root.dark[data-brand="vitalai"],
104
+ :root.dark[data-theme="vitalai"] {
105
+ --radius: 1rem;
106
+
107
+ /* Surfaces */
108
+ --background: oklch(0.155 0.018 230);
109
+ --foreground: oklch(0.95 0.01 200);
110
+ --card: oklch(0.22 0.02 225 / 60%);
111
+ --card-foreground: oklch(0.95 0.01 200);
112
+ --popover: oklch(0.2 0.02 225);
113
+ --popover-foreground: oklch(0.95 0.01 200);
114
+
115
+ /* Brand Action */
116
+ --primary: oklch(0.8 0.13 180);
117
+ --primary-foreground: oklch(0.18 0.03 210);
118
+ --secondary: oklch(0.26 0.02 225);
119
+ --secondary-foreground: oklch(0.92 0.01 200);
120
+
121
+ /* Muted / Accent */
122
+ --muted: oklch(0.25 0.018 225);
123
+ --muted-foreground: oklch(0.68 0.02 210);
124
+ --accent: oklch(0.3 0.05 190);
125
+ --accent-foreground: oklch(0.88 0.1 180);
126
+
127
+ /* Status & Clinical Feedback */
128
+ --destructive: oklch(0.68 0.19 22);
129
+ --destructive-foreground: oklch(0.99 0 0);
130
+ --warning: oklch(0.8 0.15 75);
131
+ --warning-foreground: oklch(0.15 0.02 75);
132
+ --success: oklch(0.78 0.16 155);
133
+ --success-foreground: oklch(0.15 0.02 230);
134
+ --info: oklch(0.74 0.13 235);
135
+ --info-foreground: oklch(0.15 0.02 230);
136
+
137
+ /* Form & Interactive */
138
+ --border: oklch(1 0 0 / 8%);
139
+ --input: oklch(1 0 0 / 12%);
140
+ --ring: oklch(0.8 0.13 180);
141
+
142
+ /* Glassmorphism & Ambient Glow */
143
+ --glass: oklch(0.24 0.02 225 / 55%);
144
+ --glass-border: oklch(1 0 0 / 9%);
145
+ --glow: oklch(0.7 0.14 180 / 22%);
146
+ --glow-2: oklch(0.6 0.14 260 / 16%);
147
+ --shadow-glass:
148
+ 0 1px 0 0 oklch(1 0 0 / 5%) inset, 0 20px 50px -20px oklch(0 0 0 / 60%);
149
+ --surface: oklch(0.22 0.02 225 / 70%);
150
+ --surface-2: oklch(0.25 0.02 225);
151
+ --overlay: oklch(0.12 0.018 230 / 80%);
152
+
153
+ /* Navigation & Sidebar */
154
+ --sidebar: oklch(0.18 0.02 228 / 70%);
155
+ --sidebar-foreground: oklch(0.9 0.01 200);
156
+ --sidebar-primary: oklch(0.8 0.13 180);
157
+ --sidebar-primary-foreground: oklch(0.18 0.03 210);
158
+ --sidebar-accent: oklch(0.28 0.04 195);
159
+ --sidebar-accent-foreground: oklch(0.9 0.1 180);
160
+ --sidebar-border: oklch(1 0 0 / 6%);
161
+ --sidebar-ring: oklch(0.8 0.13 180);
162
+
163
+ /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
164
+ --vital: oklch(0.82 0.16 160);
165
+ --vital-foreground: oklch(0.18 0.03 210);
166
+ --calories: oklch(0.76 0.16 50);
167
+ --protein: oklch(0.8 0.13 180);
168
+ --carbs: oklch(0.85 0.14 90);
169
+ --fats: oklch(0.74 0.16 350);
170
+ --water: oklch(0.74 0.13 235);
171
+
172
+ /* Visual Data Charts */
173
+ --chart-1: var(--protein);
174
+ --chart-2: var(--carbs);
175
+ --chart-3: var(--fats);
176
+ --chart-4: var(--calories);
177
+ --chart-5: var(--water);
178
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuva-devlab/tokens",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "description": "Design tokens, brand themes, and Tailwind CSS 4 preset bridge for Yuva DevLab",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -26,6 +26,7 @@
26
26
  "./themes/orchestrai.css": "./styles/themes/orchestrai.css",
27
27
  "./themes/portal.css": "./styles/themes/portal.css",
28
28
  "./themes/logs.css": "./styles/themes/logs.css",
29
+ "./themes/vitalai.css": "./styles/themes/vitalai.css",
29
30
  "./package.json": "./package.json"
30
31
  },
31
32
  "files": [
package/styles/preset.css CHANGED
@@ -221,6 +221,17 @@
221
221
  --color-chart-4: var(--chart-4);
222
222
  --color-chart-5: var(--chart-5);
223
223
 
224
+ /* ── VitalAI Clinical & Performance Telemetry Tokens ───────────── */
225
+ --color-vital: var(--vital);
226
+ --color-vital-foreground: var(--vital-foreground);
227
+ --color-calories: var(--calories);
228
+ --color-protein: var(--protein);
229
+ --color-carbs: var(--carbs);
230
+ --color-fats: var(--fats);
231
+ --color-water: var(--water);
232
+ --color-glass: var(--glass);
233
+ --color-glass-border: var(--glass-border);
234
+
224
235
  /* ── Component Control Dimensions ─────────────────────────────────── */
225
236
  --height-control-xs: var(--control-height-xs, 1.75rem);
226
237
  --height-control-sm: var(--control-height-sm, 2rem);
package/styles/styles.css CHANGED
@@ -12,3 +12,4 @@
12
12
  @import "./themes/orchestrai.css";
13
13
  @import "./themes/portal.css";
14
14
  @import "./themes/logs.css";
15
+ @import "./themes/vitalai.css";
package/styles/themes/vitalai.css ADDED
@@ -0,0 +1,178 @@
1
+ /**
2
+ * VitalAI Theme Preset — Clinical Porcelain & Bioluminescent Teal Palette
3
+ * Modern OKLCH color spaces optimized for high performance, clinical nutrition, and fitness intelligence.
4
+ * High-specificity scoped tokens for VitalAI applications.
5
+ */
6
+
7
+ /* ── VitalAI Theme — Light Mode ─────────────────────────────────────────── */
8
+ [data-brand="vitalai"],
9
+ [data-theme="vitalai"],
10
+ [data-theme="vitalai-light"],
11
+ :root[data-brand="vitalai"],
12
+ :root[data-theme="vitalai"],
13
+ :root[data-theme="vitalai-light"] {
14
+ --radius: 1rem;
15
+
16
+ /* Surfaces */
17
+ --background: oklch(0.975 0.006 190);
18
+ --foreground: oklch(0.2 0.03 220);
19
+ --card: oklch(1 0 0 / 72%);
20
+ --card-foreground: oklch(0.2 0.03 220);
21
+ --popover: oklch(0.995 0.003 190);
22
+ --popover-foreground: oklch(0.2 0.03 220);
23
+
24
+ /* Brand Action */
25
+ --primary: oklch(0.52 0.11 185);
26
+ --primary-foreground: oklch(0.99 0.01 185);
27
+ --secondary: oklch(0.94 0.015 190);
28
+ --secondary-foreground: oklch(0.25 0.04 210);
29
+
30
+ /* Muted / Accent */
31
+ --muted: oklch(0.945 0.01 200);
32
+ --muted-foreground: oklch(0.5 0.025 220);
33
+ --accent: oklch(0.93 0.035 180);
34
+ --accent-foreground: oklch(0.3 0.07 185);
35
+
36
+ /* Status & Clinical Feedback */
37
+ --destructive: oklch(0.58 0.2 25);
38
+ --destructive-foreground: oklch(0.99 0 0);
39
+ --warning: oklch(0.72 0.16 70);
40
+ --warning-foreground: oklch(0.2 0.02 70);
41
+ --success: oklch(0.62 0.15 155);
42
+ --success-foreground: oklch(0.99 0 0);
43
+ --info: oklch(0.62 0.13 235);
44
+ --info-foreground: oklch(0.99 0 0);
45
+
46
+ /* Form & Interactive */
47
+ --border: oklch(0.2 0.03 220 / 9%);
48
+ --input: oklch(0.2 0.03 220 / 12%);
49
+ --ring: oklch(0.52 0.11 185);
50
+
51
+ /* Glassmorphism & Ambient Glow */
52
+ --glass: oklch(1 0 0 / 62%);
53
+ --glass-border: oklch(1 0 0 / 80%);
54
+ --glow: oklch(0.7 0.14 180 / 25%);
55
+ --glow-2: oklch(0.75 0.12 150 / 18%);
56
+ --shadow-glass:
57
+ 0 1px 0 0 oklch(1 0 0 / 70%) inset,
58
+ 0 10px 40px -12px oklch(0.3 0.05 210 / 18%);
59
+ --surface: oklch(1 0 0 / 70%);
60
+ --surface-2: oklch(0.975 0.005 190);
61
+ --overlay: oklch(0.975 0.006 190 / 80%);
62
+
63
+ /* Navigation & Sidebar */
64
+ --sidebar: oklch(0.99 0.004 190 / 70%);
65
+ --sidebar-foreground: oklch(0.25 0.03 220);
66
+ --sidebar-primary: oklch(0.52 0.11 185);
67
+ --sidebar-primary-foreground: oklch(0.99 0 0);
68
+ --sidebar-accent: oklch(0.93 0.035 180);
69
+ --sidebar-accent-foreground: oklch(0.3 0.07 185);
70
+ --sidebar-border: oklch(0.2 0.03 220 / 8%);
71
+ --sidebar-ring: oklch(0.52 0.11 185);
72
+
73
+ /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
74
+ --vital: oklch(0.62 0.15 160);
75
+ --vital-foreground: oklch(0.99 0 0);
76
+ --calories: oklch(0.66 0.17 45);
77
+ --protein: oklch(0.55 0.13 185);
78
+ --carbs: oklch(0.7 0.15 85);
79
+ --fats: oklch(0.6 0.16 350);
80
+ --water: oklch(0.62 0.13 235);
81
+
82
+ /* Visual Data Charts */
83
+ --chart-1: var(--protein);
84
+ --chart-2: var(--carbs);
85
+ --chart-3: var(--fats);
86
+ --chart-4: var(--calories);
87
+ --chart-5: var(--water);
88
+ }
89
+
90
+ /* ── VitalAI Theme — Dark Mode ────────────────────────────────────────── */
91
+ [data-theme="vitalai-dark"],
92
+ [data-brand="vitalai"][data-theme="dark"],
93
+ [data-brand="vitalai"][data-theme="vitalai-dark"],
94
+ [data-brand="vitalai"].dark,
95
+ [data-brand="vitalai"] .dark,
96
+ [data-theme="vitalai"] .dark,
97
+ .dark [data-brand="vitalai"],
98
+ .dark [data-theme="vitalai"],
99
+ :root[data-theme="vitalai-dark"],
100
+ :root[data-brand="vitalai"].dark,
101
+ :root[data-brand="vitalai"][data-theme="dark"],
102
+ :root[data-brand="vitalai"][data-theme="vitalai-dark"],
103
+ :root.dark[data-brand="vitalai"],
104
+ :root.dark[data-theme="vitalai"] {
105
+ --radius: 1rem;
106
+
107
+ /* Surfaces */
108
+ --background: oklch(0.155 0.018 230);
109
+ --foreground: oklch(0.95 0.01 200);
110
+ --card: oklch(0.22 0.02 225 / 60%);
111
+ --card-foreground: oklch(0.95 0.01 200);
112
+ --popover: oklch(0.2 0.02 225);
113
+ --popover-foreground: oklch(0.95 0.01 200);
114
+
115
+ /* Brand Action */
116
+ --primary: oklch(0.8 0.13 180);
117
+ --primary-foreground: oklch(0.18 0.03 210);
118
+ --secondary: oklch(0.26 0.02 225);
119
+ --secondary-foreground: oklch(0.92 0.01 200);
120
+
121
+ /* Muted / Accent */
122
+ --muted: oklch(0.25 0.018 225);
123
+ --muted-foreground: oklch(0.68 0.02 210);
124
+ --accent: oklch(0.3 0.05 190);
125
+ --accent-foreground: oklch(0.88 0.1 180);
126
+
127
+ /* Status & Clinical Feedback */
128
+ --destructive: oklch(0.68 0.19 22);
129
+ --destructive-foreground: oklch(0.99 0 0);
130
+ --warning: oklch(0.8 0.15 75);
131
+ --warning-foreground: oklch(0.15 0.02 75);
132
+ --success: oklch(0.78 0.16 155);
133
+ --success-foreground: oklch(0.15 0.02 230);
134
+ --info: oklch(0.74 0.13 235);
135
+ --info-foreground: oklch(0.15 0.02 230);
136
+
137
+ /* Form & Interactive */
138
+ --border: oklch(1 0 0 / 8%);
139
+ --input: oklch(1 0 0 / 12%);
140
+ --ring: oklch(0.8 0.13 180);
141
+
142
+ /* Glassmorphism & Ambient Glow */
143
+ --glass: oklch(0.24 0.02 225 / 55%);
144
+ --glass-border: oklch(1 0 0 / 9%);
145
+ --glow: oklch(0.7 0.14 180 / 22%);
146
+ --glow-2: oklch(0.6 0.14 260 / 16%);
147
+ --shadow-glass:
148
+ 0 1px 0 0 oklch(1 0 0 / 5%) inset, 0 20px 50px -20px oklch(0 0 0 / 60%);
149
+ --surface: oklch(0.22 0.02 225 / 70%);
150
+ --surface-2: oklch(0.25 0.02 225);
151
+ --overlay: oklch(0.12 0.018 230 / 80%);
152
+
153
+ /* Navigation & Sidebar */
154
+ --sidebar: oklch(0.18 0.02 228 / 70%);
155
+ --sidebar-foreground: oklch(0.9 0.01 200);
156
+ --sidebar-primary: oklch(0.8 0.13 180);
157
+ --sidebar-primary-foreground: oklch(0.18 0.03 210);
158
+ --sidebar-accent: oklch(0.28 0.04 195);
159
+ --sidebar-accent-foreground: oklch(0.9 0.1 180);
160
+ --sidebar-border: oklch(1 0 0 / 6%);
161
+ --sidebar-ring: oklch(0.8 0.13 180);
162
+
163
+ /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
164
+ --vital: oklch(0.82 0.16 160);
165
+ --vital-foreground: oklch(0.18 0.03 210);
166
+ --calories: oklch(0.76 0.16 50);
167
+ --protein: oklch(0.8 0.13 180);
168
+ --carbs: oklch(0.85 0.14 90);
169
+ --fats: oklch(0.74 0.16 350);
170
+ --water: oklch(0.74 0.13 235);
171
+
172
+ /* Visual Data Charts */
173
+ --chart-1: var(--protein);
174
+ --chart-2: var(--carbs);
175
+ --chart-3: var(--fats);
176
+ --chart-4: var(--calories);
177
+ --chart-5: var(--water);
178
+ }