ui.shipaid.com 0.3.99 → 0.3.101

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 (4) hide show
  1. package/dist/widget.es.js +27 -13
  2. package/dist/widget.iife.js +27 -13
  3. package/dist/widget.umd.js +27 -13
  4. package/package.json +1 -1
package/dist/widget.es.js CHANGED
@@ -986,8 +986,15 @@ const styles$2 = i$2`
986
986
  }
987
987
 
988
988
  .popup-logo {
989
- width: 70%;
989
+ width: 100%;
990
990
  margin: auto;
991
+ display: flex;
992
+ justify-content: center;
993
+ }
994
+
995
+ .popup-logo svg {
996
+ width: var(--shipaid-logo-width, 100%);
997
+ height: auto;
991
998
  }
992
999
 
993
1000
  .shipaid-popup .popup-close {
@@ -1010,7 +1017,7 @@ const styles$2 = i$2`
1010
1017
 
1011
1018
  @media (max-width: 600px) {
1012
1019
  .shipaid-popup .popup-title {
1013
- font-size: 2rem;
1020
+ font-size: var(--shipaid-font-sm-display,2rem);
1014
1021
  }
1015
1022
  }
1016
1023
 
@@ -1042,8 +1049,18 @@ const styles$2 = i$2`
1042
1049
  object-fit: contain;
1043
1050
  }
1044
1051
 
1045
- .shipaid-popup .popup-disclaimer-subtitle {
1046
- display: inline-flex;
1052
+
1053
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-enable{
1054
+ display: var(--shipaid-subtitle-enable, inline-flex);
1055
+ }
1056
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-monitor{
1057
+ display: var(--shipaid-subtitle-monitor, inline-flex);
1058
+ }
1059
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-notify{
1060
+ display: var(--shipaid-subtitle-notify, inline-flex);
1061
+ }
1062
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-resolution{
1063
+ display: var(--shipaid-subtitle-resolution, inline-flex);
1047
1064
  }
1048
1065
 
1049
1066
  .shipaid-popup .popup-disclaimer-subtitle p {
@@ -1271,9 +1288,7 @@ const ShipAidLogoText = x`
1271
1288
  `;
1272
1289
  const ShipAidLogoPopUp = x`
1273
1290
  <svg
1274
- width="300.000000pt"
1275
- height="75.000000pt"
1276
- viewBox="-25 -40 550 125"
1291
+ viewBox="-25 -40 470 125"
1277
1292
  version="1.1"
1278
1293
  xml:space="preserve"
1279
1294
  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
@@ -1483,19 +1498,19 @@ const _LearnMorePopup = class _LearnMorePopup extends s$1 {
1483
1498
  </button>
1484
1499
  <div class="popup-logo">${ShipAidLogoPopUp}</div>
1485
1500
  <p class="popup-title">${translate("learn-more-popup.title")}</p>
1486
- <div class="popup-disclaimer-subtitle">
1501
+ <div class="popup-disclaimer-subtitle subtitle-enable">
1487
1502
  <div class="popup-icon">${CheckmarkRibbon}</div>
1488
1503
  <p>${translate("learn-more-popup.disclaimer.subtitle-enable")}</p>
1489
1504
  </div>
1490
- <div class="popup-disclaimer-subtitle">
1505
+ <div class="popup-disclaimer-subtitle subtitle-monitor">
1491
1506
  <div class="popup-icon">${MapIcon}</div>
1492
1507
  <p>${translate("learn-more-popup.disclaimer.subtitle-monitor")}</p>
1493
1508
  </div>
1494
- <div class="popup-disclaimer-subtitle">
1509
+ <div class="popup-disclaimer-subtitle subtitle-notify">
1495
1510
  <div class="popup-icon-b">${BellIcon}</div>
1496
1511
  <p>${translate("learn-more-popup.disclaimer.subtitle-notify")}</p>
1497
1512
  </div>
1498
- <div class="popup-disclaimer-subtitle">
1513
+ <div class="popup-disclaimer-subtitle subtitle-resolution">
1499
1514
  <div class="popup-icon-bell">${BoxIcon}</div>
1500
1515
  <p>
1501
1516
  ${translate("learn-more-popup.disclaimer.subtitle-resolution")}
@@ -3166,7 +3181,6 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
3166
3181
  display: flex;
3167
3182
  align-items: center;
3168
3183
  justify-content: space-between;
3169
- font-size: 14px;
3170
3184
  margin-bottom: 1rem;
3171
3185
  }
3172
3186
 
