@onpe/ui 1.3.36 → 1.3.37

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 (5) hide show
  1. package/dist/components.css +1 -58
  2. package/dist/components.esm.css +1 -58
  3. package/dist/index.css +1 -58
  4. package/dist/index.esm.css +1 -58
  5. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -16,10 +16,6 @@
16
16
  background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
- .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray) !important;
21
- }
22
-
23
19
  /* Button Sizes */
24
20
  .onpe-button.onpe-button-small {
25
21
  height: 2.5rem; /* h-10 */
@@ -41,106 +37,53 @@
41
37
  background-color: var(--onpe-ui-blue);
42
38
  }
43
39
 
44
- .onpe-button.onpe-button-blue:hover {
45
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
46
- }
47
-
48
40
  .onpe-button.onpe-button-skyblue {
49
41
  background-color: var(--onpe-ui-skyblue);
50
42
  }
51
43
 
52
- .onpe-button.onpe-button-skyblue:hover {
53
- background-color: rgba(0, 115, 207, 0.3); /* onpe-ui-skyblue/30 */
54
- }
55
-
56
44
  .onpe-button.onpe-button-skyblue-light {
57
45
  background-color: var(--onpe-ui-skyblue-light);
58
46
  }
59
47
 
60
- .onpe-button.onpe-button-skyblue-light:hover {
61
- background-color: rgba(105, 178, 232, 0.3); /* onpe-ui-skyblue-light/30 */
62
- }
63
-
64
48
  .onpe-button.onpe-button-yellow {
65
49
  background-color: var(--onpe-ui-yellow);
66
50
  }
67
51
 
68
- .onpe-button.onpe-button-yellow:hover {
69
- background-color: rgba(255, 184, 28, 0.3); /* onpe-ui-yellow/30 */
70
- }
71
-
72
52
  .onpe-button.onpe-button-light-skyblue {
73
53
  background-color: var(--onpe-ui-light-skyblue);
74
54
  }
75
55
 
76
- .onpe-button.onpe-button-light-skyblue:hover {
77
- background-color: rgba(170, 239, 246, 0.3); /* onpe-ui-light-skyblue/30 */
78
- }
79
-
80
56
  .onpe-button.onpe-button-gray {
81
57
  background-color: var(--onpe-ui-gray);
82
58
  }
83
59
 
84
- .onpe-button.onpe-button-gray:hover {
85
- background-color: rgba(188, 188, 188, 0.3); /* onpe-ui-gray/30 */
86
- }
87
-
88
60
  .onpe-button.onpe-button-gray-light {
89
61
  background-color: var(--onpe-ui-gray-light);
90
62
  }
91
63
 
92
- .onpe-button.onpe-button-gray-light:hover {
93
- background-color: rgba(189, 189, 189, 0.3); /* onpe-ui-gray-light/30 */
94
- }
95
-
96
64
  .onpe-button.onpe-button-gray-extra-light {
97
65
  background-color: var(--onpe-ui-gray-extra-light);
98
66
  }
99
67
 
100
- .onpe-button.onpe-button-gray-extra-light:hover {
101
- background-color: rgba(242, 242, 242, 0.3); /* onpe-ui-gray-extra-light/30 */
102
- }
103
-
104
68
  .onpe-button.onpe-button-red {
105
69
  background-color: var(--onpe-ui-red);
106
70
  }
107
71
 
108
- .onpe-button.onpe-button-red:hover {
109
- background-color: rgba(227, 0, 43, 0.3); /* onpe-ui-red/30 */
110
- }
111
-
112
72
  .onpe-button.onpe-button-dark-gray {
113
73
  background-color: var(--onpe-ui-dark-gray);
114
74
  }
115
75
 
116
- .onpe-button.onpe-button-dark-gray:hover {
117
- background-color: rgba(79, 79, 79, 0.3); /* onpe-ui-dark-gray/30 */
118
- }
119
-
120
76
  .onpe-button.onpe-button-green {
121
77
  background-color: var(--onpe-ui-green);
122
78
  }
123
79
 
124
- .onpe-button.onpe-button-green:hover {
125
- background-color: rgba(118, 189, 67, 0.3); /* onpe-ui-green/30 */
126
- }
127
-
128
80
  .onpe-button.onpe-button-yellow-light {
129
81
  background-color: var(--onpe-ui-yellow-light);
130
82
  }
131
83
 
132
- .onpe-button.onpe-button-yellow-light:hover {
133
- background-color: rgba(255, 241, 210, 0.3); /* onpe-ui-yellow-light/30 */
134
- }
135
-
136
84
  .onpe-button.onpe-button-primary {
137
85
  background-color: var(--onpe-ui-blue);
138
- }
139
-
140
- .onpe-button.onpe-button-primary:hover {
141
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
142
- }
143
-
86
+ }
144
87
 
