auxalia-ui-kit 1.2.9 → 1.3.1
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/tokens.css +80 -0
- package/package.json +5 -7
package/dist/tokens.css
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/* Auxalia Design System — CSS Custom Properties */
|
|
2
|
+
/* Import this file in any project to use Auxalia design tokens */
|
|
3
|
+
|
|
4
|
+
:root {
|
|
5
|
+
/* BRAND COLORS */
|
|
6
|
+
--color-primary: hsl(73 100% 42%);
|
|
7
|
+
--color-primary-hover: hsl(72 100% 36%);
|
|
8
|
+
--color-primary-foreground: hsl(0 0% 100%);
|
|
9
|
+
|
|
10
|
+
/* Secondary: Modern Indigo #4361EE */
|
|
11
|
+
--color-secondary: hsl(230 83% 60%);
|
|
12
|
+
--color-secondary-foreground: hsl(0 0% 100%);
|
|
13
|
+
--color-secondary-hover: hsl(229 63% 51%);
|
|
14
|
+
|
|
15
|
+
/* Accent: Sky Blue #0EA5E9 */
|
|
16
|
+
--color-accent: hsl(199 89% 48%);
|
|
17
|
+
--color-accent-foreground: hsl(0 0% 100%);
|
|
18
|
+
|
|
19
|
+
/* Surface & Destructive */
|
|
20
|
+
--color-surface: hsl(210 40% 96%);
|
|
21
|
+
--color-surface-hover: hsl(214 32% 91%);
|
|
22
|
+
--color-surface-foreground: hsl(222 47% 11%);
|
|
23
|
+
|
|
24
|
+
--color-destructive: hsl(0 72% 51%);
|
|
25
|
+
--color-destructive-hover: hsl(0 74% 42%);
|
|
26
|
+
--color-destructive-foreground: hsl(0 0% 100%);
|
|
27
|
+
|
|
28
|
+
/* TEXT */
|
|
29
|
+
--color-text: hsl(222 47% 11%);
|
|
30
|
+
--color-text-secondary: hsl(215 19% 35%);
|
|
31
|
+
--color-text-muted: hsl(215 20% 65%);
|
|
32
|
+
|
|
33
|
+
/* BACKGROUND */
|
|
34
|
+
--color-bg-hero: hsl(210 40% 98%);
|
|
35
|
+
|
|
36
|
+
/* SURFACES */
|
|
37
|
+
--card: hsl(189, 89%, 39%);
|
|
38
|
+
--card-hover: hsl(210 40% 98%);
|
|
39
|
+
|
|
40
|
+
/* POPOVER / DROPDOWN / SELECT opened content */
|
|
41
|
+
--popover: hsl(315, 96%, 39%);
|
|
42
|
+
|
|
43
|
+
/* COMMON */
|
|
44
|
+
--transition-base: 200ms ease;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.dark {
|
|
48
|
+
--color-primary: hsl(73 100% 42%);
|
|
49
|
+
--color-primary-hover: hsl(72 100% 36%);
|
|
50
|
+
--color-primary-foreground: hsl(222 47% 11%);
|
|
51
|
+
|
|
52
|
+
/* Secondary: Indigo-400 for dark bg */
|
|
53
|
+
--color-secondary: hsl(234 89% 74%);
|
|
54
|
+
--color-secondary-foreground: hsl(222 47% 11%);
|
|
55
|
+
--color-secondary-hover: hsl(239 84% 67%);
|
|
56
|
+
|
|
57
|
+
/* Accent: Sky-400 for dark bg */
|
|
58
|
+
--color-accent: hsl(198 93% 60%);
|
|
59
|
+
--color-accent-foreground: hsl(222 47% 11%);
|
|
60
|
+
|
|
61
|
+
--color-surface: hsl(217 33% 17%);
|
|
62
|
+
--color-surface-hover: hsl(215 25% 27%);
|
|
63
|
+
--color-surface-foreground: hsl(210 40% 96%);
|
|
64
|
+
|
|
65
|
+
--color-destructive: hsl(0 91% 71%);
|
|
66
|
+
--color-destructive-hover: hsl(0 84% 60%);
|
|
67
|
+
--color-destructive-foreground: hsl(222 47% 11%);
|
|
68
|
+
|
|
69
|
+
--color-text: hsl(214 32% 91%);
|
|
70
|
+
--color-text-secondary: hsl(215 20% 65%);
|
|
71
|
+
--color-text-muted: hsl(215 16% 47%);
|
|
72
|
+
|
|
73
|
+
--color-bg-hero: hsl(216 28% 7%);
|
|
74
|
+
|
|
75
|
+
--card: hsl(215 21% 11%);
|
|
76
|
+
--card-hover: hsl(223 23% 15%);
|
|
77
|
+
|
|
78
|
+
/* POPOVER / DROPDOWN / SELECT opened content */
|
|
79
|
+
--popover: hsl(223 23% 15%);
|
|
80
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "auxalia-ui-kit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "A React component library built with Radix UI and Tailwind CSS, designed to provide accessible and customizable UI components for modern web applications.",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": {
|
|
@@ -47,14 +47,12 @@
|
|
|
47
47
|
"import": "./dist/index.js",
|
|
48
48
|
"require": "./dist/index.cjs"
|
|
49
49
|
},
|
|
50
|
-
"./styles.css": "./dist/styles.css",
|
|
51
|
-
"./index.css": "./dist/styles.css",
|
|
52
|
-
"./tokens.css": "./dist/tokens.css",
|
|
53
50
|
"./tailwind.preset": {
|
|
54
|
-
"types": "./dist/tailwind.preset.d.ts",
|
|
55
51
|
"import": "./dist/tailwind.preset.js",
|
|
56
52
|
"require": "./dist/tailwind.preset.cjs"
|
|
57
|
-
}
|
|
53
|
+
},
|
|
54
|
+
"./styles.css": "./dist/styles.css",
|
|
55
|
+
"./tokens.css": "./dist/tokens.css"
|
|
58
56
|
},
|
|
59
57
|
"files": [
|
|
60
58
|
"dist",
|
|
@@ -67,7 +65,7 @@
|
|
|
67
65
|
"dist/tokens.css"
|
|
68
66
|
],
|
|
69
67
|
"scripts": {
|
|
70
|
-
"build": "tsup src/index.ts src/tailwind.preset.ts --format esm,cjs --dts --clean --outDir dist",
|
|
68
|
+
"build": "tsup src/index.ts src/tailwind.preset.ts --format esm,cjs --dts --clean --outDir dist && cp src/styles/tokens.css dist/tokens.css && cp src/styles/styles.css dist/styles.css",
|
|
71
69
|
"storybook": "storybook dev -p 6006",
|
|
72
70
|
"build-storybook": "storybook build",
|
|
73
71
|
"vercel-build": "npm run build-storybook"
|