@onpe/ui 1.3.44 → 1.3.45

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 (9) hide show
  1. package/dist/components.css +34 -6
  2. package/dist/components.esm.css +34 -6
  3. package/dist/components.esm.js +1 -1
  4. package/dist/components.js +1 -1
  5. package/dist/index.css +34 -6
  6. package/dist/index.esm.css +34 -6
  7. package/dist/index.esm.js +1 -1
  8. package/dist/index.js +1 -1
  9. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1141,7 +1141,7 @@ body.onpe-modal-open {
1141
1141
  text-align: center;
1142
1142
  color: var(--onpe-ui-blue);
1143
1143
  font-weight: 700; /* font-bold */
1144
- font-size: 18px; /* text-lg */
1144
+ font-size: 16px; /* text-lg */
1145
1145
  }
1146
1146
 
1147
1147
  .onpe-modal-nfc-content {
@@ -1169,14 +1169,15 @@ body.onpe-modal-open {
1169
1169
 
1170
1170
  .onpe-modal-nfc-list {
1171
1171
  list-style-type: disc;
1172
- padding-left: 16px; /* pl-4 */
1172
+ padding-left: 26px; /* pl-4 */
1173
1173
  margin-top: 8px; /* space-y-2 */
1174
1174
  }
1175
1175
 
1176
1176
  .onpe-modal-nfc-list-item {
1177
1177
  font-size: 14px; /* text-sm */
1178
- text-align: justify;
1178
+ text-align: left;
1179
1179
  margin-bottom: 8px; /* space-y-2 */
1180
+ letter-spacing: 0.15px;
1180
1181
  }
1181
1182
 
1182
1183
  .onpe-modal-nfc-image {
@@ -1196,7 +1197,7 @@ body.onpe-modal-open {
1196
1197
  color: var(--onpe-ui-blue);
1197
1198
  font-weight: 700; /* font-bold */
1198
1199
  margin: 20px 0; /* my-5 */
1199
- font-size: 18px; /* text-lg */
1200
+ font-size: 16px; /* text-lg */
1200
1201
  }
1201
1202
 
1202
1203
  .onpe-modal-nfc-instructions {
@@ -1252,7 +1253,7 @@ body.onpe-modal-open {
1252
1253
  /* Responsive Design */
1253
1254
  @media (min-width: 640px) {
1254
1255
  .onpe-modal-nfc-title {
1255
- font-size: 20px; /* text-xl para tablet y desktop */
1256
+ font-size: 16px; /* text-xl para tablet y desktop */
1256
1257
  }
1257
1258
 
1258
1259
  .onpe-modal-nfc-content {
@@ -1272,7 +1273,7 @@ body.onpe-modal-open {
1272
1273
  }
1273
1274
 
1274
1275
  .onpe-modal-nfc-subtitle {
1275
- font-size: 20px; /* text-xl para tablet y desktop */
1276
+ font-size: 16px; /* text-xl para tablet y desktop */
1276
1277
  }
1277
1278
 
1278
1279
  .onpe-modal-nfc-ordered-list {
@@ -1297,3 +1298,30 @@ body.onpe-modal-open {
1297
1298
  max-width: 600px !important;
1298
1299
  }
1299
1300
  }
1301
+
1302
+ .onpe-modal-nfc-icons {
1303
+ display: flex;
1304
+ flex-direction: row;
1305
+ gap: 20px;
1306
+ justify-content: center;
1307
+ align-items: center;
1308
+ }
1309
+
1310
+ .onpe-modal-nfc-icon-container {
1311
+ color: var(--onpe-ui-skyblue);
1312
+ display: flex;
1313
+ flex-direction: row;
1314
+ gap: 10px;
1315
+ justify-content: center;
1316
+ align-items: center;
1317
+ text-decoration: none;
1318
+ cursor: pointer;
1319
+ border-radius: 8px;
1320
+ padding: 6px 10px;
1321
+ transition: color 120ms ease;
1322
+ }
1323
+
1324
+ .onpe-modal-nfc-icon-container:focus-visible {
1325
+ outline: 2px solid var(--onpe-ui-blue);
1326
+ outline-offset: 2px;
1327
+ }
package/dist/index.esm.css CHANGED
@@ -1141,7 +1141,7 @@ body.onpe-modal-open {
1141
1141
  text-align: center;
1142
1142
  color: var(--onpe-ui-blue);
1143
1143
  font-weight: 700; /* font-bold */
1144
- font-size: 18px; /* text-lg */
1144
+ font-size: 16px; /* text-lg */
1145
1145
  }
1146
1146
 
1147
1147
  .onpe-modal-nfc-content {
@@ -1169,14 +1169,15 @@ body.onpe-modal-open {
1169
1169
 
1170
1170
  .onpe-modal-nfc-list {
1171
1171
  list-style-type: disc;
1172
- padding-left: 16px; /* pl-4 */
1172
+ padding-left: 26px; /* pl-4 */
1173
1173
  margin-top: 8px; /* space-y-2 */
1174
1174
  }
1175
1175
 
1176
1176
  .onpe-modal-nfc-list-item {
1177
1177
  font-size: 14px; /* text-sm */
1178
- text-align: justify;
1178
+ text-align: left;
1179
1179
  margin-bottom: 8px; /* space-y-2 */
1180
+ letter-spacing: 0.15px;
1180
1181
  }
1181
1182
 
1182
1183
  .onpe-modal-nfc-image {
@@ -1196,7 +1197,7 @@ body.onpe-modal-open {
1196
1197
  color: var(--onpe-ui-blue);
1197
1198
  font-weight: 700; /* font-bold */
1198
1199
  margin: 20px 0; /* my-5 */
1199
- font-size: 18px; /* text-lg */
1200
+ font-size: 16px; /* text-lg */
1200
1201
  }
1201
1202
 
1202
1203
  .onpe-modal-nfc-instructions {
@@ -1252,7 +1253,7 @@ body.onpe-modal-open {
1252
1253
  /* Responsive Design */
1253
1254
  @media (min-width: 640px) {
1254
1255
  .onpe-modal-nfc-title {
1255
- font-size: 20px; /* text-xl para tablet y desktop */
1256
+ font-size: 16px; /* text-xl para tablet y desktop */
1256
1257
  }
1257
1258
 
1258
1259
  .onpe-modal-nfc-content {
@@ -1272,7 +1273,7 @@ body.onpe-modal-open {
1272
1273
  }
1273
1274
 
1274
1275
  .onpe-modal-nfc-subtitle {
1275
- font-size: 20px; /* text-xl para tablet y desktop */
1276
+ font-size: 16px; /* text-xl para tablet y desktop */
1276
1277
  }
1277
1278
 
1278
1279
  .onpe-modal-nfc-ordered-list {
@@ -1297,3 +1298,30 @@ body.onpe-modal-open {
1297
1298
  max-width: 600px !important;
1298
1299
  }
1299
1300
  }
1301
+
1302
+ .onpe-modal-nfc-icons {
1303
+ display: flex;
1304
+ flex-direction: row;
1305
+ gap: 20px;
1306
+ justify-content: center;
1307
+ align-items: center;
1308
+ }
1309
+
1310
+ .onpe-modal-nfc-icon-container {
1311
+ color: var(--onpe-ui-skyblue);
1312
+ display: flex;
1313
+ flex-direction: row;
1314
+ gap: 10px;
1315
+ justify-content: center;
1316
+ align-items: center;
1317
+ text-decoration: none;
1318
+ cursor: pointer;
1319
+ border-radius: 8px;
1320
+ padding: 6px 10px;
1321
+ transition: color 120ms ease;
1322
+ }
1323
+
1324
+ .onpe-modal-nfc-icon-container:focus-visible {
1325
+ outline: 2px solid var(--onpe-ui-blue);
1326
+ outline-offset: 2px;
1327
+ }