145
88
  /* Overlay Component Styles */
146
89
  .onpe-overlay {
package/dist/components.esm.css CHANGED
@@ -16,10 +16,6 @@
16
16
  background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
- .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray) !important;
21
- }
22
-
23
19
  /* Button Sizes */
24
20
  .onpe-button.onpe-button-small {
25
21
  height: 2.5rem; /* h-10 */
@@ -41,106 +37,53 @@
41
37
  background-color: var(--onpe-ui-blue);
42
38
  }
43
39
 
44
- .onpe-button.onpe-button-blue:hover {
45
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
46
- }
47
-
48
40
  .onpe-button.onpe-button-skyblue {
49
41
  background-color: var(--onpe-ui-skyblue);
50
42
  }
51
43
 
52
- .onpe-button.onpe-button-skyblue:hover {
53
- background-color: rgba(0, 115, 207, 0.3); /* onpe-ui-skyblue/30 */
54
- }
55
-
56
44
  .onpe-button.onpe-button-skyblue-light {
57
45
  background-color: var(--onpe-ui-skyblue-light);
58
46
  }
59
47
 
60
- .onpe-button.onpe-button-skyblue-light:hover {
61
- background-color: rgba(105, 178, 232, 0.3); /* onpe-ui-skyblue-light/30 */
62
- }
63
-
64
48
  .onpe-button.onpe-button-yellow {
65
49
  background-color: var(--onpe-ui-yellow);
66
50
  }
67
51
 
68
- .onpe-button.onpe-button-yellow:hover {
69
- background-color: rgba(255, 184, 28, 0.3); /* onpe-ui-yellow/30 */
70
- }
71
-
72
52
  .onpe-button.onpe-button-light-skyblue {
73
53
  background-color: var(--onpe-ui-light-skyblue);
74
54
  }
75
55
 
76
- .onpe-button.onpe-button-light-skyblue:hover {
77
- background-color: rgba(170, 239, 246, 0.3); /* onpe-ui-light-skyblue/30 */
78
- }
79
-
80
56
  .onpe-button.onpe-button-gray {
81
57
  background-color: var(--onpe-ui-gray);
82
58
  }
83
59
 
84
- .onpe-button.onpe-button-gray:hover {
85
- background-color: rgba(188, 188, 188, 0.3); /* onpe-ui-gray/30 */
86
- }
87
-
88
60
  .onpe-button.onpe-button-gray-light {
89
61
  background-color: var(--onpe-ui-gray-light);
90
62
  }
91
63
 
92
- .onpe-button.onpe-button-gray-light:hover {
93
- background-color: rgba(189, 189, 189, 0.3); /* onpe-ui-gray-light/30 */
94
- }
95
-
96
64
  .onpe-button.onpe-button-gray-extra-light {
97
65
  background-color: var(--onpe-ui-gray-extra-light);
98
66
  }
99
67
 
100
- .onpe-button.onpe-button-gray-extra-light:hover {
101
- background-color: rgba(242, 242, 242, 0.3); /* onpe-ui-gray-extra-light/30 */
102
- }
103
-
104
68
  .onpe-button.onpe-button-red {
105
69
  background-color: var(--onpe-ui-red);
106
70
  }
107
71
 
108
- .onpe-button.onpe-button-red:hover {
109
- background-color: rgba(227, 0, 43, 0.3); /* onpe-ui-red/30 */
110
- }
111
-
112
72
  .onpe-button.onpe-button-dark-gray {
113
73
  background-color: var(--onpe-ui-dark-gray);
114
74
  }
115
75
 
116
- .onpe-button.onpe-button-dark-gray:hover {
117
- background-color: rgba(79, 79, 79, 0.3); /* onpe-ui-dark-gray/30 */
118
- }
119
-
120
76
  .onpe-button.onpe-button-green {
121
77
  background-color: var(--onpe-ui-green);
122
78
  }
123
79
 
124
- .onpe-button.onpe-button-green:hover {
125
- background-color: rgba(118, 189, 67, 0.3); /* onpe-ui-green/30 */
126
- }
127
-
128
80
  .onpe-button.onpe-button-yellow-light {
129
81
  background-color: var(--onpe-ui-yellow-light);
130
82
  }
131
83
 
132
- .onpe-button.onpe-button-yellow-light:hover {
133
- background-color: rgba(255, 241, 210, 0.3); /* onpe-ui-yellow-light/30 */
134
- }
135
-
136
84
  .onpe-button.onpe-button-primary {
137
85
  background-color: var(--onpe-ui-blue);
138
- }
139
-
140
- .onpe-button.onpe-button-primary:hover {
141
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
142
- }
143
-
86
+ }
144
87
 
145
88
  /* Overlay Component Styles */
