leira-ui 1.0.0 → 1.1.0
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-lib/index.d.ts +1 -0
- package/dist-lib/leira-ui.css +1 -0
- package/dist-lib/styles.css +60 -0
- package/package.json +8 -4
package/dist-lib/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-hover: #1e1e2a;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #666680;--border-color: #2a2a3a}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .2s ease-out}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/* Leira UI - Theme Variables */
|
|
2
|
+
/* Importa este archivo en tu proyecto: import 'leira-ui/styles.css' */
|
|
3
|
+
|
|
4
|
+
:root {
|
|
5
|
+
/* Background Colors */
|
|
6
|
+
--bg-primary: #0a0a0f;
|
|
7
|
+
--bg-secondary: #12121a;
|
|
8
|
+
--bg-card: #16161f;
|
|
9
|
+
--bg-hover: #1e1e2a;
|
|
10
|
+
|
|
11
|
+
/* Text Colors */
|
|
12
|
+
--text-primary: #ffffff;
|
|
13
|
+
--text-secondary: #a0a0b0;
|
|
14
|
+
--text-muted: #666680;
|
|
15
|
+
|
|
16
|
+
/* Border Colors */
|
|
17
|
+
--border-color: #2a2a3a;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Gradient Text Utility */
|
|
21
|
+
.gradient-text {
|
|
22
|
+
background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #8b5cf6 100%);
|
|
23
|
+
-webkit-background-clip: text;
|
|
24
|
+
-webkit-text-fill-color: transparent;
|
|
25
|
+
background-clip: text;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Fade In Animation */
|
|
29
|
+
@keyframes fade-in {
|
|
30
|
+
from {
|
|
31
|
+
opacity: 0;
|
|
32
|
+
transform: translateY(-10px);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
to {
|
|
36
|
+
opacity: 1;
|
|
37
|
+
transform: translateY(0);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.animate-fade-in {
|
|
42
|
+
animation: fade-in 0.2s ease-out;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* Scale In Animation */
|
|
46
|
+
@keyframes scale-in {
|
|
47
|
+
from {
|
|
48
|
+
opacity: 0;
|
|
49
|
+
transform: scale(0.95);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
to {
|
|
53
|
+
opacity: 1;
|
|
54
|
+
transform: scale(1);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.animate-scale-in {
|
|
59
|
+
animation: scale-in 0.2s ease-out;
|
|
60
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "leira-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Biblioteca de componentes React + Tailwind CSS. Componentes modernos, elegantes y listos para usar.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist-lib/leira-ui.umd.js",
|
|
@@ -11,12 +11,16 @@
|
|
|
11
11
|
"types": "./dist-lib/index.d.ts",
|
|
12
12
|
"import": "./dist-lib/leira-ui.es.js",
|
|
13
13
|
"require": "./dist-lib/leira-ui.umd.js"
|
|
14
|
-
}
|
|
14
|
+
},
|
|
15
|
+
"./styles.css": "./dist-lib/styles.css",
|
|
16
|
+
"./styles": "./dist-lib/leira-ui.css"
|
|
15
17
|
},
|
|
16
18
|
"files": [
|
|
17
19
|
"dist-lib"
|
|
18
20
|
],
|
|
19
|
-
"sideEffects":
|
|
21
|
+
"sideEffects": [
|
|
22
|
+
"*.css"
|
|
23
|
+
],
|
|
20
24
|
"scripts": {
|
|
21
25
|
"dev": "vite",
|
|
22
26
|
"build": "tsc -b && vite build",
|
|
@@ -81,6 +85,6 @@
|
|
|
81
85
|
},
|
|
82
86
|
"homepage": "https://leira-ui.vercel.app",
|
|
83
87
|
"bugs": {
|
|
84
|
-
"url": "https://github.com/citylightsnewer/leira-
|
|
88
|
+
"url": "https://github.com/citylightsnewer/leira-ui/issues"
|
|
85
89
|
}
|
|
86
90
|
}
|