apirocket 0.0.20 → 0.1.2

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/ecommerce.css +224 -224
  2. package/dist/ecommerce.js +2 -16
  3. package/dist/ecommerce.js.map +1 -1
  4. package/package.json +11 -15
package/dist/ecommerce.css CHANGED
@@ -392,6 +392,118 @@
392
392
 
393
393
  .apirocket-cart-header-continue { display: none; }
394
394
  .apirocket-cart-header-login { display: none; }
395
+ }.apirocket-summary {}
396
+
397
+ .apirocket-summary-top {
398
+ margin-top: 56px;
399
+ margin-bottom: 32px;
400
+ }
401
+
402
+ .apirocket-summary-header {
403
+ display: flex;
404
+ justify-content: flex-start;
405
+ align-items: center;
406
+ margin-bottom: 32px;
407
+ }
408
+
409
+ .apirocket-summary-header-icon {
410
+ flex: 0 1;
411
+ margin-right: 16px;
412
+ }
413
+
414
+ .apirocket-summary-header-content {}
415
+
416
+ .apirocket-summary-header-title {
417
+ font-size: 24px;
418
+ font-weight: bold;
419
+ line-height: 1.2;
420
+ color: #404040;
421
+ margin-bottom: 4px;
422
+ }
423
+
424
+ .apirocket-summary-header-subtitle {
425
+ font-size: 18px;
426
+ font-weight: normal;
427
+ line-height: 1.2;
428
+ color: #737373;
429
+ }
430
+
431
+ .apirocket-summary-section {
432
+ margin-top: 16px;
433
+ border: 1px solid #d9d9d9;
434
+ border-radius: 4px;
435
+ padding: 24px;
436
+ }
437
+
438
+ .apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
439
+ .apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
440
+
441
+ .apirocket-summary-section-title {
442
+ font-size: 18px;
443
+ font-weight: bold;
444
+ line-height: 1.2;
445
+ color: #404040;
446
+ margin-bottom: 24px;
447
+ }
448
+
449
+ .apirocket-summary-section-subtitle {
450
+ font-size: 16px;
451
+ font-weight: bold;
452
+ line-height: 1;
453
+ color: #404040;
454
+ margin-bottom: 16px;
455
+ }
456
+
457
+ .apirocket-summary-section-text {
458
+ font-size: 14px;
459
+ font-weight: normal;
460
+ line-height: 18px;
461
+ color: #404040;
462
+ }
463
+
464
+ .apirocket-summary-help {
465
+ display: flex;
466
+ justify-content: flex-start;
467
+ align-items: center;
468
+ }
469
+
470
+ .apirocket-summary-help-icon {
471
+ flex: 0 1;
472
+ padding-right: 12px;
473
+ }
474
+
475
+ .apirocket-summary-help-content {
476
+ font-size: 14px;
477
+ font-weight: normal;
478
+ line-height: 1.2;
479
+ color: #404040;
480
+ }
481
+
482
+ .apirocket-summary-help-content a {
483
+ display: block;
484
+ color: #737373;
485
+ }
486
+
487
+ @media (max-width: 1000px) {
488
+ .apirocket-summary-top { display: none; }
489
+ .apirocket-summary-header { margin-top: 32px; }
490
+ }
491
+
492
+ @media (max-width: 720px) {
493
+ .apirocket-summary-section-subtitle { margin-top: 24px; }
494
+ .apirocket-summary-header {
495
+ flex-direction: column;
496
+ align-items: center;
497
+ text-align: center;
498
+ }
499
+ .apirocket-summary-header-icon {
500
+ margin-right: 0px;
501
+ margin-bottom: 16px;
502
+ }
503
+ .apirocket-summary-header-title {
504
+ font-size: 28px;
505
+ margin-bottom: 8px;
506
+ }
395
507
  }.apirocket-checkout * { box-sizing: content-box; }
396
508
 
397
509
  .apirocket-checkout {
@@ -1074,156 +1186,7 @@
1074
1186
  }
1075
1187
 
1076
1188
 