146
89
  .onpe-overlay {
package/dist/index.css CHANGED
@@ -16,10 +16,6 @@
16
16
  background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
- .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray) !important;
21
- }
22
-
23
19
  /* Button Sizes */
24
20
  .onpe-button.onpe-button-small {
25
21
  height: 2.5rem; /* h-10 */
@@ -41,106 +37,53 @@
41
37
  background-color: var(--onpe-ui-blue);
42
38
  }
43
39
 
44
- .onpe-button.onpe-button-blue:hover {
45
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
46
- }
47
-
48
40
  .onpe-button.onpe-button-skyblue {
49
41
  background-color: var(--onpe-ui-skyblue);
50
42
  }
51
43
 
52
- .onpe-button.onpe-button-skyblue:hover {
53
- background-color: rgba(0, 115, 207, 0.3); /* onpe-ui-skyblue/30 */
54
- }
55
-
56
44
  .onpe-button.onpe-button-skyblue-light {
57
45
  background-color: var(--onpe-ui-skyblue-light);
58
46
  }
59
47
 
60
- .onpe-button.onpe-button-skyblue-light:hover {
61
- background-color: rgba(105, 178, 232, 0.3); /* onpe-ui-skyblue-light/30 */
62
- }
63
-
64
48
  .onpe-button.onpe-button-yellow {
65
49
  background-color: var(--onpe-ui-yellow);
66
50
  }
67
51
 
68
- .onpe-button.onpe-button-yellow:hover {
69
- background-color: rgba(255, 184, 28, 0.3); /* onpe-ui-yellow/30 */
70
- }
71
-
72
52
  .onpe-button.onpe-button-light-skyblue {
73
53
  background-color: var(--onpe-ui-light-skyblue);
74
54
  }
75
55
 
76
- .onpe-button.onpe-button-light-skyblue:hover {
77
- background-color: rgba(170, 239, 246, 0.3); /* onpe-ui-light-skyblue/30 */
78
- }
79
-
80
56
  .onpe-button.onpe-button-gray {
81
57
  background-color: var(--onpe-ui-gray);
82
58
  }
83
59
 
84
- .onpe-button.onpe-button-gray:hover {
85
- background-color: rgba(188, 188, 188, 0.3); /* onpe-ui-gray/30 */
86
- }
87
-
88
60
  .onpe-button.onpe-button-gray-light {
89
61
  background-color: var(--onpe-ui-gray-light);
90
62
  }
91
63
 
92
- .onpe-button.onpe-button-gray-light:hover {
93
- background-color: rgba(189, 189, 189, 0.3); /* onpe-ui-gray-light/30 */
94
- }
95
-
96
64
  .onpe-button.onpe-button-gray-extra-light {
97
65
  background-color: var(--onpe-ui-gray-extra-light);
98
66
  }
99
67
 
100
- .onpe-button.onpe-button-gray-extra-light:hover {
101
- background-color: rgba(242, 242, 242, 0.3); /* onpe-ui-gray-extra-light/30 */
102
- }
103
-
104
68
  .onpe-button.onpe-button-red {
105
69
  background-color: var(--onpe-ui-red);
106
70
  }
107
71
 
108
- .onpe-button.onpe-button-red:hover {
109
- background-color: rgba(227, 0, 43, 0.3); /* onpe-ui-red/30 */
110
- }
111
-
112
72
  .onpe-button.onpe-button-dark-gray {
113
73
  background-color: var(--onpe-ui-dark-gray);
114
74
  }
115
75
 
116
- .onpe-button.onpe-button-dark-gray:hover {
117
- background-color: rgba(79, 79, 79, 0.3); /* onpe-ui-dark-gray/30 */
118
- }
119
-
120
76
  .onpe-button.onpe-button-green {
121
77
  background-color: var(--onpe-ui-green);
122
78
  }
123
79
 
124
- .onpe-button.onpe-button-green:hover {
125
- background-color: rgba(118, 189, 67, 0.3); /* onpe-ui-green/30 */
126
- }
127
-
128
80
  .onpe-button.onpe-button-yellow-light {
129
81
  background-color: var(--onpe-ui-yellow-light);
130
82
  }
131
83
 
132
- .onpe-button.onpe-button-yellow-light:hover {
133
- background-color: rgba(255, 241, 210, 0.3); /* onpe-ui-yellow-light/30 */
134
- }
135
-
136
84
  .onpe-button.onpe-button-primary {
137
85
  background-color: var(--onpe-ui-blue);
138
- }
139
-
140
- .onpe-button.onpe-button-primary:hover {
141
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
142
- }
143
-
86
+ }
144
87
 
145
88
  /* Overlay Component Styles */
146
89
  .onpe-overlay {
package/dist/index.esm.css CHANGED
@@ -16,10 +16,6 @@
16
16
  background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
- .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray) !important;
21
- }
22
-
23
19
  /* Button Sizes */
