@onpe/ui 1.2.53 → 1.2.54

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.
@@ -521,8 +521,10 @@ body.onpe-modal-open {
521
521
  .onpe-modal-confirm-container {
522
522
  max-width: 680px !important;
523
523
  width: 680px !important;
524
- padding-top: 1.25rem !important; /* pt-5 */
525
- padding-bottom: 2rem !important; /* pb-8 */
524
+ padding-top:30px !important; /* pt-5 */
525
+ padding-bottom: 30px !important; /* pb-8 */
526
+ padding-left: 30px !important; /* pl-5 */
527
+ padding-right: 30px !important; /* pr-5 */
526
528
  }
527
529
 
528
530
  .onpe-modal-confirm-icon-container {
@@ -591,6 +593,8 @@ body.onpe-modal-open {
591
593
  .onpe-modal-confirm-container {
592
594
  width: 680px !important;
593
595
  max-width: 680px !important;
596
+ padding-left: 32px !important; /* pl-5 */
597
+ padding-right: 32px !important; /* pr-5 */
594
598
  }
595
599
  }
596
600
 
@@ -1005,7 +1009,7 @@ body.onpe-modal-open {
1005
1009
  /* Estilos específicos para móvil */
1006
1010
  @media (max-width: 640px) {
1007
1011
  .onpe-modal-dnie-versions-title {
1008
- font-size: 16px; /* text-base para móvil */
1012
+ font-size: 14px; /* text-base para móvil */
1009
1013
  }
1010
1014
 
1011
1015
  .onpe-modal-dnie-versions-content {
@@ -1034,11 +1038,11 @@ body.onpe-modal-open {
1034
1038
  }
1035
1039
 
1036
1040
  .onpe-modal-dnie-versions-content {
1037
- font-size: 16px; /* text-base para tablet y desktop */
1041
+ font-size: 14px; /* text-base para tablet y desktop */
1038
1042
  }
1039
1043
 
1040
1044
  .onpe-modal-dnie-versions-list {
1041
- font-size: 16px; /* text-base para tablet y desktop */
1045
+ font-size: 14px; /* text-base para tablet y desktop */
1042
1046
  }
1043
1047
  }
1044
1048
 
@@ -1070,6 +1074,13 @@ body.onpe-modal-open {
1070
1074
  /* Solo contenido - el espaciado lo maneja el Modal base */
1071
1075
  width: 100%;
1072
1076
  max-width: 600px !important; /* Tamaño específico para este modal */
1077
+ padding-top: 46px !important; /* pt-5 */
1078
+
1079
+ padding-bottom: 46px !important; /* pb-8 */
1080
+
1081
+
1082
+ padding-left: 30px !important; /* pl-5 */
1083
+ padding-right: 30px !important; /* pr-5 */
1073
1084
  }
1074
1085
 
1075
1086
  .onpe-modal-nfc-title {
@@ -1166,7 +1177,7 @@ body.onpe-modal-open {
1166
1177
  /* Estilos específicos para móvil */
1167
1178
  @media (max-width: 640px) {
1168
1179
  .onpe-modal-nfc-title {
1169
- font-size: 16px; /* text-base para móvil */
1180
+ font-size: 14px; /* text-base para móvil */
1170
1181
  }
1171
1182
 
1172
1183
  .onpe-modal-nfc-content {
@@ -1180,7 +1191,7 @@ body.onpe-modal-open {
1180
1191
  }
1181
1192
 
1182
1193
  .onpe-modal-nfc-subtitle {
1183
- font-size: 16px; /* text-base para móvil */
1194
+ font-size: 14px; /* text-base para móvil */
1184
1195
  }
1185
1196
  }
1186
1197
 
@@ -1191,19 +1202,19 @@ body.onpe-modal-open {
1191
1202
  }
1192
1203
 
1193
1204
  .onpe-modal-nfc-content {
1194
- font-size: 16px; /* text-base para tablet y desktop */
1205
+ font-size: 14px; /* text-base para tablet y desktop */
1195
1206
  }
1196
1207
 
1197
1208
  .onpe-modal-nfc-step {
1198
- font-size: 16px; /* text-base para tablet y desktop */
1209
+ font-size: 14px; /* text-base para tablet y desktop */
1199
1210
  }
1200
1211
 
1201
1212
  .onpe-modal-nfc-list-item {
1202
- font-size: 16px; /* text-base para tablet y desktop */
1213
+ font-size: 14px; /* text-base para tablet y desktop */
1203
1214
  }
1204
1215
 
1205
1216
  .onpe-modal-nfc-text {
1206
- font-size: 16px; /* text-base para tablet y desktop */
1217
+ font-size: 14px; /* text-base para tablet y desktop */
1207
1218
  }
1208
1219
 
1209
1220
  .onpe-modal-nfc-subtitle {
@@ -1211,7 +1222,7 @@ body.onpe-modal-open {
1211
1222
  }
1212
1223
 
1213
1224
  .onpe-modal-nfc-ordered-list {
1214
- font-size: 16px; /* text-base para tablet y desktop */
1225
+ font-size: 14px; /* text-base para tablet y desktop */
1215
1226
  }
1216
1227
  }
1217
1228
 
@@ -1219,6 +1230,10 @@ body.onpe-modal-open {
1219
1230
  .onpe-modal-nfc-container {
1220
1231
  /* Desktop: Tamaño específico de 600px */
1221
1232
  max-width: 600px !important;
1233
+
1234
+ padding-left: 50px !important; /* pl-5 */
1235
+ padding-right: 50px !important; /* pr-5 */
1236
+
1222
1237
  }
1223
1238
  }
1224
1239
 
@@ -521,8 +521,10 @@ body.onpe-modal-open {
521
521
  .onpe-modal-confirm-container {
522
522
  max-width: 680px !important;
523
523
  width: 680px !important;
524
- padding-top: 1.25rem !important; /* pt-5 */
525
- padding-bottom: 2rem !important; /* pb-8 */
524
+ padding-top:30px !important; /* pt-5 */
525
+ padding-bottom: 30px !important; /* pb-8 */
526
+ padding-left: 30px !important; /* pl-5 */
527
+ padding-right: 30px !important; /* pr-5 */
526
528
  }
527
529
 
528
530
  .onpe-modal-confirm-icon-container {
@@ -591,6 +593,8 @@ body.onpe-modal-open {
591
593
  .onpe-modal-confirm-container {
592
594
  width: 680px !important;
593
595
  max-width: 680px !important;
596
+ padding-left: 32px !important; /* pl-5 */
597
+ padding-right: 32px !important; /* pr-5 */
594
598
  }
595
599
  }
596
600
 
@@ -1005,7 +1009,7 @@ body.onpe-modal-open {
1005
1009
  /* Estilos específicos para móvil */
1006
1010
  @media (max-width: 640px) {
1007
1011
  .onpe-modal-dnie-versions-title {
1008
- font-size: 16px; /* text-base para móvil */
1012
+ font-size: 14px; /* text-base para móvil */
1009
1013
  }
1010
1014
 
1011
1015
  .onpe-modal-dnie-versions-content {
@@ -1034,11 +1038,11 @@ body.onpe-modal-open {
1034
1038
  }
1035
1039
 
1036
1040
  .onpe-modal-dnie-versions-content {
1037
- font-size: 16px; /* text-base para tablet y desktop */
1041
+ font-size: 14px; /* text-base para tablet y desktop */
1038
1042
  }
1039
1043
 
1040
1044
  .onpe-modal-dnie-versions-list {
1041
- font-size: 16px; /* text-base para tablet y desktop */
1045
+ font-size: 14px; /* text-base para tablet y desktop */
1042
1046
  }
1043
1047
  }
1044
1048
 
@@ -1070,6 +1074,13 @@ body.onpe-modal-open {
1070
1074
  /* Solo contenido - el espaciado lo maneja el Modal base */
1071
1075
  width: 100%;
1072
1076
  max-width: 600px !important; /* Tamaño específico para este modal */
1077
+ padding-top: 46px !important; /* pt-5 */
1078
+
1079
+ padding-bottom: 46px !important; /* pb-8 */
1080
+
1081
+
1082
+ padding-left: 30px !important; /* pl-5 */
1083
+ padding-right: 30px !important; /* pr-5 */
1073
1084
  }
1074
1085
 
1075
1086
  .onpe-modal-nfc-title {
@@ -1166,7 +1177,7 @@ body.onpe-modal-open {
1166
1177
  /* Estilos específicos para móvil */
1167
1178
  @media (max-width: 640px) {
1168
1179
  .onpe-modal-nfc-title {
1169
- font-size: 16px; /* text-base para móvil */
1180
+ font-size: 14px; /* text-base para móvil */
1170
1181
  }
1171
1182
 
1172
1183
  .onpe-modal-nfc-content {
@@ -1180,7 +1191,7 @@ body.onpe-modal-open {
1180
1191
  }
1181
1192
 
1182
1193
  .onpe-modal-nfc-subtitle {
1183
- font-size: 16px; /* text-base para móvil */
1194
+ font-size: 14px; /* text-base para móvil */
1184
1195
  }
1185
1196
  }
1186
1197
 
@@ -1191,19 +1202,19 @@ body.onpe-modal-open {
1191
1202
  }
1192
1203
 
1193
1204
  .onpe-modal-nfc-content {
1194
- font-size: 16px; /* text-base para tablet y desktop */
1205
+ font-size: 14px; /* text-base para tablet y desktop */
1195
1206
  }
1196
1207
 
1197
1208
  .onpe-modal-nfc-step {
1198
- font-size: 16px; /* text-base para tablet y desktop */
1209
+ font-size: 14px; /* text-base para tablet y desktop */
1199
1210
  }
1200
1211
 
1201
1212
  .onpe-modal-nfc-list-item {
1202
- font-size: 16px; /* text-base para tablet y desktop */
1213
+ font-size: 14px; /* text-base para tablet y desktop */
1203
1214
  }
1204
1215
 
1205
1216
  .onpe-modal-nfc-text {
1206
- font-size: 16px; /* text-base para tablet y desktop */
1217
+ font-size: 14px; /* text-base para tablet y desktop */
1207
1218
  }
1208
1219
 
1209
1220
  .onpe-modal-nfc-subtitle {
@@ -1211,7 +1222,7 @@ body.onpe-modal-open {
1211
1222
  }
1212
1223
 
1213
1224
  .onpe-modal-nfc-ordered-list {
1214
- font-size: 16px; /* text-base para tablet y desktop */
1225
+ font-size: 14px; /* text-base para tablet y desktop */
1215
1226
  }
1216
1227
  }
1217
1228
 
@@ -1219,6 +1230,10 @@ body.onpe-modal-open {
1219
1230
  .onpe-modal-nfc-container {
1220
1231
  /* Desktop: Tamaño específico de 600px */
1221
1232
  max-width: 600px !important;
1233
+
1234
+ padding-left: 50px !important; /* pl-5 */
1235
+ padding-right: 50px !important; /* pr-5 */
1236
+
1222
1237
  }
1223
1238
  }
1224
1239
 
package/dist/index.css CHANGED
@@ -521,8 +521,10 @@ body.onpe-modal-open {
521
521
  .onpe-modal-confirm-container {
522
522
  max-width: 680px !important;
523
523
  width: 680px !important;
524
- padding-top: 1.25rem !important; /* pt-5 */
525
- padding-bottom: 2rem !important; /* pb-8 */
524
+ padding-top:30px !important; /* pt-5 */
525
+ padding-bottom: 30px !important; /* pb-8 */
526
+ padding-left: 30px !important; /* pl-5 */
527
+ padding-right: 30px !important; /* pr-5 */
526
528
  }
527
529
 
528
530
  .onpe-modal-confirm-icon-container {
@@ -591,6 +593,8 @@ body.onpe-modal-open {
591
593
  .onpe-modal-confirm-container {
592
594
  width: 680px !important;
593
595
  max-width: 680px !important;
596
+ padding-left: 32px !important; /* pl-5 */
597
+ padding-right: 32px !important; /* pr-5 */
594
598
  }
595
599
  }
596
600
 
@@ -1005,7 +1009,7 @@ body.onpe-modal-open {
1005
1009
  /* Estilos específicos para móvil */
1006
1010
  @media (max-width: 640px) {
1007
1011
  .onpe-modal-dnie-versions-title {
1008
- font-size: 16px; /* text-base para móvil */
1012
+ font-size: 14px; /* text-base para móvil */
1009
1013
  }
1010
1014
 
1011
1015
  .onpe-modal-dnie-versions-content {
@@ -1034,11 +1038,11 @@ body.onpe-modal-open {
1034
1038
  }
1035
1039
 
1036
1040
  .onpe-modal-dnie-versions-content {
1037
- font-size: 16px; /* text-base para tablet y desktop */
1041
+ font-size: 14px; /* text-base para tablet y desktop */
1038
1042
  }
1039
1043
 
1040
1044
  .onpe-modal-dnie-versions-list {
1041
- font-size: 16px; /* text-base para tablet y desktop */
1045
+ font-size: 14px; /* text-base para tablet y desktop */
1042
1046
  }
1043
1047
  }
1044
1048
 
@@ -1070,6 +1074,13 @@ body.onpe-modal-open {
1070
1074
  /* Solo contenido - el espaciado lo maneja el Modal base */
1071
1075
  width: 100%;
1072
1076
  max-width: 600px !important; /* Tamaño específico para este modal */
1077
+ padding-top: 46px !important; /* pt-5 */
1078
+
1079
+ padding-bottom: 46px !important; /* pb-8 */
1080
+
1081
+
1082
+ padding-left: 30px !important; /* pl-5 */
1083
+ padding-right: 30px !important; /* pr-5 */
1073
1084
  }
1074
1085
 
1075
1086
  .onpe-modal-nfc-title {
@@ -1166,7 +1177,7 @@ body.onpe-modal-open {
1166
1177
  /* Estilos específicos para móvil */
1167
1178
  @media (max-width: 640px) {
1168
1179
  .onpe-modal-nfc-title {
1169
- font-size: 16px; /* text-base para móvil */
1180
+ font-size: 14px; /* text-base para móvil */
1170
1181
  }
1171
1182
 
1172
1183
  .onpe-modal-nfc-content {
@@ -1180,7 +1191,7 @@ body.onpe-modal-open {
1180
1191
  }
1181
1192
 
1182
1193
  .onpe-modal-nfc-subtitle {
1183
- font-size: 16px; /* text-base para móvil */
1194
+ font-size: 14px; /* text-base para móvil */
1184
1195
  }
1185
1196
  }
1186
1197
 
@@ -1191,19 +1202,19 @@ body.onpe-modal-open {
1191
1202
  }
1192
1203
 
1193
1204
  .onpe-modal-nfc-content {
1194
- font-size: 16px; /* text-base para tablet y desktop */
1205
+ font-size: 14px; /* text-base para tablet y desktop */
1195
1206
  }
1196
1207
 
1197
1208
  .onpe-modal-nfc-step {
1198
- font-size: 16px; /* text-base para tablet y desktop */
1209
+ font-size: 14px; /* text-base para tablet y desktop */
1199
1210
  }
1200
1211
 
1201
1212
  .onpe-modal-nfc-list-item {
1202
- font-size: 16px; /* text-base para tablet y desktop */
1213
+ font-size: 14px; /* text-base para tablet y desktop */
1203
1214
  }
1204
1215
 
1205
1216
  .onpe-modal-nfc-text {
1206
- font-size: 16px; /* text-base para tablet y desktop */
1217
+ font-size: 14px; /* text-base para tablet y desktop */
1207
1218
  }
1208
1219
 
1209
1220
  .onpe-modal-nfc-subtitle {
@@ -1211,7 +1222,7 @@ body.onpe-modal-open {
1211
1222
  }
1212
1223
 
1213
1224
  .onpe-modal-nfc-ordered-list {
1214
- font-size: 16px; /* text-base para tablet y desktop */
1225
+ font-size: 14px; /* text-base para tablet y desktop */
1215
1226
  }
1216
1227
  }
1217
1228
 
@@ -1219,6 +1230,10 @@ body.onpe-modal-open {
1219
1230
  .onpe-modal-nfc-container {
1220
1231
  /* Desktop: Tamaño específico de 600px */
1221
1232
  max-width: 600px !important;
1233
+
1234
+ padding-left: 50px !important; /* pl-5 */
1235
+ padding-right: 50px !important; /* pr-5 */
1236
+
1222
1237
  }
1223
1238
  }
1224
1239
 
@@ -521,8 +521,10 @@ body.onpe-modal-open {
521
521
  .onpe-modal-confirm-container {
522
522
  max-width: 680px !important;
523
523
  width: 680px !important;
524
- padding-top: 1.25rem !important; /* pt-5 */
525
- padding-bottom: 2rem !important; /* pb-8 */
524
+ padding-top:30px !important; /* pt-5 */
525
+ padding-bottom: 30px !important; /* pb-8 */
526
+ padding-left: 30px !important; /* pl-5 */
527
+ padding-right: 30px !important; /* pr-5 */
526
528
  }
527
529
 
528
530
  .onpe-modal-confirm-icon-container {
@@ -591,6 +593,8 @@ body.onpe-modal-open {
591
593
  .onpe-modal-confirm-container {
592
594
  width: 680px !important;
593
595
  max-width: 680px !important;
596
+ padding-left: 32px !important; /* pl-5 */
597
+ padding-right: 32px !important; /* pr-5 */
594
598
  }
595
599
  }
596
600
 
@@ -1005,7 +1009,7 @@ body.onpe-modal-open {
1005
1009
  /* Estilos específicos para móvil */
1006
1010
  @media (max-width: 640px) {
1007
1011
  .onpe-modal-dnie-versions-title {
1008
- font-size: 16px; /* text-base para móvil */
1012
+ font-size: 14px; /* text-base para móvil */
1009
1013
  }
1010
1014
 
1011
1015
  .onpe-modal-dnie-versions-content {
@@ -1034,11 +1038,11 @@ body.onpe-modal-open {
1034
1038
  }
1035
1039
 
1036
1040
  .onpe-modal-dnie-versions-content {
1037
- font-size: 16px; /* text-base para tablet y desktop */
1041
+ font-size: 14px; /* text-base para tablet y desktop */
1038
1042
  }
1039
1043
 
1040
1044
  .onpe-modal-dnie-versions-list {
1041
- font-size: 16px; /* text-base para tablet y desktop */
1045
+ font-size: 14px; /* text-base para tablet y desktop */
1042
1046
  }
1043
1047
  }
1044
1048
 
@@ -1070,6 +1074,13 @@ body.onpe-modal-open {
1070
1074
  /* Solo contenido - el espaciado lo maneja el Modal base */
1071
1075
  width: 100%;
1072
1076
  max-width: 600px !important; /* Tamaño específico para este modal */
1077
+ padding-top: 46px !important; /* pt-5 */
1078
+
1079
+ padding-bottom: 46px !important; /* pb-8 */
1080
+
1081
+
1082
+ padding-left: 30px !important; /* pl-5 */
1083
+ padding-right: 30px !important; /* pr-5 */
1073
1084
  }
1074
1085
 
1075
1086
  .onpe-modal-nfc-title {
@@ -1166,7 +1177,7 @@ body.onpe-modal-open {
1166
1177
  /* Estilos específicos para móvil */
1167
1178
  @media (max-width: 640px) {
1168
1179
  .onpe-modal-nfc-title {
1169
- font-size: 16px; /* text-base para móvil */
1180
+ font-size: 14px; /* text-base para móvil */
1170
1181
  }
1171
1182
 
1172
1183
  .onpe-modal-nfc-content {
@@ -1180,7 +1191,7 @@ body.onpe-modal-open {
1180
1191
  }
1181
1192
 
1182
1193
  .onpe-modal-nfc-subtitle {
1183
- font-size: 16px; /* text-base para móvil */
1194
+ font-size: 14px; /* text-base para móvil */
1184
1195
  }
1185
1196
  }
1186
1197
 
@@ -1191,19 +1202,19 @@ body.onpe-modal-open {
1191
1202
  }
1192
1203
 
1193
1204
  .onpe-modal-nfc-content {
1194
- font-size: 16px; /* text-base para tablet y desktop */
1205
+ font-size: 14px; /* text-base para tablet y desktop */
1195
1206
  }
1196
1207
 
1197
1208
  .onpe-modal-nfc-step {
1198
- font-size: 16px; /* text-base para tablet y desktop */
1209
+ font-size: 14px; /* text-base para tablet y desktop */
1199
1210
  }
1200
1211
 
1201
1212
  .onpe-modal-nfc-list-item {
1202
- font-size: 16px; /* text-base para tablet y desktop */
1213
+ font-size: 14px; /* text-base para tablet y desktop */
1203
1214
  }
1204
1215
 
1205
1216
  .onpe-modal-nfc-text {
1206
- font-size: 16px; /* text-base para tablet y desktop */
1217
+ font-size: 14px; /* text-base para tablet y desktop */
1207
1218
  }
1208
1219
 
1209
1220
  .onpe-modal-nfc-subtitle {
@@ -1211,7 +1222,7 @@ body.onpe-modal-open {
1211
1222
  }
1212
1223
 
1213
1224
  .onpe-modal-nfc-ordered-list {
1214
- font-size: 16px; /* text-base para tablet y desktop */
1225
+ font-size: 14px; /* text-base para tablet y desktop */
1215
1226
  }
1216
1227
  }
1217
1228
 
@@ -1219,6 +1230,10 @@ body.onpe-modal-open {
1219
1230
  .onpe-modal-nfc-container {
1220
1231
  /* Desktop: Tamaño específico de 600px */
1221
1232
  max-width: 600px !important;
1233
+
1234
+ padding-left: 50px !important; /* pl-5 */
1235
+ padding-right: 50px !important; /* pr-5 */
1236
+
1222
1237
  }
1223
1238
  }
1224
1239
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onpe/ui",
3
- "version": "1.2.53",
3
+ "version": "1.2.54",
4
4
  "type": "module",
5
5
  "description": "Librería de componentes UI para ONPE - Componentes e Iconos",
6
6
  "main": "dist/index.js",