@@ -3175,7 +3189,7 @@ const _ShipAidWidget = class _ShipAidWidget extends s$1 {
3175
3189
  display: flex;
3176
3190
  align-items: center;
3177
3191
  gap: 0.5rem;
3178
- font-size: 1.3rem;
3192
+ font-size: clamp(0.8rem, 1vw + 0.6rem, 1.4rem);
3179
3193
  }
3180
3194
 
3181
3195
  .protection-text p {
package/dist/widget.iife.js CHANGED
@@ -135,8 +135,15 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
135
135
  }
136
136
 
137
137
  .popup-logo {
138
- width: 70%;
138
+ width: 100%;
139
139
  margin: auto;
140
+ display: flex;
141
+ justify-content: center;
142
+ }
143
+
144
+ .popup-logo svg {
145
+ width: var(--shipaid-logo-width, 100%);
146
+ height: auto;
140
147
  }
141
148
 
142
149
  .shipaid-popup .popup-close {
@@ -159,7 +166,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
159
166
 
160
167
  @media (max-width: 600px) {
161
168
  .shipaid-popup .popup-title {
162
- font-size: 2rem;
169
+ font-size: var(--shipaid-font-sm-display,2rem);
163
170
  }
164
171
  }
165
172
 
@@ -191,8 +198,18 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
191
198
  object-fit: contain;
192
199
  }
193
200
 
194
- .shipaid-popup .popup-disclaimer-subtitle {
195
- display: inline-flex;
201
+
202
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-enable{
203
+ display: var(--shipaid-subtitle-enable, inline-flex);
204
+ }
205
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-monitor{
206
+ display: var(--shipaid-subtitle-monitor, inline-flex);
207
+ }
208
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-notify{
209
+ display: var(--shipaid-subtitle-notify, inline-flex);
210
+ }
211
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-resolution{
212
+ display: var(--shipaid-subtitle-resolution, inline-flex);
196
213
  }
197
214
 
198
215
  .shipaid-popup .popup-disclaimer-subtitle p {
@@ -415,9 +432,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
415
432
  </svg>
416
433
  `,Rt=F`
417
434
  <svg
418
- width="300.000000pt"
419
- height="75.000000pt"
420
- viewBox="-25 -40 550 125"
435
+ viewBox="-25 -40 470 125"
421
436
  version="1.1"
422
437
  xml:space="preserve"
423
438
  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
@@ -603,19 +618,19 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
603
618
  </button>
604
619
  <div class="popup-logo">${Rt}</div>
605
620
  <p class="popup-title">${Lt("learn-more-popup.title")}</p>
606
- <div class="popup-disclaimer-subtitle">
621
+ <div class="popup-disclaimer-subtitle subtitle-enable">
607
622
  <div class="popup-icon">${Bt}</div>
608
623
  <p>${Lt("learn-more-popup.disclaimer.subtitle-enable")}</p>
609
624
  </div>
610
- <div class="popup-disclaimer-subtitle">
625
+ <div class="popup-disclaimer-subtitle subtitle-monitor">
611
626
  <div class="popup-icon">${Ut}</div>
612
627
  <p>${Lt("learn-more-popup.disclaimer.subtitle-monitor")}</p>
613
628
  </div>
614
- <div class="popup-disclaimer-subtitle">
629
+ <div class="popup-disclaimer-subtitle subtitle-notify">
615
630
  <div class="popup-icon-b">${Ft}</div>
616
631
  <p>${Lt("learn-more-popup.disclaimer.subtitle-notify")}</p>
617
632
  </div>
618
- <div class="popup-disclaimer-subtitle">
633
+ <div class="popup-disclaimer-subtitle subtitle-resolution">
619
634
  <div class="popup-icon-bell">${Dt}</div>
620
635
  <p>
621
636
  ${Lt("learn-more-popup.disclaimer.subtitle-resolution")}
@@ -1304,7 +1319,6 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
1304
1319
  display: flex;
1305
1320
  align-items: center;
1306
1321
  justify-content: space-between;
1307
- font-size: 14px;
1308
1322
  margin-bottom: 1rem;
1309
1323
  }
1310
1324
 
@@ -1313,7 +1327,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
1313
1327
  display: flex;
1314
1328
  align-items: center;
1315
1329
  gap: 0.5rem;
1316
- font-size: 1.3rem;
1330
+ font-size: clamp(0.8rem, 1vw + 0.6rem, 1.4rem);
1317
1331
  }
1318
1332
 
