@onpe/ui 1.2.27 → 1.2.28
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/components.esm.js +13 -13
- package/dist/components.js +13 -13
- package/dist/index.esm.js +13 -13
- package/dist/index.js +13 -13
- package/package.json +1 -1
- package/dist/temp-onpe-only.css +0 -33
- package/dist/temp-tailwind-config.js +0 -29
package/dist/components.esm.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/dist/components.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/dist/index.esm.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/dist/index.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/package.json
CHANGED
package/dist/temp-onpe-only.css
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/* Estilos ONPE UI - Solo colores y utilidades específicas */
|
|
3
|
-
|
|
4
|
-
/* Variables CSS */
|
|
5
|
-
:root {
|
|
6
|
-
--onpe-ui-blue: #003770;
|
|
7
|
-
--onpe-ui-skyblue: #0073cf;
|
|
8
|
-
--onpe-ui-skyblue-light: #69b2e8;
|
|
9
|
-
--onpe-ui-yellow: #ffb81c;
|
|
10
|
-
--onpe-ui-light-skyblue: #aaeff6;
|
|
11
|
-
--onpe-ui-gray: #bcbcbc;
|
|
12
|
-
--onpe-ui-gray-light: #bdbdbd;
|
|
13
|
-
--onpe-ui-gray-extra-light: #f2f2f2;
|
|
14
|
-
--onpe-ui-red: #e3002b;
|
|
15
|
-
--onpe-ui-dark-gray: #4f4f4f;
|
|
16
|
-
--onpe-ui-green: #76bd43;
|
|
17
|
-
--onpe-ui-yellow-light: #fff1d2;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@theme {
|
|
21
|
-
--color-onpe-ui-blue: #003770;
|
|
22
|
-
--color-onpe-ui-skyblue: #0073cf;
|
|
23
|
-
--color-onpe-ui-skyblue-light: #69b2e8;
|
|
24
|
-
--color-onpe-ui-yellow: #ffb81c;
|
|
25
|
-
--color-onpe-ui-light-skyblue: #aaeff6;
|
|
26
|
-
--color-onpe-ui-gray: #bcbcbc;
|
|
27
|
-
--color-onpe-ui-gray-light: #bdbdbd;
|
|
28
|
-
--color-onpe-ui-gray-extra-light: #f2f2f2;
|
|
29
|
-
--color-onpe-ui-red: #e3002b;
|
|
30
|
-
--color-onpe-ui-dark-gray: #4f4f4f;
|
|
31
|
-
--color-onpe-ui-green: #76bd43;
|
|
32
|
-
--color-onpe-ui-yellow-light: #fff1d2;
|
|
33
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/** @type {import('tailwindcss').Config} */
|
|
3
|
-
module.exports = {
|
|
4
|
-
content: [
|
|
5
|
-
"./src/**/*.{js,ts,jsx,tsx}",
|
|
6
|
-
],
|
|
7
|
-
theme: {
|
|
8
|
-
extend: {
|
|
9
|
-
colors: {
|
|
10
|
-
'onpe-ui-blue': '#003770',
|
|
11
|
-
'onpe-ui-skyblue': '#0073cf',
|
|
12
|
-
'onpe-ui-skyblue-light': '#69b2e8',
|
|
13
|
-
'onpe-ui-yellow': '#ffb81c',
|
|
14
|
-
'onpe-ui-light-skyblue': '#aaeff6',
|
|
15
|
-
'onpe-ui-gray': '#bcbcbc',
|
|
16
|
-
'onpe-ui-gray-light': '#bdbdbd',
|
|
17
|
-
'onpe-ui-gray-extra-light': '#f2f2f2',
|
|
18
|
-
'onpe-ui-red': '#e3002b',
|
|
19
|
-
'onpe-ui-dark-gray': '#4f4f4f',
|
|
20
|
-
'onpe-ui-green': '#76bd43',
|
|
21
|
-
'onpe-ui-yellow-light': '#fff1d2',
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
plugins: [],
|
|
26
|
-
corePlugins: {
|
|
27
|
-
preflight: false, // Deshabilitar reset de Tailwind
|
|
28
|
-
},
|
|
29
|
-
}
|