auxalia-ui-kit 1.5.6 → 1.5.8
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/chunk-LSMVZLQD.js +96 -0
- package/dist/index.cjs +817 -809
- package/dist/index.d.cts +68 -77
- package/dist/index.d.ts +68 -77
- package/dist/index.js +707 -697
- package/dist/styles.css +9 -12
- package/dist/tailwind.preset.cjs +51 -58
- package/dist/tailwind.preset.js +1 -1
- package/dist/tokens.css +103 -62
- package/package.json +13 -13
- package/dist/chunk-UV6KVN3I.js +0 -103
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
// src/tailwind.preset.ts
|
|
2
|
+
var auxaliaColors = {
|
|
3
|
+
// Primary brand: Brand Green
|
|
4
|
+
"auxalia-green": {
|
|
5
|
+
50: "#F8FBF0",
|
|
6
|
+
100: "#F0F7E1",
|
|
7
|
+
200: "#DDF0C0",
|
|
8
|
+
300: "#C3E88A",
|
|
9
|
+
400: "#A7D500",
|
|
10
|
+
500: "#8DB800",
|
|
11
|
+
600: "#749400",
|
|
12
|
+
700: "#5A7600",
|
|
13
|
+
800: "#3D5000",
|
|
14
|
+
900: "#283400"
|
|
15
|
+
},
|
|
16
|
+
// Secondary brand: Dark Blue
|
|
17
|
+
"auxalia-blue": {
|
|
18
|
+
50: "#F5F7F9",
|
|
19
|
+
100: "#EDF6FB",
|
|
20
|
+
200: "#C0D6E6",
|
|
21
|
+
300: "#204760",
|
|
22
|
+
400: "#1C3D52",
|
|
23
|
+
500: "#00263E",
|
|
24
|
+
600: "#001928"
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
var preset = {
|
|
28
|
+
darkMode: "class",
|
|
29
|
+
theme: {
|
|
30
|
+
extend: {
|
|
31
|
+
fontFamily: {
|
|
32
|
+
sans: ["Inter", "sans-serif"],
|
|
33
|
+
display: ["Inter", "sans-serif"],
|
|
34
|
+
body: ["Inter", "sans-serif"]
|
|
35
|
+
},
|
|
36
|
+
colors: {
|
|
37
|
+
// ─── Brand semantic tokens (map to CSS vars in tokens.css) ───
|
|
38
|
+
primary: "var(--color-primary)",
|
|
39
|
+
"primary-hover": "var(--color-primary-hover)",
|
|
40
|
+
"primary-foreground": "var(--color-primary-foreground)",
|
|
41
|
+
secondary: "var(--color-secondary)",
|
|
42
|
+
"secondary-hover": "var(--color-secondary-hover)",
|
|
43
|
+
"secondary-foreground": "var(--color-secondary-foreground)",
|
|
44
|
+
accent: "var(--color-accent)",
|
|
45
|
+
"accent-foreground": "var(--color-accent-foreground)",
|
|
46
|
+
surface: "var(--color-surface)",
|
|
47
|
+
"surface-hover": "var(--color-surface-hover)",
|
|
48
|
+
"surface-foreground": "var(--color-surface-foreground)",
|
|
49
|
+
destructive: "var(--color-destructive)",
|
|
50
|
+
"destructive-hover": "var(--color-destructive-hover)",
|
|
51
|
+
"destructive-foreground": "var(--color-destructive-foreground)",
|
|
52
|
+
"destructive-background": "var(--color-destructive-background)",
|
|
53
|
+
success: "var(--color-success)",
|
|
54
|
+
"success-foreground": "var(--color-success-foreground)",
|
|
55
|
+
"success-background": "var(--color-success-background)",
|
|
56
|
+
warning: "var(--color-warning)",
|
|
57
|
+
"warning-foreground": "var(--color-warning-foreground)",
|
|
58
|
+
"warning-background": "var(--color-warning-background)",
|
|
59
|
+
info: "var(--color-info)",
|
|
60
|
+
"info-foreground": "var(--color-info-foreground)",
|
|
61
|
+
// ─── Border tokens ───────────────────────────────────────────
|
|
62
|
+
border: "var(--color-border)",
|
|
63
|
+
"border-input": "var(--color-border-input)",
|
|
64
|
+
// ─── Surface / background tokens ─────────────────────────────
|
|
65
|
+
card: "var(--color-card)",
|
|
66
|
+
"card-hover": "var(--color-card-hover)",
|
|
67
|
+
hero: "var(--color-bg-hero)",
|
|
68
|
+
popover: "var(--color-popover)",
|
|
69
|
+
// ─── Text tokens (non-conflicting names) ─────────────────────
|
|
70
|
+
// Usage: text-content, text-dim, text-muted
|
|
71
|
+
content: "var(--color-text)",
|
|
72
|
+
dim: "var(--color-text-secondary)",
|
|
73
|
+
muted: "var(--color-text-muted)",
|
|
74
|
+
// ─── Static palette (for precise palette-level overrides) ─────
|
|
75
|
+
...auxaliaColors
|
|
76
|
+
},
|
|
77
|
+
borderRadius: {
|
|
78
|
+
sm: "var(--radius-sm)",
|
|
79
|
+
md: "var(--radius-md)",
|
|
80
|
+
lg: "var(--radius-lg)",
|
|
81
|
+
xl: "var(--radius-xl)",
|
|
82
|
+
full: "var(--radius-full)"
|
|
83
|
+
},
|
|
84
|
+
backgroundImage: {
|
|
85
|
+
"gradient-radial-green": "radial-gradient(circle at 20% 20%, rgba(167, 213, 0, 0.15), transparent 35%)",
|
|
86
|
+
"gradient-radial-blue": "radial-gradient(circle at 80% 0%, rgba(0, 38, 62, 0.1), transparent 40%)",
|
|
87
|
+
"gradient-glow": "linear-gradient(to bottom right, rgba(0, 38, 62, 0.1), transparent, rgba(255, 255, 255, 0.05))"
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
var tailwind_preset_default = preset;
|
|
93
|
+
|
|
94
|
+
export {
|
|
95
|
+
tailwind_preset_default
|
|
96
|
+
};
|