@onpe/ui 1.2.81 → 1.2.83

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 +4 -4
  2. package/dist/components.esm.css +4 -4
  3. package/dist/index.css +4 -4
  4. package/dist/index.esm.css +4 -4
  5. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -470,7 +470,7 @@ body.onpe-modal-open {
470
470
  .onpe-modal-confirm-container {
471
471
  /* Solo contenido - el espaciado lo maneja el Modal base */
472
472
  width: 100%;
473
- max-width: 719px !important; /* Tamaño específico para este modal */
473
+ max-width: 337px !important; /* Móvil: máximo 337px */
474
474
  padding-top: 30px !important;
475
475
  padding-bottom: 30px !important;
476
476
  padding-left: 30px !important;
@@ -499,8 +499,8 @@ body.onpe-modal-open {
499
499
  }
500
500
 
501
501
  .onpe-modal-confirm-title {
502
- margin-top: 0px;
503
- font-size: 18px; /* 1.125rem = 18px */
502
+ margin-top: 8px;
503
+ font-size: 20px; /* 1.125rem = 18px */
504
504
  font-weight: 600; /* font-semibold */
505
505
  text-align: center;
506
506
  color: var(--onpe-ui-skyblue); /* Color por defecto: azul */
@@ -541,7 +541,7 @@ body.onpe-modal-open {
541
541
  /* Responsive Design */
542
542
  @media (min-width: 768px) {
543
543
  .onpe-modal-confirm-container {
544
- max-width: 719px !important;
544
+ max-width: 719px !important; /* Desktop: tamaño original */
545
545
  padding-top: 30px !important;
546
546
  padding-bottom: 30px !important;
547
547
  padding-left: 30px !important;
package/dist/components.esm.css CHANGED
@@ -470,7 +470,7 @@ body.onpe-modal-open {
470
470
  .onpe-modal-confirm-container {
471
471
  /* Solo contenido - el espaciado lo maneja el Modal base */
472
472
  width: 100%;
473
- max-width: 719px !important; /* Tamaño específico para este modal */
473
+ max-width: 337px !important; /* Móvil: máximo 337px */
474
474
  padding-top: 30px !important;
475
475
  padding-bottom: 30px !important;
476
476
  padding-left: 30px !important;
@@ -499,8 +499,8 @@ body.onpe-modal-open {
499
499
  }
500
500
 
501
501
  .onpe-modal-confirm-title {
502
- margin-top: 0px;
503
- font-size: 18px; /* 1.125rem = 18px */
502
+ margin-top: 8px;
503
+ font-size: 20px; /* 1.125rem = 18px */
504
504
  font-weight: 600; /* font-semibold */
505
505
  text-align: center;
506
506
  color: var(--onpe-ui-skyblue); /* Color por defecto: azul */
@@ -541,7 +541,7 @@ body.onpe-modal-open {
541
541
  /* Responsive Design */
542
542
  @media (min-width: 768px) {
543
543
  .onpe-modal-confirm-container {
544
- max-width: 719px !important;
544
+ max-width: 719px !important; /* Desktop: tamaño original */
545
545
  padding-top: 30px !important;
546
546
  padding-bottom: 30px !important;
547
547
  padding-left: 30px !important;
package/dist/index.css CHANGED
@@ -470,7 +470,7 @@ body.onpe-modal-open {
470
470
  .onpe-modal-confirm-container {
471
471
  /* Solo contenido - el espaciado lo maneja el Modal base */
472
472
  width: 100%;
473
- max-width: 719px !important; /* Tamaño específico para este modal */
473
+ max-width: 337px !important; /* Móvil: máximo 337px */
474
474
  padding-top: 30px !important;
475
475
  padding-bottom: 30px !important;
476
476
  padding-left: 30px !important;
@@ -499,8 +499,8 @@ body.onpe-modal-open {
499
499
  }
500
500
 
501
501
  .onpe-modal-confirm-title {
502
- margin-top: 0px;
503
- font-size: 18px; /* 1.125rem = 18px */
502
+ margin-top: 8px;
503
+ font-size: 20px; /* 1.125rem = 18px */
504
504
  font-weight: 600; /* font-semibold */
505
505
  text-align: center;
506
506
  color: var(--onpe-ui-skyblue); /* Color por defecto: azul */
@@ -541,7 +541,7 @@ body.onpe-modal-open {
541
541
  /* Responsive Design */
542
542
  @media (min-width: 768px) {
543
543
  .onpe-modal-confirm-container {
544
- max-width: 719px !important;
544
+ max-width: 719px !important; /* Desktop: tamaño original */
545
545
  padding-top: 30px !important;
546
546
  padding-bottom: 30px !important;
547
547
  padding-left: 30px !important;
package/dist/index.esm.css CHANGED
@@ -470,7 +470,7 @@ body.onpe-modal-open {
470
470
  .onpe-modal-confirm-container {
471
471
  /* Solo contenido - el espaciado lo maneja el Modal base */
472
472
  width: 100%;
473
- max-width: 719px !important; /* Tamaño específico para este modal */
473
+ max-width: 337px !important; /* Móvil: máximo 337px */
474
474
  padding-top: 30px !important;
475
475
  padding-bottom: 30px !important;
476
476
  padding-left: 30px !important;
@@ -499,8 +499,8 @@ body.onpe-modal-open {
499
499
  }
500
500
 
501
501
  .onpe-modal-confirm-title {
502
- margin-top: 0px;
503
- font-size: 18px; /* 1.125rem = 18px */
502
+ margin-top: 8px;
503
+ font-size: 20px; /* 1.125rem = 18px */
504
504
  font-weight: 600; /* font-semibold */
505
505
  text-align: center;
506
506
  color: var(--onpe-ui-skyblue); /* Color por defecto: azul */
@@ -541,7 +541,7 @@ body.onpe-modal-open {
541
541
  /* Responsive Design */
542
542
  @media (min-width: 768px) {
543
543
  .onpe-modal-confirm-container {
544
- max-width: 719px !important;
544
+ max-width: 719px !important; /* Desktop: tamaño original */
545
545
  padding-top: 30px !important;
546
546
  padding-bottom: 30px !important;
547
547
  padding-left: 30px !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.2.81",
3
+ "version": "1.2.83",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes e Iconos",
6
6
  "main": "dist/index.js",