apirocket 0.0.19 → 0.1.1
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.
- package/dist/ecommerce.css +238 -186
- package/dist/ecommerce.js +2 -16
- package/dist/ecommerce.js.map +1 -1
- package/package.json +12 -16
package/dist/ecommerce.css
CHANGED
|
@@ -1,116 +1,4 @@
|
|
|
1
|
-
.apirocket-
|
|
2
|
-
|
|
3
|
-
.apirocket-summary-top {
|
|
4
|
-
margin-top: 56px;
|
|
5
|
-
margin-bottom: 32px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.apirocket-summary-header {
|
|
9
|
-
display: flex;
|
|
10
|
-
justify-content: flex-start;
|
|
11
|
-
align-items: center;
|
|
12
|
-
margin-bottom: 32px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.apirocket-summary-header-icon {
|
|
16
|
-
flex: 0 1;
|
|
17
|
-
margin-right: 16px;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.apirocket-summary-header-content {}
|
|
21
|
-
|
|
22
|
-
.apirocket-summary-header-title {
|
|
23
|
-
font-size: 24px;
|
|
24
|
-
font-weight: bold;
|
|
25
|
-
line-height: 1.2;
|
|
26
|
-
color: #404040;
|
|
27
|
-
margin-bottom: 4px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.apirocket-summary-header-subtitle {
|
|
31
|
-
font-size: 18px;
|
|
32
|
-
font-weight: normal;
|
|
33
|
-
line-height: 1.2;
|
|
34
|
-
color: #737373;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.apirocket-summary-section {
|
|
38
|
-
margin-top: 16px;
|
|
39
|
-
border: 1px solid #d9d9d9;
|
|
40
|
-
border-radius: 4px;
|
|
41
|
-
padding: 24px;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
|
|
45
|
-
.apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
|
|
46
|
-
|
|
47
|
-
.apirocket-summary-section-title {
|
|
48
|
-
font-size: 18px;
|
|
49
|
-
font-weight: bold;
|
|
50
|
-
line-height: 1.2;
|
|
51
|
-
color: #404040;
|
|
52
|
-
margin-bottom: 24px;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.apirocket-summary-section-subtitle {
|
|
56
|
-
font-size: 16px;
|
|
57
|
-
font-weight: bold;
|
|
58
|
-
line-height: 1;
|
|
59
|
-
color: #404040;
|
|
60
|
-
margin-bottom: 16px;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.apirocket-summary-section-text {
|
|
64
|
-
font-size: 14px;
|
|
65
|
-
font-weight: normal;
|
|
66
|
-
line-height: 18px;
|
|
67
|
-
color: #404040;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.apirocket-summary-help {
|
|
71
|
-
display: flex;
|
|
72
|
-
justify-content: flex-start;
|
|
73
|
-
align-items: center;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.apirocket-summary-help-icon {
|
|
77
|
-
flex: 0 1;
|
|
78
|
-
padding-right: 12px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.apirocket-summary-help-content {
|
|
82
|
-
font-size: 14px;
|
|
83
|
-
font-weight: normal;
|
|
84
|
-
line-height: 1.2;
|
|
85
|
-
color: #404040;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.apirocket-summary-help-content a {
|
|
89
|
-
display: block;
|
|
90
|
-
color: #737373;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
@media (max-width: 1000px) {
|
|
94
|
-
.apirocket-summary-top { display: none; }
|
|
95
|
-
.apirocket-summary-header { margin-top: 32px; }
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@media (max-width: 720px) {
|
|
99
|
-
.apirocket-summary-section-subtitle { margin-top: 24px; }
|
|
100
|
-
.apirocket-summary-header {
|
|
101
|
-
flex-direction: column;
|
|
102
|
-
align-items: center;
|
|
103
|
-
text-align: center;
|
|
104
|
-
}
|
|
105
|
-
.apirocket-summary-header-icon {
|
|
106
|
-
margin-right: 0px;
|
|
107
|
-
margin-bottom: 16px;
|
|
108
|
-
}
|
|
109
|
-
.apirocket-summary-header-title {
|
|
110
|
-
font-size: 28px;
|
|
111
|
-
margin-bottom: 8px;
|
|
112
|
-
}
|
|
113
|
-
}.apirocket-modal *,
|
|
1
|
+
.apirocket-modal *,
|
|
114
2
|
.apirocket-modal *::before,
|
|
115
3
|
.apirocket-modal *::after { box-sizing: border-box; }
|
|
116
4
|
|
|
@@ -411,6 +299,14 @@
|
|
|
411
299
|
overflow-y: auto;
|
|
412
300
|
}
|
|
413
301
|
|
|
302
|
+
.apirocket-cart-body-message {
|
|
303
|
+
font-size: 18px;
|
|
304
|
+
font-weight: var(--cart-item-description-font-weight, lighter);
|
|
305
|
+
color: #666;
|
|
306
|
+
padding: var(--cart-item-padding, 32px) var(--cart-padding, 32px);
|
|
307
|
+
border-bottom: var(--cart-item-border-width, 1px) solid var(--cart-item-border-color, #e5e5e5);
|
|
308
|
+
}
|
|
309
|
+
|
|
414
310
|
.apirocket-cart-footer {
|
|
415
311
|
flex: 0 0 auto;
|
|
416
312
|
padding: var(--cart-padding, 32px);
|
|
@@ -591,6 +487,7 @@
|
|
|
591
487
|
margin-left: auto;
|
|
592
488
|
margin-right: 0;
|
|
593
489
|
padding: 0px;
|
|
490
|
+
padding-top: 32px;
|
|
594
491
|
padding-bottom: 96px;
|
|
595
492
|
}
|
|
596
493
|
|
|
@@ -644,77 +541,6 @@
|
|
|
644
541
|
|
|
645
542
|
.apirocket-cart-header-continue { display: none; }
|
|
646
543
|
.apirocket-cart-header-login { display: none; }
|
|
647
|
-
}
|
|
648
|
-
.apirocket-button {
|
|
649
|
-
box-sizing: border-box !important;
|
|
650
|
-
display: block;
|
|
651
|
-
width: 100%;
|
|
652
|
-
padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
|
|
653
|
-
margin: 0px;
|
|
654
|
-
border-radius: var(--cart-button-border-radius, 4px);
|
|
655
|
-
background-color: var(--cart-button-background-color, transparent);
|
|
656
|
-
border: 1px solid var(--cart-button-border-color, #e5e5e5);
|
|
657
|
-
color: var(--cart-button-font-color, #737373);
|
|
658
|
-
line-height: 1;
|
|
659
|
-
font-size: var(--cart-button-font-size, 16px);
|
|
660
|
-
font-weight: var(--cart-button-font-weight, normal);
|
|
661
|
-
text-align: center;
|
|
662
|
-
transition-property: color, border-color, background-color, box-shadow;
|
|
663
|
-
transition-timing-function: ease;
|
|
664
|
-
transition-duration: 350ms;
|
|
665
|
-
cursor: pointer;
|
|
666
|
-
}
|
|
667
|
-
|
|
668
|
-
.apirocket-button:hover {
|
|
669
|
-
background-color: var(--cart-button-background-color-hover, transparent);
|
|
670
|
-
border-color: var(--cart-button-border-color-hover, #404040);
|
|
671
|
-
color: var(--cart-button-font-color-hover, #404040);
|
|
672
|
-
}
|
|
673
|
-
|
|
674
|
-
.apirocket-button:focus {
|
|
675
|
-
outline: none;
|
|
676
|
-
text-decoration: underline;
|
|
677
|
-
}
|
|
678
|
-
|
|
679
|
-
.apirocket-button-link {
|
|
680
|
-
display: flex;
|
|
681
|
-
align-items: center;
|
|
682
|
-
text-align: left;
|
|
683
|
-
justify-content: flex-start;
|
|
684
|
-
align-items: center;
|
|
685
|
-
border: none;
|
|
686
|
-
padding-left: 0;
|
|
687
|
-
padding-right: 0;
|
|
688
|
-
width: auto;
|
|
689
|
-
overflow: hidden;
|
|
690
|
-
white-space: nowrap;
|
|
691
|
-
text-overflow: ellipsis;
|
|
692
|
-
}
|
|
693
|
-
.apirocket-button-link span {
|
|
694
|
-
margin-left: 16px;
|
|
695
|
-
margin-right: 16px;
|
|
696
|
-
}
|
|
697
|
-
|
|
698
|
-
.apirocket-button-primary {
|
|
699
|
-
background-color: var(--cart-button-primary-background-color, #1d4ed8);
|
|
700
|
-
border-color: var(--cart-button-primary-border-color, #1d4ed8);
|
|
701
|
-
color: var(--cart-button-primary-text-color, #fff);
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
.apirocket-button-primary:hover {
|
|
705
|
-
background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
|
|
706
|
-
border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
|
|
707
|
-
color: var(--cart-button-primary-text-color-hover, #fff);
|
|
708
|
-
box-shadow: var(--cart-shadow-button-primary-hover, none);
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
@media (max-width: 720px) {
|
|
712
|
-
|
|
713
|
-
.apirocket-button-link {
|
|
714
|
-
width: 100%;
|
|
715
|
-
justify-content: center;
|
|
716
|
-
}
|
|
717
|
-
|
|
718
544
|
}.apirocket-form-input {
|
|
719
545
|
display: block;
|
|
720
546
|
position: relative;
|
|
@@ -1084,7 +910,200 @@
|
|
|
1084
910
|
.apirocket-form-select.invalid.touched .apirocket-form-select-placeholder { color: #dc2626; }
|
|
1085
911
|
.apirocket-form-select.invalid.touched .apirocket-form-select-error-message { display: block; }
|
|
1086
912
|
|
|
1087
|
-
|
|
913
|
+
|
|
914
|
+
.apirocket-button,
|
|
915
|
+
button.apirocket-button {
|
|
916
|
+
box-sizing: border-box !important;
|
|
917
|
+
display: block;
|
|
918
|
+
width: 100%;
|
|
919
|
+
padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
|
|
920
|
+
margin: 0px;
|
|
921
|
+
border-radius: var(--cart-button-border-radius, 4px);
|
|
922
|
+
background-color: var(--cart-button-background-color, transparent);
|
|
923
|
+
border: 1px solid var(--cart-button-border-color, #e5e5e5);
|
|
924
|
+
color: var(--cart-button-font-color, #737373);
|
|
925
|
+
line-height: 1;
|
|
926
|
+
font-size: var(--cart-button-font-size, 16px);
|
|
927
|
+
font-weight: var(--cart-button-font-weight, normal);
|
|
928
|
+
text-align: center;
|
|
929
|
+
transition-property: color, border-color, background-color, box-shadow;
|
|
930
|
+
transition-timing-function: ease;
|
|
931
|
+
transition-duration: 350ms;
|
|
932
|
+
cursor: pointer;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
.apirocket-button:hover {
|
|
936
|
+
background-color: var(--cart-button-background-color-hover, transparent);
|
|
937
|
+
border-color: var(--cart-button-border-color-hover, #404040);
|
|
938
|
+
color: var(--cart-button-font-color-hover, #404040);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.apirocket-button:focus {
|
|
942
|
+
outline: none;
|
|
943
|
+
text-decoration: underline;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
.apirocket-button-link,
|
|
947
|
+
button.apirocket-button-link {
|
|
948
|
+
display: flex;
|
|
949
|
+
align-items: center;
|
|
950
|
+
text-align: left;
|
|
951
|
+
justify-content: flex-start;
|
|
952
|
+
align-items: center;
|
|
953
|
+
border: none;
|
|
954
|
+
padding-left: 0;
|
|
955
|
+
padding-right: 0;
|
|
956
|
+
width: auto;
|
|
957
|
+
overflow: hidden;
|
|
958
|
+
white-space: nowrap;
|
|
959
|
+
text-overflow: ellipsis;
|
|
960
|
+
}
|
|
961
|
+
|
|
962
|
+
.apirocket-button-link span {
|
|
963
|
+
margin-left: 16px;
|
|
964
|
+
margin-right: 16px;
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
.apirocket-button-primary,
|
|
968
|
+
button.apirocket-button-primary {
|
|
969
|
+
background-color: var(--cart-button-primary-background-color, #1d4ed8);
|
|
970
|
+
border-color: var(--cart-button-primary-border-color, #1d4ed8);
|
|
971
|
+
color: var(--cart-button-primary-text-color, #fff);
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
button.apirocket-button-primary:disabled {
|
|
975
|
+
background-color: #eee;
|
|
976
|
+
border-color: #eee;
|
|
977
|
+
color: #ccc;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
.apirocket-button-primary:hover {
|
|
981
|
+
background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
|
|
982
|
+
border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
|
|
983
|
+
color: var(--cart-button-primary-text-color-hover, #fff);
|
|
984
|
+
box-shadow: var(--cart-shadow-button-primary-hover, none);
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
@media (max-width: 720px) {
|
|
988
|
+
|
|
989
|
+
.apirocket-button-link {
|
|
990
|
+
width: 100%;
|
|
991
|
+
justify-content: center;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
}.apirocket-summary {}
|
|
995
|
+
|
|
996
|
+
.apirocket-summary-top {
|
|
997
|
+
margin-top: 56px;
|
|
998
|
+
margin-bottom: 32px;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
.apirocket-summary-header {
|
|
1002
|
+
display: flex;
|
|
1003
|
+
justify-content: flex-start;
|
|
1004
|
+
align-items: center;
|
|
1005
|
+
margin-bottom: 32px;
|
|
1006
|
+
}
|
|
1007
|
+
|
|
1008
|
+
.apirocket-summary-header-icon {
|
|
1009
|
+
flex: 0 1;
|
|
1010
|
+
margin-right: 16px;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
.apirocket-summary-header-content {}
|
|
1014
|
+
|
|
1015
|
+
.apirocket-summary-header-title {
|
|
1016
|
+
font-size: 24px;
|
|
1017
|
+
font-weight: bold;
|
|
1018
|
+
line-height: 1.2;
|
|
1019
|
+
color: #404040;
|
|
1020
|
+
margin-bottom: 4px;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
.apirocket-summary-header-subtitle {
|
|
1024
|
+
font-size: 18px;
|
|
1025
|
+
font-weight: normal;
|
|
1026
|
+
line-height: 1.2;
|
|
1027
|
+
color: #737373;
|
|
1028
|
+
}
|
|
1029
|
+
|
|
1030
|
+
.apirocket-summary-section {
|
|
1031
|
+
margin-top: 16px;
|
|
1032
|
+
border: 1px solid #d9d9d9;
|
|
1033
|
+
border-radius: 4px;
|
|
1034
|
+
padding: 24px;
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
.apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
|
|
1038
|
+
.apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }
|
|
1039
|
+
|
|
1040
|
+
.apirocket-summary-section-title {
|
|
1041
|
+
font-size: 18px;
|
|
1042
|
+
font-weight: bold;
|
|
1043
|
+
line-height: 1.2;
|
|
1044
|
+
color: #404040;
|
|
1045
|
+
margin-bottom: 24px;
|
|
1046
|
+
}
|
|
1047
|
+
|
|
1048
|
+
.apirocket-summary-section-subtitle {
|
|
1049
|
+
font-size: 16px;
|
|
1050
|
+
font-weight: bold;
|
|
1051
|
+
line-height: 1;
|
|
1052
|
+
color: #404040;
|
|
1053
|
+
margin-bottom: 16px;
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1056
|
+
.apirocket-summary-section-text {
|
|
1057
|
+
font-size: 14px;
|
|
1058
|
+
font-weight: normal;
|
|
1059
|
+
line-height: 18px;
|
|
1060
|
+
color: #404040;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
.apirocket-summary-help {
|
|
1064
|
+
display: flex;
|
|
1065
|
+
justify-content: flex-start;
|
|
1066
|
+
align-items: center;
|
|
1067
|
+
}
|
|
1068
|
+
|
|
1069
|
+
.apirocket-summary-help-icon {
|
|
1070
|
+
flex: 0 1;
|
|
1071
|
+
padding-right: 12px;
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.apirocket-summary-help-content {
|
|
1075
|
+
font-size: 14px;
|
|
1076
|
+
font-weight: normal;
|
|
1077
|
+
line-height: 1.2;
|
|
1078
|
+
color: #404040;
|
|
1079
|
+
}
|
|
1080
|
+
|
|
1081
|
+
.apirocket-summary-help-content a {
|
|
1082
|
+
display: block;
|
|
1083
|
+
color: #737373;
|
|
1084
|
+
}
|
|
1085
|
+
|
|
1086
|
+
@media (max-width: 1000px) {
|
|
1087
|
+
.apirocket-summary-top { display: none; }
|
|
1088
|
+
.apirocket-summary-header { margin-top: 32px; }
|
|
1089
|
+
}
|
|
1090
|
+
|
|
1091
|
+
@media (max-width: 720px) {
|
|
1092
|
+
.apirocket-summary-section-subtitle { margin-top: 24px; }
|
|
1093
|
+
.apirocket-summary-header {
|
|
1094
|
+
flex-direction: column;
|
|
1095
|
+
align-items: center;
|
|
1096
|
+
text-align: center;
|
|
1097
|
+
}
|
|
1098
|
+
.apirocket-summary-header-icon {
|
|
1099
|
+
margin-right: 0px;
|
|
1100
|
+
margin-bottom: 16px;
|
|
1101
|
+
}
|
|
1102
|
+
.apirocket-summary-header-title {
|
|
1103
|
+
font-size: 28px;
|
|
1104
|
+
margin-bottom: 8px;
|
|
1105
|
+
}
|
|
1106
|
+
}.apirocket-checkout * { box-sizing: content-box; }
|
|
1088
1107
|
|
|
1089
1108
|
.apirocket-checkout {
|
|
1090
1109
|
display: block;
|
|
@@ -1155,6 +1174,26 @@
|
|
|
1155
1174
|
right: 32px;
|
|
1156
1175
|
}
|
|
1157
1176
|
|
|
1177
|
+
.apirocket-checkout-summary-container {
|
|
1178
|
+
display: flex;
|
|
1179
|
+
flex-flow: column;
|
|
1180
|
+
max-height: calc(100vh - 5%);
|
|
1181
|
+
overflow: hidden;
|
|
1182
|
+
}
|
|
1183
|
+
|
|
1184
|
+
.apirocket-checkout-summary-top {
|
|
1185
|
+
flex: 0 0 auto;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
.apirocket-checkout-summary-content {
|
|
1189
|
+
flex: 1 1 auto;
|
|
1190
|
+
overflow-y: scroll;
|
|
1191
|
+
}
|
|
1192
|
+
|
|
1193
|
+
.apirocket-checkout-summary-footer {
|
|
1194
|
+
flex: 0 0 auto;
|
|
1195
|
+
}
|
|
1196
|
+
|
|
1158
1197
|
.apirocket-checkout-summary-login {
|
|
1159
1198
|
display: flex;
|
|
1160
1199
|
align-items: center;
|
|
@@ -1197,6 +1236,9 @@
|
|
|
1197
1236
|
.apirocket-checkout-summary-item-col-image {
|
|
1198
1237
|
flex: 0 0 auto;
|
|
1199
1238
|
max-width: 100px;
|
|
1239
|
+
border: 1px solid #e5e5e5;
|
|
1240
|
+
border-radius: 4px;
|
|
1241
|
+
overflow: hidden;
|
|
1200
1242
|
}
|
|
1201
1243
|
|
|
1202
1244
|
.apirocket-checkout-summary-item-col-image img {
|
|
@@ -1392,6 +1434,14 @@
|
|
|
1392
1434
|
text-align: right;
|
|
1393
1435
|
}
|
|
1394
1436
|
|
|
1437
|
+
.apirocket-checkout-button-edit {
|
|
1438
|
+
cursor: pointer;
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
.apirocket-checkout-button-edit:hover {
|
|
1442
|
+
text-decoration: underline;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1395
1445
|
.apirocket-checkout-section a {
|
|
1396
1446
|
color: #404040;
|
|
1397
1447
|
outline: none;
|
|
@@ -1669,7 +1719,9 @@
|
|
|
1669
1719
|
max-width: 80px;
|
|
1670
1720
|
}
|
|
1671
1721
|
|
|
1672
|
-
.apirocket-checkout-summary-item-col-image img {
|
|
1722
|
+
.apirocket-checkout-summary-item-col-image img {
|
|
1723
|
+
max-height: 80px;
|
|
1724
|
+
}
|
|
1673
1725
|
|
|
1674
1726
|
.apirocket-checkout-summary-item-col-description {
|
|
1675
1727
|
flex: 1 1;
|