24
20
  .onpe-button.onpe-button-small {
25
21
  height: 2.5rem; /* h-10 */
@@ -41,106 +37,53 @@
41
37
  background-color: var(--onpe-ui-blue);
42
38
  }
43
39
 
44
- .onpe-button.onpe-button-blue:hover {
45
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
46
- }
47
-
48
40
  .onpe-button.onpe-button-skyblue {
49
41
  background-color: var(--onpe-ui-skyblue);
50
42
  }
51
43
 
52
- .onpe-button.onpe-button-skyblue:hover {
53
- background-color: rgba(0, 115, 207, 0.3); /* onpe-ui-skyblue/30 */
54
- }
55
-
56
44
  .onpe-button.onpe-button-skyblue-light {
57
45
  background-color: var(--onpe-ui-skyblue-light);
58
46
  }
59
47
 
60
- .onpe-button.onpe-button-skyblue-light:hover {
61
- background-color: rgba(105, 178, 232, 0.3); /* onpe-ui-skyblue-light/30 */
62
- }
63
-
64
48
  .onpe-button.onpe-button-yellow {
65
49
  background-color: var(--onpe-ui-yellow);
66
50
  }
67
51
 
68
- .onpe-button.onpe-button-yellow:hover {
69
- background-color: rgba(255, 184, 28, 0.3); /* onpe-ui-yellow/30 */
70
- }
71
-
72
52
  .onpe-button.onpe-button-light-skyblue {
73
53
  background-color: var(--onpe-ui-light-skyblue);
74
54
  }
75
55
 
76
- .onpe-button.onpe-button-light-skyblue:hover {
77
- background-color: rgba(170, 239, 246, 0.3); /* onpe-ui-light-skyblue/30 */
78
- }
79
-
80
56
  .onpe-button.onpe-button-gray {
81
57
  background-color: var(--onpe-ui-gray);
82
58
  }
83
59
 
84
- .onpe-button.onpe-button-gray:hover {
85
- background-color: rgba(188, 188, 188, 0.3); /* onpe-ui-gray/30 */
86
- }
87
-
88
60
  .onpe-button.onpe-button-gray-light {
89
61
  background-color: var(--onpe-ui-gray-light);
90
62
  }
91
63
 
92
- .onpe-button.onpe-button-gray-light:hover {
93
- background-color: rgba(189, 189, 189, 0.3); /* onpe-ui-gray-light/30 */
94
- }
95
-
96
64
  .onpe-button.onpe-button-gray-extra-light {
97
65
  background-color: var(--onpe-ui-gray-extra-light);
98
66
  }
99
67
 
100
- .onpe-button.onpe-button-gray-extra-light:hover {
101
- background-color: rgba(242, 242, 242, 0.3); /* onpe-ui-gray-extra-light/30 */
102
- }
103
-
104
68
  .onpe-button.onpe-button-red {
105
69
  background-color: var(--onpe-ui-red);
106
70
  }
107
71
 
108
- .onpe-button.onpe-button-red:hover {
109
- background-color: rgba(227, 0, 43, 0.3); /* onpe-ui-red/30 */
110
- }
111
-
112
72
  .onpe-button.onpe-button-dark-gray {
113
73
  background-color: var(--onpe-ui-dark-gray);
114
74
  }
115
75
 
116
- .onpe-button.onpe-button-dark-gray:hover {
117
- background-color: rgba(79, 79, 79, 0.3); /* onpe-ui-dark-gray/30 */
118
- }
119
-
120
76
  .onpe-button.onpe-button-green {
121
77
  background-color: var(--onpe-ui-green);
122
78
  }
123
79
 
124
- .onpe-button.onpe-button-green:hover {
125
- background-color: rgba(118, 189, 67, 0.3); /* onpe-ui-green/30 */
126
- }
127
-
128
80
  .onpe-button.onpe-button-yellow-light {
129
81
  background-color: var(--onpe-ui-yellow-light);
130
82
  }
131
83
 
132
- .onpe-button.onpe-button-yellow-light:hover {
133
- background-color: rgba(255, 241, 210, 0.3); /* onpe-ui-yellow-light/30 */
134
- }
135
-
136
84
  .onpe-button.onpe-button-primary {
137
85
  background-color: var(--onpe-ui-blue);
138
- }
139
-
140
- .onpe-button.onpe-button-primary:hover {
141
- background-color: rgba(0, 55, 112, 0.3); /* onpe-ui-blue/30 */
142
- }
143
-
86
+ }
144
87
 
145
88
  /* Overlay Component Styles */
146
89
  .onpe-overlay {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.3.36",
3
+ "version": "1.3.37",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes e Iconos",
6
6
  "main": "dist/index.js",