@khal-os/ui 1.0.21 → 1.0.23
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/README.md +26 -0
- package/dist/index.cjs +106 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +88 -1
- package/dist/index.d.ts +88 -1
- package/dist/index.js +85 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/tokens.css +38 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khal-os/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.23",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"react": ">=19",
|
|
30
30
|
"next-themes": ">=0.4",
|
|
31
31
|
"zustand": ">=4",
|
|
32
|
-
"@khal-os/sdk": "1.0.
|
|
32
|
+
"@khal-os/sdk": "1.0.27"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@number-flow/react": "^0.6.0",
|
package/tokens.css
CHANGED
|
@@ -198,6 +198,44 @@
|
|
|
198
198
|
--ds-product-omni: oklch(0.8 0.12 175);
|
|
199
199
|
--ds-product-khal: oklch(0.75 0.15 55);
|
|
200
200
|
--ds-product-os: oklch(0.72 0.15 250);
|
|
201
|
+
|
|
202
|
+
/* ═══════════════════════════════════════════════════════════════════════════
|
|
203
|
+
KhalOS Brand Aliases (extracted from khal-landing)
|
|
204
|
+
═══════════════════════════════════════════════════════════════════════════
|
|
205
|
+
Six canonical tokens every Khal app surface should consume, plus a small
|
|
206
|
+
set of supporting tokens for OS chrome, code surfaces, and operational
|
|
207
|
+
focus. See ./DESIGN-SYSTEM.md and ./src/tokens/khal-os-tokens.ts.
|
|
208
|
+
|
|
209
|
+
These ship as dark-first values today (KhalOS runs dark by default).
|
|
210
|
+
When light-mode is added, the names stay the same and the values flip.
|
|
211
|
+
*/
|
|
212
|
+
|
|
213
|
+
/* ── Canonical six ─────────────────────────────────────────────────────── */
|
|
214
|
+
--khal-bg: oklch(14.48% 0 89.88); /* source #0A0A0A */
|
|
215
|
+
--khal-surface: oklch(18.69% 0.0107 268.11); /* source #111318 */
|
|
216
|
+
--khal-fg: oklch(93.72% 0.0084 271.33); /* source #E8EAF0 */
|
|
217
|
+
--khal-muted: oklch(66.06% 0.0293 269.51); /* source #8B92A5 */
|
|
218
|
+
--khal-border: oklch(25.72% 0.0257 268.23); /* source #1E2330 */
|
|
219
|
+
--khal-accent: oklch(71.49% 0.1112 63.09); /* source #D49355 */
|
|
220
|
+
|
|
221
|
+
/* ── Supporting ────────────────────────────────────────────────────────── */
|
|
222
|
+
--khal-chrome: oklch(16.86% 0.011 268.03); /* source #0D0F14 */
|
|
223
|
+
--khal-cell: oklch(17.33% 0.0154 266.68); /* source #0D1017 */
|
|
224
|
+
--khal-tertiary: oklch(47.99% 0.0369 269.33); /* source #555D73 */
|
|
225
|
+
--khal-border-strong: oklch(36.17% 0.0439 266.77); /* source #333D55 */
|
|
226
|
+
--khal-accent-blue: oklch(55.73% 0.191 256.76); /* source #0A6FE0 */
|
|
227
|
+
--khal-surface-light: oklch(95.99% 0.0079 73.74); /* source #F5F1EC */
|
|
228
|
+
|
|
229
|
+
/* ── Typography stacks ─────────────────────────────────────────────────── */
|
|
230
|
+
--khal-font-display: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
|
|
231
|
+
--khal-font-body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
|
|
232
|
+
--khal-font-mono: "Geist Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
|
|
233
|
+
|
|
234
|
+
/* ── Radii + motion ────────────────────────────────────────────────────── */
|
|
235
|
+
--khal-radius: 10px;
|
|
236
|
+
--khal-radius-lg: 12px;
|
|
237
|
+
--khal-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
|
|
238
|
+
--khal-motion-duration: 420ms;
|
|
201
239
|
}
|
|
202
240
|
|
|
203
241
|
/* ═══════════════════════════════════════════════════════════════════════════
|