@onpe/ui 1.2.25 → 1.2.27

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.
Files changed (8) hide show
  1. package/dist/components.esm.js +13 -13
  2. package/dist/components.js +13 -13
  3. package/dist/index.css +1984 -324
  4. package/dist/index.esm.js +13 -13
  5. package/dist/index.js +13 -13
  6. package/dist/temp-onpe-only.css +33 -0
  7. package/dist/temp-tailwind-config.js +29 -0
  8. package/package.json +3 -3
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 "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
92
+ return "onpe-bg-onpe-ui-blue onpe-hover:onpe-bg-onpe-ui-blue/30";
93
93
  if (color === "skyblue")
94
- return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
94
+ return "onpe-bg-onpe-ui-skyblue onpe-hover:onpe-bg-onpe-ui-skyblue/30";
95
95
  if (color === "skyblue-light")
96
- return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
96
+ return "onpe-bg-onpe-ui-skyblue-light onpe-hover:onpe-bg-onpe-ui-skyblue-light/30";
97
97
  if (color === "yellow")
98
- return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
98
+ return "onpe-bg-onpe-ui-yellow onpe-hover:onpe-bg-onpe-ui-yellow/30";
99
99
  if (color === "light-skyblue")
100
- return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
100
+ return "onpe-bg-onpe-ui-light-skyblue onpe-hover:onpe-bg-onpe-ui-light-skyblue/30";
101
101
  if (color === "gray")
102
- return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
102
+ return "onpe-bg-onpe-ui-gray onpe-hover:onpe-bg-onpe-ui-gray/30";
103
103
  if (color === "gray-light")
104
- return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
104
+ return "onpe-bg-onpe-ui-gray-light onpe-hover:onpe-bg-onpe-ui-gray-light/30";
105
105
  if (color === "gray-extra-light")
106
- return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
106
+ return "onpe-bg-onpe-ui-gray-extra-light onpe-hover:onpe-bg-onpe-ui-gray-extra-light/30";
107
107
  if (color === "red")
108
- return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
108
+ return "onpe-bg-onpe-ui-red onpe-hover:onpe-bg-onpe-ui-red/30";
109
109
  if (color === "dark-gray")
110
- return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
110
+ return "onpe-bg-onpe-ui-dark-gray onpe-hover:onpe-bg-onpe-ui-dark-gray/30";
111
111
  if (color === "green")
112
- return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
112
+ return "onpe-bg-onpe-ui-green onpe-hover:onpe-bg-onpe-ui-green/30";
113
113
  if (color === "yellow-light")
114
- return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
114
+ return "onpe-bg-onpe-ui-yellow-light onpe-hover:onpe-bg-onpe-ui-yellow-light/30";
115
115
  if (color === "primary")
116
- return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
116
+ return "onpe-bg-onpe-ui-blue onpe-hover:onpe-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 "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
92
+ return "onpe-bg-onpe-ui-blue onpe-hover:onpe-bg-onpe-ui-blue/30";
93
93
  if (color === "skyblue")
94
- return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
94
+ return "onpe-bg-onpe-ui-skyblue onpe-hover:onpe-bg-onpe-ui-skyblue/30";
95
95
  if (color === "skyblue-light")
96
- return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
96
+ return "onpe-bg-onpe-ui-skyblue-light onpe-hover:onpe-bg-onpe-ui-skyblue-light/30";
97
97
  if (color === "yellow")
98
- return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
98
+ return "onpe-bg-onpe-ui-yellow onpe-hover:onpe-bg-onpe-ui-yellow/30";
99
99
  if (color === "light-skyblue")
100
- return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
100
+ return "onpe-bg-onpe-ui-light-skyblue onpe-hover:onpe-bg-onpe-ui-light-skyblue/30";
101
101
  if (color === "gray")
102
- return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
102
+ return "onpe-bg-onpe-ui-gray onpe-hover:onpe-bg-onpe-ui-gray/30";
103
103
  if (color === "gray-light")
104
- return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
104
+ return "onpe-bg-onpe-ui-gray-light onpe-hover:onpe-bg-onpe-ui-gray-light/30";
105
105
  if (color === "gray-extra-light")
106
- return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
106
+ return "onpe-bg-onpe-ui-gray-extra-light onpe-hover:onpe-bg-onpe-ui-gray-extra-light/30";
107
107
  if (color === "red")
108
- return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
108
+ return "onpe-bg-onpe-ui-red onpe-hover:onpe-bg-onpe-ui-red/30";
109
109
  if (color === "dark-gray")
110
- return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
110
+ return "onpe-bg-onpe-ui-dark-gray onpe-hover:onpe-bg-onpe-ui-dark-gray/30";
111
111
  if (color === "green")
112
- return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
112
+ return "onpe-bg-onpe-ui-green onpe-hover:onpe-bg-onpe-ui-green/30";
113
113
  if (color === "yellow-light")
114
- return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
114
+ return "onpe-bg-onpe-ui-yellow-light onpe-hover:onpe-bg-onpe-ui-yellow-light/30";
115
115
  if (color === "primary")
116
- return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
116
+ return "onpe-bg-onpe-ui-blue onpe-hover:onpe-bg-onpe-ui-blue/30";
117
117
  return "";
118
118
  };
119
119
  var getSize = function () {
package/dist/temp-onpe-only.css ADDED
@@ -0,0 +1,33 @@
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
+ }
package/dist/temp-tailwind-config.js ADDED
@@ -0,0 +1,29 @@
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
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.2.25",
3
+ "version": "1.2.27",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes, Hooks, Utils y Librerías",
6
6
  "main": "dist/index.js",
@@ -47,8 +47,8 @@
47
47
  "dev": "storybook dev -p 6006",
48
48
  "build": "npm run build:css:prod && rollup -c",
49
49
  "build:css": "node scripts/build-css.js",
50
- "build:css:prod": "node scripts/build-css-clean.js",
51
- "publish": "npm publish",
50
+ "build:css:prod": "node scripts/build-css.js",
51
+ "prepublishOnly": "npm run build",
52
52
  "test": "jest",
53
53
  "lint": "eslint src --ext .ts,.tsx",
54
54
  "lint:fix": "eslint src --ext .ts,.tsx --fix",