adminium 1.0.1-beta.3 → 1.0.1-beta.5
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 +16 -10
- package/dist/styles/adminium.css +3122 -0
- package/dist/styles/config.reui.css +108 -0
- package/dist/styles/global.css +23 -0
- package/package.json +6 -2
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
|
|
2
|
+
/** Colors - https://tailwindcss.com/docs/colors **/
|
|
3
|
+
:root {
|
|
4
|
+
--background: var(--color-white);
|
|
5
|
+
--foreground: var(--color-zinc-950);
|
|
6
|
+
--card: var(--color-white);
|
|
7
|
+
--card-foreground: var(--color-zinc-950);
|
|
8
|
+
--popover: var(--color-white);
|
|
9
|
+
--popover-foreground: var(--color-zinc-950);
|
|
10
|
+
--primary: var(--color-blue-500);
|
|
11
|
+
--primary-foreground: var(--color-white);
|
|
12
|
+
--secondary: var(--color-zinc-100);
|
|
13
|
+
--secondary-foreground: var(--color-zinc-900);
|
|
14
|
+
--muted: var(--color-zinc-100);
|
|
15
|
+
--muted-foreground: var(--color-zinc-500);
|
|
16
|
+
--accent: var(--color-zinc-100);
|
|
17
|
+
--accent-foreground: var(--color-zinc-900);
|
|
18
|
+
--destructive: var(--color-red-600);
|
|
19
|
+
--destructive-foreground: var(--color-white);
|
|
20
|
+
--chart-1: var(--color-blue-500);
|
|
21
|
+
--chart-2: var(--color-green-500);
|
|
22
|
+
--chart-3: var(--color-yellow-500);
|
|
23
|
+
--chart-4: var(--color-red-500);
|
|
24
|
+
--chart-5: var(--color-purple-500);
|
|
25
|
+
--border: oklch(
|
|
26
|
+
94% 0.004 286.32
|
|
27
|
+
); /* between --color-zinc-100 and --color-zinc-200 */
|
|
28
|
+
--input: var(--color-zinc-200);
|
|
29
|
+
--ring: var(--color-zinc-400);
|
|
30
|
+
--radius: 0.5rem;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.dark {
|
|
34
|
+
--background: var(--color-zinc-950);
|
|
35
|
+
--foreground: var(--color-zinc-50);
|
|
36
|
+
--card: var(--color-zinc-950);
|
|
37
|
+
--card-foreground: var(--color-zinc-50);
|
|
38
|
+
--popover: var(--color-zinc-950);
|
|
39
|
+
--popover-foreground: var(--color-zinc-50);
|
|
40
|
+
--primary: var(--color-blue-600);
|
|
41
|
+
--primary-foreground: var(--color-white);
|
|
42
|
+
--secondary: var(--color-zinc-800);
|
|
43
|
+
--secondary-foreground: var(--color-zinc-50);
|
|
44
|
+
--muted: var(--color-zinc-900);
|
|
45
|
+
--muted-foreground: var(--color-zinc-500);
|
|
46
|
+
--accent: var(--color-zinc-900);
|
|
47
|
+
--accent-foreground: var(--color-zinc-50);
|
|
48
|
+
--destructive: var(--color-red-600);
|
|
49
|
+
--destructive-foreground: var(--color-white);
|
|
50
|
+
--chart-1: var(--color-blue-500);
|
|
51
|
+
--chart-2: var(--color-green-500);
|
|
52
|
+
--chart-3: var(--color-yellow-500);
|
|
53
|
+
--chart-4: var(--color-red-500);
|
|
54
|
+
--chart-5: var(--color-purple-500);
|
|
55
|
+
--border: var(--color-zinc-800);
|
|
56
|
+
--input: var(--color-zinc-800);
|
|
57
|
+
--ring: var(--color-zinc-600);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/** Theme Setup **/
|
|
61
|
+
@theme inline {
|
|
62
|
+
/** Base Colors **/
|
|
63
|
+
--color-background: var(--background);
|
|
64
|
+
--color-foreground: var(--foreground);
|
|
65
|
+
|
|
66
|
+
--color-card: var(--card);
|
|
67
|
+
--color-card-foreground: var(--card-foreground);
|
|
68
|
+
|
|
69
|
+
--color-popover: var(--popover);
|
|
70
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
71
|
+
|
|
72
|
+
--color-muted: var(--muted);
|
|
73
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
74
|
+
|
|
75
|
+
--color-accent: var(--accent);
|
|
76
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
77
|
+
|
|
78
|
+
--color-primary: var(--primary);
|
|
79
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
80
|
+
|
|
81
|
+
--color-secondary: var(--secondary);
|
|
82
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
83
|
+
|
|
84
|
+
--color-destructive: var(--destructive);
|
|
85
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
86
|
+
|
|
87
|
+
--color-mono: var(--mono);
|
|
88
|
+
--color-mono-foreground: var(--mono-foreground);
|
|
89
|
+
|
|
90
|
+
/** Base Styles **/
|
|
91
|
+
--color-border: var(--border);
|
|
92
|
+
--color-input: var(--input);
|
|
93
|
+
--color-ring: var(--ring);
|
|
94
|
+
|
|
95
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
96
|
+
--radius-lg: var(--radius);
|
|
97
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
98
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/** Custom Font Size **/
|
|
102
|
+
@theme {
|
|
103
|
+
--text-2sm: 0.8125rem;
|
|
104
|
+
--text-2sm--line-height: calc(1.075 / 0.8125);
|
|
105
|
+
|
|
106
|
+
--text-2xs: 0.6875rem;
|
|
107
|
+
--text-2xs--line-height: calc(0.825 / 0.6875);
|
|
108
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* Tailwind Core */
|
|
2
|
+
@import "tailwindcss";
|
|
3
|
+
|
|
4
|
+
/* ReUI Configs */
|
|
5
|
+
@import "./config.reui.css";
|
|
6
|
+
|
|
7
|
+
/* Include library sources for Tailwind v4 class generation. */
|
|
8
|
+
@source "../**/*.{js,jsx,ts,tsx}";
|
|
9
|
+
|
|
10
|
+
/** Global Styles **/
|
|
11
|
+
@layer base {
|
|
12
|
+
* {
|
|
13
|
+
@apply border-border;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
*:focus-visible {
|
|
17
|
+
@apply outline-ring rounded-xs shadow-none outline-2 outline-offset-3 transition-none!;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/** Dark/Light Theme Variant **/
|
|
22
|
+
@custom-variant dark (&:is(.dark *));
|
|
23
|
+
@custom-variant light (&:not(.dark *));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "adminium",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.5",
|
|
4
4
|
"description": "Metronic UI Component Library - A beautiful, reusable React component library built with Tailwind CSS",
|
|
5
5
|
"author": "linkedunion",
|
|
6
6
|
"license": "MIT",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"build:next": "next build",
|
|
30
30
|
"start": "next start",
|
|
31
31
|
"lint": "eslint",
|
|
32
|
-
"build": "tsup",
|
|
32
|
+
"build": "tsup && mkdirp dist/styles && npx postcss src/styles/global.css -o dist/styles/adminium.css && cpy --flat src/styles/global.css src/styles/config.reui.css dist/styles",
|
|
33
33
|
"dev:lib": "tsup --watch",
|
|
34
34
|
"clean": "rm -rf dist",
|
|
35
35
|
"prepublishOnly": "npm run build",
|
|
@@ -100,7 +100,11 @@
|
|
|
100
100
|
"eslint-plugin-storybook": "^10.1.10",
|
|
101
101
|
"husky": "^9.1.7",
|
|
102
102
|
"lint-staged": "^16.2.7",
|
|
103
|
+
"mkdirp": "^3.0.1",
|
|
103
104
|
"playwright": "^1.57.0",
|
|
105
|
+
"cpy-cli": "^5.0.0",
|
|
106
|
+
"postcss": "^8.5.6",
|
|
107
|
+
"postcss-cli": "^11.0.0",
|
|
104
108
|
"prettier": "^3.7.4",
|
|
105
109
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
106
110
|
"storybook": "^10.1.10",
|