@khal-os/ui 1.0.23 → 1.0.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.
- package/dist/index.cjs +22 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +13 -1
- package/dist/index.d.ts +13 -1
- package/dist/index.js +18 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/tokens.css +6 -0
package/dist/index.cjs
CHANGED
|
@@ -81,12 +81,15 @@ __export(index_exports, {
|
|
|
81
81
|
Input: () => Input,
|
|
82
82
|
KHAL_ACCENT: () => KHAL_ACCENT,
|
|
83
83
|
KHAL_ACCENT_BLUE: () => KHAL_ACCENT_BLUE,
|
|
84
|
+
KHAL_ACCENT_GLOW: () => KHAL_ACCENT_GLOW,
|
|
85
|
+
KHAL_ACCENT_HOVER: () => KHAL_ACCENT_HOVER,
|
|
84
86
|
KHAL_BG: () => KHAL_BG,
|
|
85
87
|
KHAL_BORDER: () => KHAL_BORDER,
|
|
86
88
|
KHAL_BORDER_STRONG: () => KHAL_BORDER_STRONG,
|
|
87
89
|
KHAL_CELL: () => KHAL_CELL,
|
|
88
90
|
KHAL_CHROME: () => KHAL_CHROME,
|
|
89
91
|
KHAL_CSS_VARS: () => KHAL_CSS_VARS,
|
|
92
|
+
KHAL_ERROR: () => KHAL_ERROR,
|
|
90
93
|
KHAL_FG: () => KHAL_FG,
|
|
91
94
|
KHAL_FONT_BODY: () => KHAL_FONT_BODY,
|
|
92
95
|
KHAL_FONT_DISPLAY: () => KHAL_FONT_DISPLAY,
|
|
@@ -96,6 +99,7 @@ __export(index_exports, {
|
|
|
96
99
|
KHAL_MUTED: () => KHAL_MUTED,
|
|
97
100
|
KHAL_RADIUS: () => KHAL_RADIUS,
|
|
98
101
|
KHAL_RADIUS_LG: () => KHAL_RADIUS_LG,
|
|
102
|
+
KHAL_RADIUS_SM: () => KHAL_RADIUS_SM,
|
|
99
103
|
KHAL_SURFACE: () => KHAL_SURFACE,
|
|
100
104
|
KHAL_SURFACE_LIGHT: () => KHAL_SURFACE_LIGHT,
|
|
101
105
|
KHAL_TERTIARY: () => KHAL_TERTIARY,
|
|
@@ -2550,10 +2554,14 @@ var KHAL_TERTIARY = "oklch(47.99% 0.0369 269.33)";
|
|
|
2550
2554
|
var KHAL_BORDER_STRONG = "oklch(36.17% 0.0439 266.77)";
|
|
2551
2555
|
var KHAL_ACCENT_BLUE = "oklch(55.73% 0.1910 256.76)";
|
|
2552
2556
|
var KHAL_SURFACE_LIGHT = "oklch(95.99% 0.0079 73.74)";
|
|
2557
|
+
var KHAL_ACCENT_HOVER = "oklch(78% 0.1 63.09)";
|
|
2558
|
+
var KHAL_ACCENT_GLOW = "oklch(71.49% 0.1112 63.09 / 0.2)";
|
|
2559
|
+
var KHAL_ERROR = "oklch(63.7% 0.231 25.3)";
|
|
2553
2560
|
var KHAL_FONT_DISPLAY = '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
|
|
2554
2561
|
var KHAL_FONT_BODY = '"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
|
|
2555
2562
|
var KHAL_FONT_MONO = '"Geist Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace';
|
|
2556
2563
|
var KHAL_RADIUS = "10px";
|
|
2564
|
+
var KHAL_RADIUS_SM = "8px";
|
|
2557
2565
|
var KHAL_RADIUS_LG = "12px";
|
|
2558
2566
|
var KHAL_MOTION_EASE = "cubic-bezier(0.22, 1, 0.36, 1)";
|
|
2559
2567
|
var KHAL_MOTION_DURATION_MS = 420;
|
|
@@ -2570,7 +2578,10 @@ var KHAL_TOKENS = Object.freeze({
|
|
|
2570
2578
|
tertiary: KHAL_TERTIARY,
|
|
2571
2579
|
borderStrong: KHAL_BORDER_STRONG,
|
|
2572
2580
|
accentBlue: KHAL_ACCENT_BLUE,
|
|
2573
|
-
surfaceLight: KHAL_SURFACE_LIGHT
|
|
2581
|
+
surfaceLight: KHAL_SURFACE_LIGHT,
|
|
2582
|
+
accentHover: KHAL_ACCENT_HOVER,
|
|
2583
|
+
accentGlow: KHAL_ACCENT_GLOW,
|
|
2584
|
+
error: KHAL_ERROR
|
|
2574
2585
|
},
|
|
2575
2586
|
font: {
|
|
2576
2587
|
display: KHAL_FONT_DISPLAY,
|
|
@@ -2579,6 +2590,7 @@ var KHAL_TOKENS = Object.freeze({
|
|
|
2579
2590
|
},
|
|
2580
2591
|
radius: {
|
|
2581
2592
|
base: KHAL_RADIUS,
|
|
2593
|
+
sm: KHAL_RADIUS_SM,
|
|
2582
2594
|
lg: KHAL_RADIUS_LG
|
|
2583
2595
|
},
|
|
2584
2596
|
motion: {
|
|
@@ -2598,7 +2610,11 @@ var KHAL_CSS_VARS = Object.freeze({
|
|
|
2598
2610
|
tertiary: "--khal-tertiary",
|
|
2599
2611
|
borderStrong: "--khal-border-strong",
|
|
2600
2612
|
accentBlue: "--khal-accent-blue",
|
|
2601
|
-
surfaceLight: "--khal-surface-light"
|
|
2613
|
+
surfaceLight: "--khal-surface-light",
|
|
2614
|
+
accentHover: "--khal-accent-hover",
|
|
2615
|
+
accentGlow: "--khal-accent-glow",
|
|
2616
|
+
error: "--khal-error",
|
|
2617
|
+
radiusSm: "--khal-radius-sm"
|
|
2602
2618
|
});
|
|
2603
2619
|
|
|
2604
2620
|
// src/tokens/lp-tokens.ts
|
|
@@ -2676,12 +2692,15 @@ var BUTTON_RADIUS = "10px";
|
|
|
2676
2692
|
Input,
|
|
2677
2693
|
KHAL_ACCENT,
|
|
2678
2694
|
KHAL_ACCENT_BLUE,
|
|
2695
|
+
KHAL_ACCENT_GLOW,
|
|
2696
|
+
KHAL_ACCENT_HOVER,
|
|
2679
2697
|
KHAL_BG,
|
|
2680
2698
|
KHAL_BORDER,
|
|
2681
2699
|
KHAL_BORDER_STRONG,
|
|
2682
2700
|
KHAL_CELL,
|
|
2683
2701
|
KHAL_CHROME,
|
|
2684
2702
|
KHAL_CSS_VARS,
|
|
2703
|
+
KHAL_ERROR,
|
|
2685
2704
|
KHAL_FG,
|
|
2686
2705
|
KHAL_FONT_BODY,
|
|
2687
2706
|
KHAL_FONT_DISPLAY,
|
|
@@ -2691,6 +2710,7 @@ var BUTTON_RADIUS = "10px";
|
|
|
2691
2710
|
KHAL_MUTED,
|
|
2692
2711
|
KHAL_RADIUS,
|
|
2693
2712
|
KHAL_RADIUS_LG,
|
|
2713
|
+
KHAL_RADIUS_SM,
|
|
2694
2714
|
KHAL_SURFACE,
|
|
2695
2715
|
KHAL_SURFACE_LIGHT,
|
|
2696
2716
|
KHAL_TERTIARY,
|