auxalia-ui-kit 1.5.5 → 1.5.6
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-UV6KVN3I.js +103 -0
- package/dist/index.cjs +7611 -0
- package/dist/index.d.cts +423 -0
- package/dist/index.d.ts +423 -0
- package/dist/index.js +7417 -0
- package/dist/styles.css +27 -0
- package/dist/tailwind.preset.cjs +122 -0
- package/dist/tailwind.preset.d.cts +5 -0
- package/dist/tailwind.preset.d.ts +5 -0
- package/dist/tailwind.preset.js +6 -0
- package/dist/tokens.css +89 -0
- package/package.json +1 -1
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
// src/tailwind.preset.ts
|
|
2
|
+
var auxaliaColors = {
|
|
3
|
+
// Primary Brand Color - Fresh Green
|
|
4
|
+
"auxalia-green": {
|
|
5
|
+
50: "#f8fbf0",
|
|
6
|
+
100: "#f0f7e1",
|
|
7
|
+
200: "#ddf0c0",
|
|
8
|
+
300: "#c3e88a",
|
|
9
|
+
400: "#a7d500",
|
|
10
|
+
// Brand primary
|
|
11
|
+
500: "#93b800",
|
|
12
|
+
600: "#749400",
|
|
13
|
+
700: "#5a7600",
|
|
14
|
+
800: "#3d5000",
|
|
15
|
+
900: "#1f2800"
|
|
16
|
+
},
|
|
17
|
+
// Secondary Brand Color - Dark Blue
|
|
18
|
+
"auxalia-blue": {
|
|
19
|
+
50: "#f0f4f8",
|
|
20
|
+
100: "#e0eaf3",
|
|
21
|
+
200: "#c0d6e6",
|
|
22
|
+
300: "#8fb3d1",
|
|
23
|
+
400: "#5c8fb5",
|
|
24
|
+
500: "#3e6897",
|
|
25
|
+
// Brand secondary
|
|
26
|
+
600: "#2d5080",
|
|
27
|
+
700: "#1f3860",
|
|
28
|
+
800: "#142a47",
|
|
29
|
+
900: "#0a1628"
|
|
30
|
+
},
|
|
31
|
+
// Accent - Petrol Green
|
|
32
|
+
"auxalia-petrol": {
|
|
33
|
+
50: "#f0fbfc",
|
|
34
|
+
100: "#dff8f9",
|
|
35
|
+
200: "#bef1f3",
|
|
36
|
+
300: "#7fe6eb",
|
|
37
|
+
400: "#3fd9e1",
|
|
38
|
+
500: "#0f868b",
|
|
39
|
+
// Auxalia petrol
|
|
40
|
+
600: "#0a646b",
|
|
41
|
+
700: "#064952",
|
|
42
|
+
800: "#033539",
|
|
43
|
+
900: "#011f22"
|
|
44
|
+
},
|
|
45
|
+
// Supporting Colors
|
|
46
|
+
"auxalia-orange": "#dc6b39",
|
|
47
|
+
"auxalia-yellow": "#cfd12d",
|
|
48
|
+
"auxalia-red": "#93383a",
|
|
49
|
+
"auxalia-cyan": "#abbfbd"
|
|
50
|
+
};
|
|
51
|
+
var preset = {
|
|
52
|
+
darkMode: "class",
|
|
53
|
+
theme: {
|
|
54
|
+
extend: {
|
|
55
|
+
fontFamily: {
|
|
56
|
+
display: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"],
|
|
57
|
+
body: ['"Weissenhof Grotesk"', '"Calibri"', "sans-serif"]
|
|
58
|
+
},
|
|
59
|
+
colors: {
|
|
60
|
+
primary: "var(--color-primary)",
|
|
61
|
+
"primary-hover": "var(--color-primary-hover)",
|
|
62
|
+
"primary-foreground": "var(--color-primary-foreground)",
|
|
63
|
+
secondary: "var(--color-secondary)",
|
|
64
|
+
"secondary-hover": "var(--color-secondary-hover)",
|
|
65
|
+
"secondary-foreground": "var(--color-secondary-foreground)",
|
|
66
|
+
accent: "var(--color-accent)",
|
|
67
|
+
"accent-foreground": "var(--color-accent-foreground)",
|
|
68
|
+
surface: "var(--color-surface)",
|
|
69
|
+
"surface-hover": "var(--color-surface-hover)",
|
|
70
|
+
"surface-foreground": "var(--color-surface-foreground)",
|
|
71
|
+
destructive: "var(--color-destructive)",
|
|
72
|
+
"destructive-hover": "var(--color-destructive-hover)",
|
|
73
|
+
"destructive-foreground": "var(--color-destructive-foreground)",
|
|
74
|
+
border: "var(--color-border)",
|
|
75
|
+
"border-input": "var(--color-border-input)",
|
|
76
|
+
// Auxalia specific colors for direct use
|
|
77
|
+
"auxalia-green": auxaliaColors["auxalia-green"],
|
|
78
|
+
"auxalia-blue": auxaliaColors["auxalia-blue"],
|
|
79
|
+
"auxalia-petrol": auxaliaColors["auxalia-petrol"],
|
|
80
|
+
// Background surface tokens (bg-card, bg-hero, bg-popover, bg-card-hover)
|
|
81
|
+
card: "var(--card)",
|
|
82
|
+
"card-hover": "var(--card-hover)",
|
|
83
|
+
hero: "var(--color-bg-hero)",
|
|
84
|
+
popover: "var(--popover)",
|
|
85
|
+
// Semantic text tokens — non-conflicting names so default palette is preserved
|
|
86
|
+
// Use as: text-content, text-dim, text-muted
|
|
87
|
+
content: "var(--color-text)",
|
|
88
|
+
dim: "var(--color-text-secondary)",
|
|
89
|
+
muted: "var(--color-text-muted)"
|
|
90
|
+
},
|
|
91
|
+
backgroundImage: {
|
|
92
|
+
"gradient-radial-green": "radial-gradient(circle at 20% 20%, rgba(167, 213, 0, 0.15), transparent 35%)",
|
|
93
|
+
"gradient-radial-blue": "radial-gradient(circle at 80% 0%, rgba(62, 104, 151, 0.1), transparent 40%)",
|
|
94
|
+
"gradient-glow": "linear-gradient(to bottom right, rgba(6, 182, 212, 0.1), transparent, rgba(255, 255, 255, 0.05))"
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
var tailwind_preset_default = preset;
|
|
100
|
+
|
|
101
|
+
export {
|
|
102
|
+
tailwind_preset_default
|
|
103
|
+
};
|