1077
- .apirocket-modal *,
1078
- .apirocket-modal *::before,
1079
- .apirocket-modal *::after { box-sizing: border-box; }
1080
-
1081
- .apirocket-modal {
1082
- display: flex;
1083
- justify-content: center;
1084
- align-items: flex-start;
1085
- position: fixed;
1086
- z-index: 10001;
1087
- right: 0;
1088
- top: 0;
1089
- overflow: hidden;
1090
- overflow-y: auto;
1091
- width: 100%;
1092
- height: 100vh;
1093
- font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
1094
- background-color: #f5f5f5;
1095
- }
1096
-
1097
- .apirocket-modal-nav {
1098
- position: absolute;
1099
- display: flex;
1100
- align-items: center;
1101
- width: 90%;
1102
- max-width: 1100px;
1103
- height: 96px;
1104
- }
1105
-
1106
- .apirocket-modal-nav-button {
1107
- display: flex;
1108
- align-items: center;
1109
- text-align: left;
1110
- color: #737373;
1111
- font-size: 16px;
1112
- font-weight: normal;
1113
- cursor: pointer;
1114
- }
1115
-
1116
- .apirocket-modal-nav-button svg { margin-right: 16px; }
1117
-
1118
- .apirocket-modal-content {
1119
- display: flex;
1120
- flex-flow: column;
1121
- width: 480px;
1122
- height: auto;
1123
- padding: 32px;
1124
- background-color: #fff;
1125
- margin-top: 96px;
1126
- margin-bottom: 32px;
1127
- }
1128
-
1129
- .apirocket-modal-header {
1130
- position: relative;
1131
- padding-bottom: 32px;
1132
- }
1133
-
1134
- .apirocket-modal-title {
1135
- font-size: 18px;
1136
- font-weight: bold;
1137
- line-height: 1;
1138
- color: #404040;
1139
- margin-bottom: 8px;
1140
- }
1141
-
1142
- .apirocket-modal-subtitle {
1143
- font-size: 14px;
1144
- font-weight: normal;
1145
- line-height: 16px;
1146
- color: #737373;
1147
- }
1148
-
1149
- .apirocket-modal-close {
1150
- position: absolute;
1151
- right: -16px;
1152
- top: -16px;
1153
- }
1154
-
1155
- .apirocket-modal-close-icon {
1156
- height: var(--cart-header-text-close-icon-size, 24px);
1157
- width: var(--cart-header-text-close-icon-size, 24px);
1158
- color: var(--cart-header-text-close-icon-color, #a3a3a3);
1159
- cursor: pointer;
1160
- }
1161
-
1162
- .apirocket-modal-body-text-password {
1163
- color: #404040;
1164
- font-size: 14px;
1165
- font-weight: normal;
1166
- line-height: 16px;
1167
- margin-top: -8px;text-align: right;
1168
- cursor: pointer;
1169
- }
1170
-
1171
- .apirocket-modal-body-text-password:hover { text-decoration: underline; }
1172
-
1173
- .apirocket-modal-footer-text {
1174
- color: #a3a3a3;
1175
- font-size: 14px;
1176
- font-weight: normal;
1177
- line-height: 16px;
1178
- text-align: center;
1179
- margin-top: 16px;
1180
- }
1181
-
1182
- .apirocket-modal-footer-text span {
1183
- color: #404040;
1184
- cursor: pointer;
1185
- }
1186
-
1187
- .apirocket-modal-footer-text span:hover { text-decoration: underline; }
1188
-
1189
-
1190
- .apirocket-modal-body {}
1191
-
1192
- .apirocket-modal-footer {
1193
- padding-top: 32px;
1194
- }
1195
-
1196
- .apirocket-modal-row {
1197
- display: flex;
1198
- justify-content: space-between;
1199
- align-items: flex-start;
1200
- }
1201
-
1202
- .apirocket-modal-row > * {
1203
- flex: 1 1;
1204
- margin-right: 16px;
1205
- }
1206
-
1207
- .apirocket-modal-row > *:last-child { margin-right: 0; }
1208
-
1209
-
1210
- @media (max-width: 720px) {
1211
- .apirocket-modal-row { display: block; }
1212
- .apirocket-modal-row > * { margin-right: 0; }
1213
-
1214
- .apirocket-modal-nav { display: none; }
1215
-
1216
- .apirocket-modal-content {
1217
- width: 95%;
1218
- margin-top: 32px;
1219
- padding: 24px;
1220
- }
1221
-
1222
- .apirocket-modal-close {
1223
- right: -8px;
1224
- top: -8px;
1225
- }
1226
- }.apirocket-form-input {
1189
+ .apirocket-form-input {
1227
1190
  display: block;
1228
1191
  position: relative;
1229
1192
  margin-bottom: 16px;
@@ -1673,116 +1636,153 @@ button.apirocket-button-primary:disabled {
1673
1636
  justify-content: center;
1674
1637
  }
1675
1638
 
1676
- }.apirocket-summary {}
1639
+ }.apirocket-modal *,
1640
+ .apirocket-modal *::before,
1641
+ .apirocket-modal *::after { box-sizing: border-box; }
1677
1642
 
1678
- .apirocket-summary-top {
1679
- margin-top: 56px;
1680
- margin-bottom: 32px;
1643
+ .apirocket-modal {
1644
+ display: flex;
1645
+ justify-content: center;
1646
+ align-items: flex-start;
1647
+ position: fixed;
1648
+ z-index: 10001;
1649
+ right: 0;
1650
+ top: 0;
1651
+ overflow: hidden;
1652
+ overflow-y: auto;
1653
+ width: 100%;
1654
+ height: 100vh;
1655
+ font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
1656
+ background-color: #f5f5f5;
1681
1657
  }
1682
1658
 
1683
- .apirocket-summary-header {
1659
+ .apirocket-modal-nav {
1660
+ position: absolute;
1684
1661
  display: flex;
1685
- justify-content: flex-start;
1686
- align-items: center;
1687
- margin-bottom: 32px;
1662
+ align-items: center;
1663
+ width: 90%;
1664
+ max-width: 1100px;
1665
+ height: 96px;
1688
1666
  }
1689
1667
 
1690
- .apirocket-summary-header-icon {
1691
- flex: 0 1;
1692
- margin-right: 16px;
1668
+ .apirocket-modal-nav-button {
1669
+ display: flex;
1670
+ align-items: center;
1671
+ text-align: left;
1672
+ color: #737373;
1673
+ font-size: 16px;
1674
+ font-weight: normal;
1675
+ cursor: pointer;
1693
1676
  }
1694
1677
 
1695
- .apirocket-summary-header-content {}
1678
+ .apirocket-modal-nav-button svg { margin-right: 16px; }
1696
1679
 
1697
- .apirocket-summary-header-title {
1698
- font-size: 24px;
1680
+ .apirocket-modal-content {
1681
+ display: flex;
1682
+ flex-flow: column;
1683
+ width: 480px;
1684
+ height: auto;
1685
+ padding: 32px;
1686
+ background-color: #fff;
1687
+ margin-top: 96px;
1688
+ margin-bottom: 32px;
1689
+ }
1690
+
1691
+ .apirocket-modal-header {
1692
+ position: relative;
1693
+ padding-bottom: 32px;
1694
+ }
1695
+
1696
+ .apirocket-modal-title {
1697
+ font-size: 18px;
1699
1698
  font-weight: bold;
1700
- line-height: 1.2;
1699
+ line-height: 1;
1701
1700
  color: #404040;
1702
- margin-bottom: 4px;
1701
+ margin-bottom: 8px;
1703
1702
  }
1704
1703
 
1705
- .apirocket-summary-header-subtitle {
1706
- font-size: 18px;
1704
+ .apirocket-modal-subtitle {
1705
+ font-size: 14px;
1707
1706
  font-weight: normal;
1708
- line-height: 1.2;
1707
+ line-height: 16px;
1709
1708
  color: #737373;
1710
1709
  }
1711
1710
 
1712
- .apirocket-summary-section {
1713
- margin-top: 16px;
1714
- border: 1px solid #d9d9d9;
1715
- border-radius: 4px;
1716
- padding: 24px;
1711
+ .apirocket-modal-close {
1712
+ position: absolute;
1713
+ right: -16px;
1714
+ top: -16px;
1717
1715
  }
1718
1716
 
1719
- .apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
1720
- .apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
1721
-
1722
- .apirocket-summary-section-title {
1723
- font-size: 18px;
1724
- font-weight: bold;
1725
- line-height: 1.2;
1726
- color: #404040;
1727
- margin-bottom: 24px;
1717
+ .apirocket-modal-close-icon {
1718
+ height: var(--cart-header-text-close-icon-size, 24px);
1719
+ width: var(--cart-header-text-close-icon-size, 24px);
1720
+ color: var(--cart-header-text-close-icon-color, #a3a3a3);
1721
+ cursor: pointer;
1728
1722
  }
1729
1723
 
1730
- .apirocket-summary-section-subtitle {
1731
- font-size: 16px;
1732
- font-weight: bold;
1733
- line-height: 1;
1724
+ .apirocket-modal-body-text-password {
1734
1725
  color: #404040;
1735
- margin-bottom: 16px;
1726
+ font-size: 14px;
1727
+ font-weight: normal;
1728
+ line-height: 16px;
1729
+ margin-top: -8px;text-align: right;
1730
+ cursor: pointer;
1736
1731
  }
1737
1732
 
1738
- .apirocket-summary-section-text {
1733
+ .apirocket-modal-body-text-password:hover { text-decoration: underline; }
1734
+
1735
+ .apirocket-modal-footer-text {
1736
+ color: #a3a3a3;
1739
1737
  font-size: 14px;
1740
1738
  font-weight: normal;
1741
- line-height: 18px;
1742
- color: #404040;
1739
+ line-height: 16px;
1740
+ text-align: center;
1741
+ margin-top: 16px;
1743
1742
  }
1744
1743
 
1745
- .apirocket-summary-help {
1746
- display: flex;
1747
- justify-content: flex-start;
1748
- align-items: center;
1744
+ .apirocket-modal-footer-text span {
1745
+ color: #404040;
1746
+ cursor: pointer;
1749
1747
  }
1750
1748
 
1751
- .apirocket-summary-help-icon {
1752
- flex: 0 1;
1753
- padding-right: 12px;
1754
- }
1749
+ .apirocket-modal-footer-text span:hover { text-decoration: underline; }
1755
1750
 
1756
- .apirocket-summary-help-content {
1757
- font-size: 14px;
1758
- font-weight: normal;
1759
- line-height: 1.2;
1760
- color: #404040;
1751
+
1752
+ .apirocket-modal-body {}
1753
+
1754
+ .apirocket-modal-footer {
1755
+ padding-top: 32px;
1761
1756
  }
1762
1757
 
1763
- .apirocket-summary-help-content a {
1764
- display: block;
1765
- color: #737373;
1758
+ .apirocket-modal-row {
1759
+ display: flex;
1760
+ justify-content: space-between;
1761
+ align-items: flex-start;
1766
1762
  }
1767
1763
 
1768
- @media (max-width: 1000px) {
1769
- .apirocket-summary-top { display: none; }
1770
- .apirocket-summary-header { margin-top: 32px; }
1764
+ .apirocket-modal-row > * {
1765
+ flex: 1 1;
1766
+ margin-right: 16px;
1771
1767
  }
1772
1768
 
1773
- @media (max-width: 720px) {
1774
- .apirocket-summary-section-subtitle { margin-top: 24px; }
1775
- .apirocket-summary-header {
1776
- flex-direction: column;
1777
- align-items: center;
1778
- text-align: center;
1779
- }
1780
- .apirocket-summary-header-icon {
1781
- margin-right: 0px;
1782
- margin-bottom: 16px;
1783
- }
1784
- .apirocket-summary-header-title {
1785
- font-size: 28px;
1786
- margin-bottom: 8px;
1769
+ .apirocket-modal-row > *:last-child { margin-right: 0; }
1770
+
1771
+
1772
+ @media (max-width: 720px) {
1773
+ .apirocket-modal-row { display: block; }
1774
+ .apirocket-modal-row > * { margin-right: 0; }
1775
+
1776
+ .apirocket-modal-nav { display: none; }
1777
+
1778
+ .apirocket-modal-content {
1779
+ width: 95%;
1780
+ margin-top: 32px;
1781
+ padding: 24px;
1787
1782
  }
1783
+
1784
+ .apirocket-modal-close {
1785
+ right: -8px;
1786
+ top: -8px;
1787
+ }
1788
1788
  }.spinner.svelte-15qwtf3.svelte-15qwtf3{animation:svelte-15qwtf3-rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner.svelte-15qwtf3 .path.svelte-15qwtf3{stroke:rgb(161, 161, 170);stroke-linecap:round;animation:svelte-15qwtf3-dash 1.5s ease-in-out infinite}@keyframes svelte-15qwtf3-rotate{100%{transform:rotate(360deg)}}@keyframes svelte-15qwtf3-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}