@nrivera-iimp/ui-kit-iimp 0.1.2 → 0.1.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/README.md +1 -1
- package/dist/preset.d.mts +82 -0
- package/dist/preset.d.ts +82 -0
- package/dist/preset.js +1 -0
- package/dist/preset.mjs +1 -0
- package/dist/styles.css +118 -0
- package/package.json +11 -5
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ Modifica tu archivo `tailwind.config.ts` (o `.js`) para importar nuestro preset.
|
|
|
28
28
|
|
|
29
29
|
```tsx
|
|
30
30
|
// tailwind.config.ts
|
|
31
|
-
import { iimpPreset } from "@nrivera-iimp/ui-kit/preset";
|
|
31
|
+
import { iimpPreset } from "@nrivera-iimp/ui-kit-iimp/preset";
|
|
32
32
|
|
|
33
33
|
export default {
|
|
34
34
|
// El preset añade las variables HSL y la configuración de shadcn/ui
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
declare const iimpPreset: {
|
|
2
|
+
darkMode: "class";
|
|
3
|
+
content: never[];
|
|
4
|
+
theme: {
|
|
5
|
+
container: {
|
|
6
|
+
center: boolean;
|
|
7
|
+
padding: string;
|
|
8
|
+
screens: {
|
|
9
|
+
"2xl": string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
extend: {
|
|
13
|
+
colors: {
|
|
14
|
+
border: string;
|
|
15
|
+
input: string;
|
|
16
|
+
ring: string;
|
|
17
|
+
background: string;
|
|
18
|
+
foreground: string;
|
|
19
|
+
primary: {
|
|
20
|
+
DEFAULT: string;
|
|
21
|
+
foreground: string;
|
|
22
|
+
};
|
|
23
|
+
secondary: {
|
|
24
|
+
DEFAULT: string;
|
|
25
|
+
foreground: string;
|
|
26
|
+
};
|
|
27
|
+
destructive: {
|
|
28
|
+
DEFAULT: string;
|
|
29
|
+
foreground: string;
|
|
30
|
+
};
|
|
31
|
+
muted: {
|
|
32
|
+
DEFAULT: string;
|
|
33
|
+
foreground: string;
|
|
34
|
+
};
|
|
35
|
+
accent: {
|
|
36
|
+
DEFAULT: string;
|
|
37
|
+
foreground: string;
|
|
38
|
+
};
|
|
39
|
+
popover: {
|
|
40
|
+
DEFAULT: string;
|
|
41
|
+
foreground: string;
|
|
42
|
+
};
|
|
43
|
+
card: {
|
|
44
|
+
DEFAULT: string;
|
|
45
|
+
foreground: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
borderRadius: {
|
|
49
|
+
lg: string;
|
|
50
|
+
md: string;
|
|
51
|
+
sm: string;
|
|
52
|
+
};
|
|
53
|
+
keyframes: {
|
|
54
|
+
"accordion-down": {
|
|
55
|
+
from: {
|
|
56
|
+
height: string;
|
|
57
|
+
};
|
|
58
|
+
to: {
|
|
59
|
+
height: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
"accordion-up": {
|
|
63
|
+
from: {
|
|
64
|
+
height: string;
|
|
65
|
+
};
|
|
66
|
+
to: {
|
|
67
|
+
height: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
animation: {
|
|
72
|
+
"accordion-down": string;
|
|
73
|
+
"accordion-up": string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
plugins: {
|
|
78
|
+
handler: () => void;
|
|
79
|
+
}[];
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export { iimpPreset as default, iimpPreset };
|
package/dist/preset.d.ts
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
declare const iimpPreset: {
|
|
2
|
+
darkMode: "class";
|
|
3
|
+
content: never[];
|
|
4
|
+
theme: {
|
|
5
|
+
container: {
|
|
6
|
+
center: boolean;
|
|
7
|
+
padding: string;
|
|
8
|
+
screens: {
|
|
9
|
+
"2xl": string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
extend: {
|
|
13
|
+
colors: {
|
|
14
|
+
border: string;
|
|
15
|
+
input: string;
|
|
16
|
+
ring: string;
|
|
17
|
+
background: string;
|
|
18
|
+
foreground: string;
|
|
19
|
+
primary: {
|
|
20
|
+
DEFAULT: string;
|
|
21
|
+
foreground: string;
|
|
22
|
+
};
|
|
23
|
+
secondary: {
|
|
24
|
+
DEFAULT: string;
|
|
25
|
+
foreground: string;
|
|
26
|
+
};
|
|
27
|
+
destructive: {
|
|
28
|
+
DEFAULT: string;
|
|
29
|
+
foreground: string;
|
|
30
|
+
};
|
|
31
|
+
muted: {
|
|
32
|
+
DEFAULT: string;
|
|
33
|
+
foreground: string;
|
|
34
|
+
};
|
|
35
|
+
accent: {
|
|
36
|
+
DEFAULT: string;
|
|
37
|
+
foreground: string;
|
|
38
|
+
};
|
|
39
|
+
popover: {
|
|
40
|
+
DEFAULT: string;
|
|
41
|
+
foreground: string;
|
|
42
|
+
};
|
|
43
|
+
card: {
|
|
44
|
+
DEFAULT: string;
|
|
45
|
+
foreground: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
borderRadius: {
|
|
49
|
+
lg: string;
|
|
50
|
+
md: string;
|
|
51
|
+
sm: string;
|
|
52
|
+
};
|
|
53
|
+
keyframes: {
|
|
54
|
+
"accordion-down": {
|
|
55
|
+
from: {
|
|
56
|
+
height: string;
|
|
57
|
+
};
|
|
58
|
+
to: {
|
|
59
|
+
height: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
"accordion-up": {
|
|
63
|
+
from: {
|
|
64
|
+
height: string;
|
|
65
|
+
};
|
|
66
|
+
to: {
|
|
67
|
+
height: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
animation: {
|
|
72
|
+
"accordion-down": string;
|
|
73
|
+
"accordion-up": string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
plugins: {
|
|
78
|
+
handler: () => void;
|
|
79
|
+
}[];
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export { iimpPreset as default, iimpPreset };
|
package/dist/preset.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _tailwindcssanimate = require('tailwindcss-animate'); var _tailwindcssanimate2 = _interopRequireDefault(_tailwindcssanimate);var o={darkMode:"class",content:[],theme:{container:{center:!0,padding:"2rem",screens:{"2xl":"1400px"}},extend:{colors:{border:"var(--border)",input:"var(--input)",ring:"var(--ring)",background:"var(--background)",foreground:"var(--foreground)",primary:{DEFAULT:"var(--primary)",foreground:"var(--primary-foreground)"},secondary:{DEFAULT:"var(--secondary)",foreground:"var(--secondary-foreground)"},destructive:{DEFAULT:"var(--destructive)",foreground:"var(--destructive-foreground)"},muted:{DEFAULT:"var(--muted)",foreground:"var(--muted-foreground)"},accent:{DEFAULT:"var(--accent)",foreground:"var(--accent-foreground)"},popover:{DEFAULT:"var(--popover)",foreground:"var(--popover-foreground)"},card:{DEFAULT:"var(--card)",foreground:"var(--card-foreground)"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[_tailwindcssanimate2.default]},a= exports.default =o;exports.default = a; exports.iimpPreset = o;
|
package/dist/preset.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import r from"tailwindcss-animate";var o={darkMode:"class",content:[],theme:{container:{center:!0,padding:"2rem",screens:{"2xl":"1400px"}},extend:{colors:{border:"var(--border)",input:"var(--input)",ring:"var(--ring)",background:"var(--background)",foreground:"var(--foreground)",primary:{DEFAULT:"var(--primary)",foreground:"var(--primary-foreground)"},secondary:{DEFAULT:"var(--secondary)",foreground:"var(--secondary-foreground)"},destructive:{DEFAULT:"var(--destructive)",foreground:"var(--destructive-foreground)"},muted:{DEFAULT:"var(--muted)",foreground:"var(--muted-foreground)"},accent:{DEFAULT:"var(--accent)",foreground:"var(--accent-foreground)"},popover:{DEFAULT:"var(--popover)",foreground:"var(--popover-foreground)"},card:{DEFAULT:"var(--card)",foreground:"var(--card-foreground)"}},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[r]},a=o;export{a as default,o as iimpPreset};
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
@plugin "tailwindcss-animate";
|
|
4
|
+
|
|
5
|
+
@custom-variant dark (&:is(.dark *));
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
--font-sans: var(--font-geist-sans);
|
|
9
|
+
--font-mono: var(--font-geist-mono);
|
|
10
|
+
|
|
11
|
+
--color-background: var(--background);
|
|
12
|
+
--color-foreground: var(--foreground);
|
|
13
|
+
--color-primary: var(--primary);
|
|
14
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
15
|
+
--color-secondary: var(--secondary);
|
|
16
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
17
|
+
--color-muted: var(--muted);
|
|
18
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
19
|
+
--color-accent: var(--accent);
|
|
20
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
21
|
+
--color-destructive: var(--destructive);
|
|
22
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
23
|
+
--color-border: var(--border);
|
|
24
|
+
--color-input: var(--input);
|
|
25
|
+
--color-ring: var(--ring);
|
|
26
|
+
--radius: var(--radius);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:root {
|
|
30
|
+
--background: hsl(0 0% 100%);
|
|
31
|
+
--foreground: hsl(0 0% 3.9%);
|
|
32
|
+
--card: hsl(0 0% 100%);
|
|
33
|
+
--card-foreground: hsl(0 0% 3.9%);
|
|
34
|
+
--popover: hsl(0 0% 100%);
|
|
35
|
+
--popover-foreground: hsl(0 0% 3.9%);
|
|
36
|
+
--primary: hsl(0 0% 9%);
|
|
37
|
+
--primary-foreground: hsl(0 0% 98%);
|
|
38
|
+
--secondary: hsl(0 0% 96.1%);
|
|
39
|
+
--secondary-foreground: hsl(0 0% 9%);
|
|
40
|
+
--muted: hsl(0 0% 96.1%);
|
|
41
|
+
--muted-foreground: hsl(0 0% 45.1%);
|
|
42
|
+
--accent: hsl(0 0% 96.1%);
|
|
43
|
+
--accent-foreground: hsl(0 0% 9%);
|
|
44
|
+
--destructive: hsl(0 84.2% 60.2%);
|
|
45
|
+
--destructive-foreground: hsl(0 0% 98%);
|
|
46
|
+
--border: hsl(0 0% 89.8%);
|
|
47
|
+
--input: hsl(0 0% 89.8%);
|
|
48
|
+
--ring: hsl(0 0% 3.9%);
|
|
49
|
+
--radius: 0.5rem;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.dark {
|
|
53
|
+
--background: hsl(0 0% 3.9%);
|
|
54
|
+
--foreground: hsl(0 0% 98%);
|
|
55
|
+
--card: hsl(0 0% 3.9%);
|
|
56
|
+
--card-foreground: hsl(0 0% 98%);
|
|
57
|
+
--popover: hsl(0 0% 3.9%);
|
|
58
|
+
--popover-foreground: hsl(0 0% 98%);
|
|
59
|
+
--primary: hsl(0 0% 98%);
|
|
60
|
+
--primary-foreground: hsl(0 0% 9%);
|
|
61
|
+
--secondary: hsl(0 0% 14.9%);
|
|
62
|
+
--secondary-foreground: hsl(0 0% 98%);
|
|
63
|
+
--muted: hsl(0 0% 14.9%);
|
|
64
|
+
--muted-foreground: hsl(0 0% 63.9%);
|
|
65
|
+
--accent: hsl(0 0% 14.9%);
|
|
66
|
+
--accent-foreground: hsl(0 0% 98%);
|
|
67
|
+
--destructive: hsl(0 62.8% 30.6%);
|
|
68
|
+
--destructive-foreground: hsl(0 0% 98%);
|
|
69
|
+
--border: hsl(0 0% 14.9%);
|
|
70
|
+
--input: hsl(0 0% 14.9%);
|
|
71
|
+
--ring: hsl(0 0% 83.1%);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/* --- Verticales IIMP --- */
|
|
75
|
+
|
|
76
|
+
.vert-proexplo {
|
|
77
|
+
--primary: hsl(24 83% 50%);
|
|
78
|
+
--primary-foreground: hsl(0 0% 100%);
|
|
79
|
+
--ring: hsl(24 83% 50%);
|
|
80
|
+
--radius: 0.75rem;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.vert-wmc {
|
|
84
|
+
--primary: hsl(191 100% 43%);
|
|
85
|
+
--primary-foreground: hsl(0 0% 100%);
|
|
86
|
+
--secondary: hsl(238 100% 12%);
|
|
87
|
+
--secondary-foreground: hsl(0 0% 100%);
|
|
88
|
+
--ring: hsl(191 100% 43%);
|
|
89
|
+
--radius: 0.3rem;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.vert-gess {
|
|
93
|
+
--primary: hsl(140 66% 32%);
|
|
94
|
+
--primary-foreground: hsl(0 0% 100%);
|
|
95
|
+
--secondary: hsl(80 56% 55%);
|
|
96
|
+
--secondary-foreground: hsl(0 0% 0%);
|
|
97
|
+
--ring: hsl(140 66% 32%);
|
|
98
|
+
--radius: 1rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* Force dark mode specific vertical variables if needed */
|
|
102
|
+
.dark.vert-proexplo {
|
|
103
|
+
--primary: hsl(24 83% 60%); /* SLIGHTLY lighter for better contrast in dark */
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.dark .bg-muted\/50 {
|
|
107
|
+
background-color: hsl(0 0% 15% / 0.5);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@layer base {
|
|
111
|
+
* {
|
|
112
|
+
@apply border-border;
|
|
113
|
+
}
|
|
114
|
+
body {
|
|
115
|
+
@apply bg-background text-foreground;
|
|
116
|
+
font-feature-settings: "rlig" 1, "calt" 1;
|
|
117
|
+
}
|
|
118
|
+
}
|
package/package.json
CHANGED
|
@@ -1,21 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nrivera-iimp/ui-kit-iimp",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
10
11
|
"import": "./dist/index.mjs",
|
|
11
|
-
"require": "./dist/index.js"
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
"require": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./preset": {
|
|
15
|
+
"types": "./dist/preset.d.ts",
|
|
16
|
+
"import": "./dist/preset.mjs",
|
|
17
|
+
"require": "./dist/preset.js"
|
|
18
|
+
},
|
|
19
|
+
"./styles.css": "./dist/styles.css"
|
|
14
20
|
},
|
|
15
21
|
"scripts": {
|
|
16
22
|
"dev": "next dev",
|
|
17
23
|
"build": "next build",
|
|
18
|
-
"build:lib": "tsup src/lib/index.ts --format cjs,esm --dts --minify --clean --minify-identifiers --minify-syntax --minify-whitespace --splitting --target es2020",
|
|
24
|
+
"build:lib": "tsup src/lib/index.ts src/lib/preset.ts --format cjs,esm --dts --minify --clean --minify-identifiers --minify-syntax --minify-whitespace --splitting --target es2020",
|
|
19
25
|
"start": "next start",
|
|
20
26
|
"lint": "eslint"
|
|
21
27
|
},
|