@yuva-devlab/tokens 1.0.0 → 1.1.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 (20) hide show
  1. package/README.md +7 -34
  2. package/dist/index.cjs +23 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.d.cts +16 -0
  5. package/dist/index.d.ts +16 -0
  6. package/dist/index.js +19 -0
  7. package/dist/index.js.map +1 -0
  8. package/{src → dist}/preset.css +107 -12
  9. package/dist/root.css +91 -0
  10. package/dist/styles.css +12 -0
  11. package/{src/themes/theme-finai.css → dist/themes/finai.css} +5 -1
  12. package/dist/themes/orchestrai.css +197 -0
  13. package/package.json +35 -10
  14. package/styles/preset.css +254 -0
  15. package/styles/root.css +91 -0
  16. package/styles/styles.css +12 -0
  17. package/styles/themes/finai.css +114 -0
  18. package/styles/themes/orchestrai.css +197 -0
  19. package/src/styles.css +0 -2
  20. package/src/themes/theme-orchestrai.css +0 -45
package/styles/themes/orchestrai.css ADDED
@@ -0,0 +1,197 @@
1
+ /**
2
+ * OrchestrAI Theme — Lovable UI Blue/Teal Palette
3
+ *
4
+ * Derived from orchestrai-src/src/styles.css (the official Lovable-sourced design).
5
+ * Uses OKLCH color space with both light and dark mode support.
6
+ * Hue axis: ~195–250 (blue-teal spectrum), primary at hue 205 (light) / 195 (dark).
7
+ * Fonts are intentionally NOT set here; they are managed by the consuming app
8
+ * (Manrope / Sora / JetBrains Mono for the robotic-technical feel).
9
+ */
10
+
11
+ /* ── Light Mode ────────────────────────────────────────────────────────── */
12
+ :root,
13
+ [data-brand="orchestrai"],
14
+ [data-theme="orchestrai"] {
15
+ --radius: 0.75rem;
16
+
17
+ /* Surfaces */
18
+ --background: oklch(0.985 0.004 210);
19
+ --foreground: oklch(0.21 0.02 245);
20
+ --card: oklch(1 0 0);
21
+ --card-foreground: oklch(0.21 0.02 245);
22
+ --popover: oklch(1 0 0);
23
+ --popover-foreground: oklch(0.21 0.02 245);
24
+
25
+ /* Brand */
26
+ --primary: oklch(0.58 0.126 205);
27
+ --primary-foreground: oklch(0.99 0.005 200);
28
+ --secondary: oklch(0.955 0.008 220);
29
+ --secondary-foreground: oklch(0.28 0.02 245);
30
+
31
+ /* Muted / Accent */
32
+ --muted: oklch(0.955 0.008 220);
33
+ --muted-foreground: oklch(0.52 0.02 245);
34
+ --accent: oklch(0.93 0.035 200);
35
+ --accent-foreground: oklch(0.28 0.04 220);
36
+
37
+ /* Status (Feedback tokens: success #47c58c, destructive #f3625d, warning #f0b648, info #6fa7ee) */
38
+ --destructive: oklch(68% 0.18 25);
39
+ --destructive-foreground: oklch(0.99 0.005 200);
40
+ --success: oklch(74% 0.14 160);
41
+ --success-foreground: oklch(0.18 0.02 240);
42
+ --warning: oklch(81% 0.14 80);
43
+ --warning-foreground: oklch(0.2 0.03 80);
44
+ --info: oklch(72% 0.12 255);
45
+ --info-foreground: oklch(0.18 0.02 240);
46
+
47
+ /* Form / Ring */
48
+ --border: oklch(0.9 0.01 230);
49
+ --input: oklch(0.9 0.01 230);
50
+ --ring: oklch(0.58 0.126 205);
51
+
52
+ /* Glass surfaces */
53
+ --surface: oklch(1 0 0 / 70%);
54
+ --surface-2: oklch(0.975 0.006 220);
55
+ --overlay: oklch(0.985 0.004 210 / 80%);
56
+
57
+ /* Charts */
58
+ --chart-1: oklch(0.58 0.126 205);
59
+ --chart-2: oklch(0.62 0.13 158);
60
+ --chart-3: oklch(0.6 0.12 250);
61
+ --chart-4: oklch(0.75 0.14 75);
62
+ --chart-5: oklch(0.6 0.16 15);
63
+
64
+ /* Sidebar */
65
+ --sidebar: oklch(0.99 0.004 220);
66
+ --sidebar-foreground: oklch(0.21 0.02 245);
67
+ --sidebar-primary: oklch(0.58 0.126 205);
68
+ --sidebar-primary-foreground: oklch(0.99 0.005 200);
69
+ --sidebar-accent: oklch(0.95 0.012 220);
70
+ --sidebar-accent-foreground: oklch(0.24 0.02 245);
71
+ --sidebar-border: oklch(0.9 0.01 230);
72
+ --sidebar-ring: oklch(0.58 0.126 205);
73
+
74
+ /* ── Sizing, Spacing & Layout Tokens ────────────────────────────── */
75
+ --control-height-xs: 1.75rem;
76
+ --control-height-sm: 2rem;
77
+ --control-height-md: 2.25rem;
78
+ --control-height-lg: 2.5rem;
79
+ --control-height-xl: 3rem;
80
+
81
+ --icon-xs: 0.875rem;
82
+ --icon-sm: 1rem;
83
+ --icon-md: 1.25rem;
84
+ --icon-lg: 1.5rem;
85
+ --icon-xl: 2rem;
86
+
87
+ --space-1: 0.25rem;
88
+ --space-2: 0.5rem;
89
+ --space-3: 0.75rem;
90
+ --space-4: 1rem;
91
+ --space-5: 1.25rem;
92
+ --space-6: 1.5rem;
93
+ --space-8: 2rem;
94
+ --space-10: 2.5rem;
95
+
96
+ --card-padding: var(--space-4);
97
+ --dialog-padding: var(--space-5);
98
+ --form-field-gap: var(--space-3);
99
+ --section-gap: var(--space-5);
100
+ --table-row-padding-x: var(--space-4);
101
+ --table-row-padding-y: var(--space-3);
102
+ }
103
+
104
+ /* ── Dark Mode ────────────────────────────────────────────────────────── */
105
+ .dark,
106
+ [data-theme="dark"],
107
+ [data-brand="orchestrai"].dark,
108
+ [data-brand="orchestrai"][data-theme="dark"],
109
+ [data-theme="orchestrai-dark"] {
110
+ --radius: 0.75rem;
111
+
112
+ /* Surfaces */
113
+ --background: oklch(0.175 0.015 250);
114
+ --foreground: oklch(0.955 0.006 230);
115
+ --card: oklch(0.215 0.017 250);
116
+ --card-foreground: oklch(0.955 0.006 230);
117
+ --popover: oklch(0.22 0.018 250);
118
+ --popover-foreground: oklch(0.955 0.006 230);
119
+
120
+ /* Brand */
121
+ --primary: oklch(0.76 0.115 195);
122
+ --primary-foreground: oklch(0.19 0.02 240);
123
+ --secondary: oklch(0.27 0.02 250);
124
+ --secondary-foreground: oklch(0.945 0.006 230);
125
+
126
+ /* Muted / Accent */
127
+ --muted: oklch(0.27 0.02 250);
128
+ --muted-foreground: oklch(0.71 0.02 240);
129
+ --accent: oklch(0.31 0.035 210);
130
+ --accent-foreground: oklch(0.95 0.01 210);
131
+
132
+ /* Status (Feedback tokens: success #47c58c, destructive #f3625d, warning #f0b648, info #6fa7ee) */
133
+ --destructive: oklch(68% 0.18 25);
134
+ --destructive-foreground: oklch(0.18 0.02 240);
135
+ --success: oklch(74% 0.14 160);
136
+ --success-foreground: oklch(0.18 0.02 240);
137
+ --warning: oklch(81% 0.14 80);
138
+ --warning-foreground: oklch(0.2 0.03 80);
139
+ --info: oklch(72% 0.12 255);
140
+ --info-foreground: oklch(0.18 0.02 240);
141
+
142
+ /* Form / Ring */
143
+ --border: oklch(1 0 0 / 11%);
144
+ --input: oklch(1 0 0 / 16%);
145
+ --ring: oklch(0.76 0.115 195);
146
+
147
+ /* Glass surfaces */
148
+ --surface: oklch(0.24 0.018 250 / 70%);
149
+ --surface-2: oklch(0.235 0.018 250);
150
+ --overlay: oklch(0.11 0.008 250 / 80%);
151
+
152
+ /* Charts */
153
+ --chart-1: oklch(0.76 0.115 195);
154
+ --chart-2: oklch(0.74 0.14 160);
155
+ --chart-3: oklch(0.72 0.12 255);
156
+ --chart-4: oklch(0.81 0.14 80);
157
+ --chart-5: oklch(0.7 0.16 15);
158
+
159
+ /* Sidebar */
160
+ --sidebar: oklch(0.195 0.016 250);
161
+ --sidebar-foreground: oklch(0.955 0.006 230);
162
+ --sidebar-primary: oklch(0.76 0.115 195);
163
+ --sidebar-primary-foreground: oklch(0.19 0.02 240);
164
+ --sidebar-accent: oklch(0.28 0.022 250);
165
+ --sidebar-accent-foreground: oklch(0.95 0.006 230);
166
+ --sidebar-border: oklch(1 0 0 / 11%);
167
+ --sidebar-ring: oklch(0.76 0.115 195);
168
+
169
+ /* ── Sizing, Spacing & Layout Tokens ────────────────────────────── */
170
+ --control-height-xs: 1.75rem;
171
+ --control-height-sm: 2rem;
172
+ --control-height-md: 2.25rem;
173
+ --control-height-lg: 2.5rem;
174
+ --control-height-xl: 3rem;
175
+
176
+ --icon-xs: 0.875rem;
177
+ --icon-sm: 1rem;
178
+ --icon-md: 1.25rem;
179
+ --icon-lg: 1.5rem;
180
+ --icon-xl: 2rem;
181
+
182
+ --space-1: 0.25rem;
183
+ --space-2: 0.5rem;
184
+ --space-3: 0.75rem;
185
+ --space-4: 1rem;
186
+ --space-5: 1.25rem;
187
+ --space-6: 1.5rem;
188
+ --space-8: 2rem;
189
+ --space-10: 2.5rem;
190
+
191
+ --card-padding: var(--space-4);
192
+ --dialog-padding: var(--space-5);
193
+ --form-field-gap: var(--space-3);
194
+ --section-gap: var(--space-5);
195
+ --table-row-padding-x: var(--space-4);
196
+ --table-row-padding-y: var(--space-3);
197
+ }
package/src/styles.css DELETED
@@ -1,2 +0,0 @@
1
- @import "tailwindcss";
2
- @import "./preset.css";
package/src/themes/theme-orchestrai.css DELETED
@@ -1,45 +0,0 @@
1
- /**
2
- * OrchestrAI Theme Preset — Terminal Moss & Deep Slate Cybernetic Palette
3
- * Modern OKLCH color spaces optimized for high-density agent telemetry and execution logs.
4
- */
5
-
6
- :root,
7
- .dark,
8
- [data-theme="orchestrai"] {
9
- --radius: 0.5rem;
10
- --background: oklch(0.195 0.005 120);
11
- --foreground: oklch(0.93 0.012 112);
12
- --card: oklch(0.235 0.008 120);
13
- --card-foreground: oklch(0.93 0.012 112);
14
- --popover: oklch(0.235 0.008 120);
15
- --popover-foreground: oklch(0.93 0.012 112);
16
- --primary: oklch(0.77 0.12 120);
17
- --primary-foreground: oklch(0.195 0.005 120);
18
- --secondary: oklch(0.285 0.008 120);
19
- --secondary-foreground: oklch(0.91 0.01 112);
20
- --muted: oklch(0.31 0.008 120);
21
- --muted-foreground: oklch(0.67 0.015 112);
22
- --accent: oklch(0.34 0.025 120);
23
- --accent-foreground: oklch(0.9 0.015 112);
24
- --destructive: oklch(0.61 0.2 27);
25
- --destructive-foreground: oklch(0.96 0.01 90);
26
- --warning: oklch(0.72 0.13 78);
27
- --warning-foreground: oklch(0.2 0.015 78);
28
- --border: oklch(0.36 0.009 120);
29
- --input: oklch(0.36 0.009 120);
30
- --ring: oklch(0.77 0.12 120);
31
- --sidebar: oklch(0.215 0.006 120);
32
- --sidebar-foreground: oklch(0.89 0.012 112);
33
- --sidebar-primary: oklch(0.77 0.12 120);
34
- --sidebar-primary-foreground: oklch(0.195 0.005 120);
35
- --sidebar-accent: oklch(0.28 0.02 120);
36
- --sidebar-accent-foreground: oklch(0.93 0.012 112);
37
- --sidebar-border: oklch(0.32 0.008 120);
38
- --sidebar-ring: oklch(0.77 0.12 120);
39
- --overlay: oklch(0.11 0.004 120);
40
- --chart-1: oklch(0.77 0.12 120);
41
- --chart-2: oklch(0.65 0.1 190);
42
- --chart-3: oklch(0.7 0.13 78);
43
- --chart-4: oklch(0.62 0.16 310);
44
- --chart-5: oklch(0.72 0.12 40);
45
- }