@onpe/ui 1.2.66 → 1.2.68

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 +11 -20
  2. package/dist/components.esm.css +11 -20
  3. package/dist/index.css +11 -20
  4. package/dist/index.esm.css +11 -20
  5. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -12,12 +12,12 @@
12
12
  }
13
13
 
14
14
  .onpe-button:disabled {
15
- cursor: not-allowed;
16
- background-color: var(--onpe-ui-gray);
15
+ cursor: default;
16
+ background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
19
  .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray);
20
+ background-color: var(--onpe-ui-gray) !important;
21
21
  }
22
22
 
23
23
  /* Button Sizes */
@@ -311,28 +311,16 @@ body.onpe-modal-open {
311
311
 
312
312
  .onpe-modal-close-button {
313
313
  position: absolute;
314
- top: 1rem; /* top-4 */
315
- right: 1rem; /* right-4 */
314
+ top: 10px; /* top-4 */
315
+ right: 10px; /* right-4 */
316
316
  color: var(--onpe-ui-red);
317
317
  z-index: 30;
318
318
  cursor: pointer;
319
+ width: 16px;
320
+ height: 16px;
319
321
  }
320
322
 
321
323
 
322
- .onpe-modal-close-icon {
323
- height: 10px;
324
- width: 10px;
325
- color: white;
326
- }
327
-
328
- /* Responsive Design */
329
- @media (min-width: 640px) {
330
- .onpe-modal-content.onpe-modal-with-background {
331
- padding: 35px 2rem 54px 2rem; /* Tablet: top 35px, bottom 54px, left/right 2rem */
332
- }
333
-
334
- }
335
-
336
324
  @media (min-width: 768px) {
337
325
  .onpe-modal-content.onpe-modal-with-background {
338
326
  padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
@@ -343,8 +331,11 @@ body.onpe-modal-open {
343
331
  .onpe-modal-content.onpe-modal-with-background .onpe-modal-browser-incompatible-container {
344
332
  max-width: none !important; /* Permitir que el contenido interno defina su tamaño */
345
333
  }
346
-
347
334
 
335
+ .onpe-modal-close-button {
336
+ width: 28px;
337
+ height: 28px;
338
+ }
348
339
  }
349
340
 
350
341
  /* Desktop grande (> 1024px) - El usuario puede definir el tamaño */
package/dist/components.esm.css CHANGED
@@ -12,12 +12,12 @@
12
12
  }
13
13
 
14
14
  .onpe-button:disabled {
15
- cursor: not-allowed;
16
- background-color: var(--onpe-ui-gray);
15
+ cursor: default;
16
+ background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
19
  .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray);
20
+ background-color: var(--onpe-ui-gray) !important;
21
21
  }
22
22
 
23
23
  /* Button Sizes */
@@ -311,28 +311,16 @@ body.onpe-modal-open {
311
311
 
312
312
  .onpe-modal-close-button {
313
313
  position: absolute;
314
- top: 1rem; /* top-4 */
315
- right: 1rem; /* right-4 */
314
+ top: 10px; /* top-4 */
315
+ right: 10px; /* right-4 */
316
316
  color: var(--onpe-ui-red);
317
317
  z-index: 30;
318
318
  cursor: pointer;
319
+ width: 16px;
320
+ height: 16px;
319
321
  }
320
322
 
321
323
 
322
- .onpe-modal-close-icon {
323
- height: 10px;
324
- width: 10px;
325
- color: white;
326
- }
327
-
328
- /* Responsive Design */
329
- @media (min-width: 640px) {
330
- .onpe-modal-content.onpe-modal-with-background {
331
- padding: 35px 2rem 54px 2rem; /* Tablet: top 35px, bottom 54px, left/right 2rem */
332
- }
333
-
334
- }
335
-
336
324
  @media (min-width: 768px) {
337
325
  .onpe-modal-content.onpe-modal-with-background {
338
326
  padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
@@ -343,8 +331,11 @@ body.onpe-modal-open {
343
331
  .onpe-modal-content.onpe-modal-with-background .onpe-modal-browser-incompatible-container {
344
332
  max-width: none !important; /* Permitir que el contenido interno defina su tamaño */
345
333
  }
346
-
347
334
 
335
+ .onpe-modal-close-button {
336
+ width: 28px;
337
+ height: 28px;
338
+ }
348
339
  }
349
340
 
350
341
  /* Desktop grande (> 1024px) - El usuario puede definir el tamaño */
package/dist/index.css CHANGED
@@ -12,12 +12,12 @@
12
12
  }
13
13
 
14
14
  .onpe-button:disabled {
15
- cursor: not-allowed;
16
- background-color: var(--onpe-ui-gray);
15
+ cursor: default;
16
+ background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
19
  .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray);
20
+ background-color: var(--onpe-ui-gray) !important;
21
21
  }
22
22
 
23
23
  /* Button Sizes */
@@ -311,28 +311,16 @@ body.onpe-modal-open {
311
311
 
312
312
  .onpe-modal-close-button {
313
313
  position: absolute;
314
- top: 1rem; /* top-4 */
315
- right: 1rem; /* right-4 */
314
+ top: 10px; /* top-4 */
315
+ right: 10px; /* right-4 */
316
316
  color: var(--onpe-ui-red);
317
317
  z-index: 30;
318
318
  cursor: pointer;
319
+ width: 16px;
320
+ height: 16px;
319
321
  }
320
322
 
321
323
 
322
- .onpe-modal-close-icon {
323
- height: 10px;
324
- width: 10px;
325
- color: white;
326
- }
327
-
328
- /* Responsive Design */
329
- @media (min-width: 640px) {
330
- .onpe-modal-content.onpe-modal-with-background {
331
- padding: 35px 2rem 54px 2rem; /* Tablet: top 35px, bottom 54px, left/right 2rem */
332
- }
333
-
334
- }
335
-
336
324
  @media (min-width: 768px) {
337
325
  .onpe-modal-content.onpe-modal-with-background {
338
326
  padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
@@ -343,8 +331,11 @@ body.onpe-modal-open {
343
331
  .onpe-modal-content.onpe-modal-with-background .onpe-modal-browser-incompatible-container {
344
332
  max-width: none !important; /* Permitir que el contenido interno defina su tamaño */
345
333
  }
346
-
347
334
 
335
+ .onpe-modal-close-button {
336
+ width: 28px;
337
+ height: 28px;
338
+ }
348
339
  }
349
340
 
350
341
  /* Desktop grande (> 1024px) - El usuario puede definir el tamaño */
package/dist/index.esm.css CHANGED
@@ -12,12 +12,12 @@
12
12
  }
13
13
 
14
14
  .onpe-button:disabled {
15
- cursor: not-allowed;
16
- background-color: var(--onpe-ui-gray);
15
+ cursor: default;
16
+ background-color: var(--onpe-ui-gray) !important;
17
17
  }
18
18
 
19
19
  .onpe-button:disabled:hover {
20
- background-color: var(--onpe-ui-gray);
20
+ background-color: var(--onpe-ui-gray) !important;
21
21
  }
22
22
 
23
23
  /* Button Sizes */
@@ -311,28 +311,16 @@ body.onpe-modal-open {
311
311
 
312
312
  .onpe-modal-close-button {
313
313
  position: absolute;
314
- top: 1rem; /* top-4 */
315
- right: 1rem; /* right-4 */
314
+ top: 10px; /* top-4 */
315
+ right: 10px; /* right-4 */
316
316
  color: var(--onpe-ui-red);
317
317
  z-index: 30;
318
318
  cursor: pointer;
319
+ width: 16px;
320
+ height: 16px;
319
321
  }
320
322
 
321
323
 
322
- .onpe-modal-close-icon {
323
- height: 10px;
324
- width: 10px;
325
- color: white;
326
- }
327
-
328
- /* Responsive Design */
329
- @media (min-width: 640px) {
330
- .onpe-modal-content.onpe-modal-with-background {
331
- padding: 35px 2rem 54px 2rem; /* Tablet: top 35px, bottom 54px, left/right 2rem */
332
- }
333
-
334
- }
335
-
336
324
  @media (min-width: 768px) {
337
325
  .onpe-modal-content.onpe-modal-with-background {
338
326
  padding: 35px 2rem 54px 2rem; /* Desktop: top 35px, bottom 54px, left/right 2rem */
@@ -343,8 +331,11 @@ body.onpe-modal-open {
343
331
  .onpe-modal-content.onpe-modal-with-background .onpe-modal-browser-incompatible-container {
344
332
  max-width: none !important; /* Permitir que el contenido interno defina su tamaño */
345
333
  }
346
-
347
334
 
335
+ .onpe-modal-close-button {
336
+ width: 28px;
337
+ height: 28px;
338
+ }
348
339
  }
349
340
 
350
341
  /* Desktop grande (> 1024px) - El usuario puede definir el tamaño */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.2.66",
3
+ "version": "1.2.68",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes e Iconos",
6
6
  "main": "dist/index.js",