1319
1333
  .protection-text p {
package/dist/widget.umd.js CHANGED
@@ -135,8 +135,15 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
135
135
  }
136
136
 
137
137
  .popup-logo {
138
- width: 70%;
138
+ width: 100%;
139
139
  margin: auto;
140
+ display: flex;
141
+ justify-content: center;
142
+ }
143
+
144
+ .popup-logo svg {
145
+ width: var(--shipaid-logo-width, 100%);
146
+ height: auto;
140
147
  }
141
148
 
142
149
  .shipaid-popup .popup-close {
@@ -159,7 +166,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
159
166
 
160
167
  @media (max-width: 600px) {
161
168
  .shipaid-popup .popup-title {
162
- font-size: 2rem;
169
+ font-size: var(--shipaid-font-sm-display,2rem);
163
170
  }
164
171
  }
165
172
 
@@ -191,8 +198,18 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
191
198
  object-fit: contain;
192
199
  }
193
200
 
194
- .shipaid-popup .popup-disclaimer-subtitle {
195
- display: inline-flex;
201
+
202
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-enable{
203
+ display: var(--shipaid-subtitle-enable, inline-flex);
204
+ }
205
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-monitor{
206
+ display: var(--shipaid-subtitle-monitor, inline-flex);
207
+ }
208
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-notify{
209
+ display: var(--shipaid-subtitle-notify, inline-flex);
210
+ }
211
+ .shipaid-popup .popup-disclaimer-subtitle.subtitle-resolution{
212
+ display: var(--shipaid-subtitle-resolution, inline-flex);
196
213
  }
197
214
 
198
215
  .shipaid-popup .popup-disclaimer-subtitle p {
@@ -415,9 +432,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
415
432
  </svg>
416
433
  `,Rt=F`
417
434
  <svg
418
- width="300.000000pt"
419
- height="75.000000pt"
420
- viewBox="-25 -40 550 125"
435
+ viewBox="-25 -40 470 125"
421
436
  version="1.1"
422
437
  xml:space="preserve"
423
438
  style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
@@ -603,19 +618,19 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
603
618
  </button>
604
619
  <div class="popup-logo">${Rt}</div>
605
620
  <p class="popup-title">${Lt("learn-more-popup.title")}</p>
606
- <div class="popup-disclaimer-subtitle">
621
+ <div class="popup-disclaimer-subtitle subtitle-enable">
607
622
  <div class="popup-icon">${Bt}</div>
608
623
  <p>${Lt("learn-more-popup.disclaimer.subtitle-enable")}</p>
609
624
  </div>
610
- <div class="popup-disclaimer-subtitle">
625
+ <div class="popup-disclaimer-subtitle subtitle-monitor">
611
626
  <div class="popup-icon">${Ut}</div>
612
627
  <p>${Lt("learn-more-popup.disclaimer.subtitle-monitor")}</p>
613
628
  </div>
614
- <div class="popup-disclaimer-subtitle">
629
+ <div class="popup-disclaimer-subtitle subtitle-notify">
615
630
  <div class="popup-icon-b">${Ft}</div>
616
631
  <p>${Lt("learn-more-popup.disclaimer.subtitle-notify")}</p>
617
632
  </div>
618
- <div class="popup-disclaimer-subtitle">
633
+ <div class="popup-disclaimer-subtitle subtitle-resolution">
619
634
  <div class="popup-icon-bell">${Dt}</div>
620
635
  <p>
621
636
  ${Lt("learn-more-popup.disclaimer.subtitle-resolution")}
@@ -1304,7 +1319,6 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
1304
1319
  display: flex;
1305
1320
  align-items: center;
1306
1321
  justify-content: space-between;
1307
- font-size: 14px;
1308
1322
  margin-bottom: 1rem;
1309
1323
  }
1310
1324
 
@@ -1313,7 +1327,7 @@ function Tt(t,e,i){return t?e():null==i?void 0:i()}const qt=h`
1313
1327
  display: flex;
1314
1328
  align-items: center;
1315
1329
  gap: 0.5rem;
1316
- font-size: 1.3rem;
1330
+ font-size: clamp(0.8rem, 1vw + 0.6rem, 1.4rem);
1317
1331
  }
1318
1332
 
1319
1333
  .protection-text p {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ui.shipaid.com",
3
3
  "private": false,
4
- "version": "0.3.99",
4
+ "version": "0.3.101",
5
5
  "type": "module",
6
6
  "main": "dist/widget.umd.js",
7
7
  "unpkg": "dist/widget.iife.js",