adminium 1.0.1-beta.2 → 1.0.1-beta.4
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 +272 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +20 -1
- package/dist/index.d.ts +20 -1
- package/dist/index.js +268 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/config.reui.css +108 -0
- package/dist/styles/global.css +20 -0
- package/package.json +2 -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,20 @@
|
|
|
1
|
+
/* Tailwind Core */
|
|
2
|
+
@import "tailwindcss";
|
|
3
|
+
|
|
4
|
+
/* ReUI Configs */
|
|
5
|
+
@import "./config.reui.css";
|
|
6
|
+
|
|
7
|
+
/** Global Styles **/
|
|
8
|
+
@layer base {
|
|
9
|
+
* {
|
|
10
|
+
@apply border-border;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
*:focus-visible {
|
|
14
|
+
@apply outline-ring rounded-xs shadow-none outline-2 outline-offset-3 transition-none!;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/** Dark/Light Theme Variant **/
|
|
19
|
+
@custom-variant dark (&:is(.dark *));
|
|
20
|
+
@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.4",
|
|
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 && mkdir -p dist/styles && cp src/styles/*.css dist/styles/",
|
|
33
33
|
"dev:lib": "tsup --watch",
|
|
34
34
|
"clean": "rm -rf dist",
|
|
35
35
|
"prepublishOnly": "npm run build",
|