apirocket 0.0.13 → 0.0.14

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.
@@ -378,154 +378,6 @@
378
378
  width: 100%;
379
379
  box-shadow: none;
380
380
  }
381
- }.apirocket-modal *,
382
- .apirocket-modal *::before,
383
- .apirocket-modal *::after { box-sizing: border-box; }
384
-
385
- .apirocket-modal {
386
- display: flex;
387
- justify-content: center;
388
- align-items: flex-start;
389
- position: fixed;
390
- z-index: 10001;
391
- right: 0;
392
- top: 0;
393
- overflow: hidden;
394
- overflow-y: auto;
395
- width: 100%;
396
- height: 100vh;
397
- font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
398
- background-color: #f5f5f5;
399
- }
400
-
401
- .apirocket-modal-nav {
402
- position: absolute;
403
- display: flex;
404
- align-items: center;
405
- width: 90%;
406
- max-width: 1100px;
407
- height: 96px;
408
- }
409
-
410
- .apirocket-modal-nav > div {
411
- display: block;
412
- text-align: left;
413
- color: #737373;
414
- font-size: 16px;
415
- font-weight: normal;
416
- cursor: pointer;
417
- }
418
-
419
- .apirocket-modal-nav > div svg { margin-right: 16px; }
420
-
421
- .apirocket-modal-content {
422
- display: flex;
423
- flex-flow: column;
424
- width: 480px;
425
- height: auto;
426
- padding: 32px;
427
- background-color: #fff;
428
- margin-top: 96px;
429
- margin-bottom: 32px;
430
- }
431
-
432
- .apirocket-modal-header {
433
- position: relative;
434
- padding-bottom: 32px;
435
- }
436
-
437
- .apirocket-modal-title {
438
- font-size: 18px;
439
- font-weight: bold;
440
- line-height: 1;
441
- color: #404040;
442
- margin-bottom: 8px;
443
- }
444
-
445
- .apirocket-modal-subtitle {
446
- font-size: 14px;
447
- font-weight: normal;
448
- line-height: 16px;
449
- color: #737373;
450
- }
451
-
452
- .apirocket-modal-close {
453
- position: absolute;
454
- right: -16px;
455
- top: -16px;
456
- }
457
-
458
- .apirocket-modal-close-icon {
459
- height: var(--cart-header-text-close-icon-size, 24px);
460
- width: var(--cart-header-text-close-icon-size, 24px);
461
- color: var(--cart-header-text-close-icon-color, #a3a3a3);
462
- cursor: pointer;
463
- }
464
-
465
- .apirocket-modal-body-text-password {
466
- color: #404040;
467
- font-size: 14px;
468
- font-weight: normal;
469
- line-height: 16px;
470
- margin-top: -8px;text-align: right;
471
- cursor: pointer;
472
- }
473
-
474
- .apirocket-modal-body-text-password:hover { text-decoration: underline; }
475
-
476
- .apirocket-modal-footer-text {
477
- color: #a3a3a3;
478
- font-size: 14px;
479
- font-weight: normal;
480
- line-height: 16px;
481
- text-align: center;
482
- margin-top: 16px;
483
- }
484
-
485
- .apirocket-modal-footer-text span {
486
- color: #404040;
487
- cursor: pointer;
488
- }
489
-
490
- .apirocket-modal-footer-text span:hover { text-decoration: underline; }
491
-
492
-
493
- .apirocket-modal-body {}
494
-
495
- .apirocket-modal-footer {
496
- padding-top: 32px;
497
- }
498
-
499
- .apirocket-modal-row {
500
- display: flex;
501
- justify-content: space-between;
502
- align-items: flex-start;
503
- }
504
-
505
- .apirocket-modal-row > * {
506
- flex: 1 1;
507
- margin-right: 16px;
508
- }
509
-
510
- .apirocket-modal-row > *:last-child { margin-right: 0; }
511
-
512
-
513
- @media (max-width: 720px) {
514
- .apirocket-modal-row { display: block; }
515
- .apirocket-modal-row > * { margin-right: 0; }
516
-
517
- .apirocket-modal-nav { display: none; }
518
-
519
- .apirocket-modal-content {
520
- width: 95%;
521
- margin-top: 32px;
522
- padding: 24px;
523
- }
524
-
525
- .apirocket-modal-close {
526
- right: -8px;
527
- top: -8px;
528
- }
529
381
  }.apirocket-checkout * { box-sizing: content-box; }
530
382
 
531
383
  .apirocket-checkout {
@@ -1157,7 +1009,221 @@
1157
1009
  }
1158
1010
 
1159
1011
 
1160
- .apirocket-summary {}
1012
+
1013
+ .apirocket-button {
1014
+ box-sizing: border-box !important;
1015
+ display: block;
1016
+ width: 100%;
1017
+ padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
1018
+ margin: 0px;
1019
+ border-radius: var(--cart-button-border-radius, 4px);
1020
+ background-color: var(--cart-button-background-color, transparent);
1021
+ border: 1px solid var(--cart-button-border-color, #e5e5e5);
1022
+ color: var(--cart-button-font-color, #737373);
1023
+ line-height: 1;
1024
+ font-size: var(--cart-button-font-size, 16px);
1025
+ font-weight: var(--cart-button-font-weight, normal);
1026
+ text-align: center;
1027
+ transition-property: color, border-color, background-color, box-shadow;
1028
+ transition-timing-function: ease;
1029
+ transition-duration: 350ms;
1030
+ cursor: pointer;
1031
+ }
1032
+
1033
+ .apirocket-button:hover {
1034
+ background-color: var(--cart-button-background-color-hover, transparent);
1035
+ border-color: var(--cart-button-border-color-hover, #404040);
1036
+ color: var(--cart-button-font-color-hover, #404040);
1037
+ }
1038
+
1039
+ .apirocket-button-link {
1040
+ display: block;
1041
+ text-align: left;
1042
+ justify-content: flex-start;
1043
+ align-items: center;
1044
+ border: none;
1045
+ padding-left: 0;
1046
+ padding-right: 0;
1047
+ width: auto;
1048
+ overflow: hidden;
1049
+ white-space: nowrap;
1050
+ text-overflow: ellipsis;
1051
+ }
1052
+ .apirocket-button-link span {
1053
+ margin-left: 16px;
1054
+ margin-right: 16px;
1055
+ }
1056
+
1057
+ .apirocket-button-primary {
1058
+ background-color: var(--cart-button-primary-background-color, #1d4ed8);
1059
+ border-color: var(--cart-button-primary-border-color, #1d4ed8);
1060
+ color: var(--cart-button-primary-text-color, #fff);
1061
+ }
1062
+
1063
+ .apirocket-button-primary:hover {
1064
+ background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
1065
+ border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
1066
+ color: var(--cart-button-primary-text-color-hover, #fff);
1067
+ box-shadow: var(--cart-shadow-button-primary-hover, none);
1068
+ }
1069
+
1070
+
1071
+ @media (max-width: 720px) {
1072
+
1073
+ .apirocket-button-link {
1074
+ width: 100%;
1075
+ text-align: center;
1076
+ }
1077
+
1078
+ }.apirocket-modal *,
1079
+ .apirocket-modal *::before,
1080
+ .apirocket-modal *::after { box-sizing: border-box; }
1081
+
1082
+ .apirocket-modal {
1083
+ display: flex;
1084
+ justify-content: center;
1085
+ align-items: flex-start;
1086
+ position: fixed;
1087
+ z-index: 10001;
1088
+ right: 0;
1089
+ top: 0;
1090
+ overflow: hidden;
1091
+ overflow-y: auto;
1092
+ width: 100%;
1093
+ height: 100vh;
1094
+ font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
1095
+ background-color: #f5f5f5;
1096
+ }
1097
+
1098
+ .apirocket-modal-nav {
1099
+ position: absolute;
1100
+ display: flex;
1101
+ align-items: center;
1102
+ width: 90%;
1103
+ max-width: 1100px;
1104
+ height: 96px;
1105
+ }
1106
+
1107
+ .apirocket-modal-nav > div {
1108
+ display: block;
1109
+ text-align: left;
1110
+ color: #737373;
1111
+ font-size: 16px;
1112
+ font-weight: normal;
1113
+ cursor: pointer;
1114
+ }
1115
+
1116
+ .apirocket-modal-nav > div 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-summary {}
1161
1227
 
1162
1228
  .apirocket-summary-top {
1163
1229
  margin-top: 56px;
@@ -1270,72 +1336,6 @@
1270
1336
  margin-bottom: 8px;
1271
1337
  }
1272
1338
  }
1273
- .apirocket-button {
1274
- box-sizing: border-box !important;
1275
- display: block;
1276
- width: 100%;
1277
- padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
1278
- margin: 0px;
1279
- border-radius: var(--cart-button-border-radius, 4px);
1280
- background-color: var(--cart-button-background-color, transparent);
1281
- border: 1px solid var(--cart-button-border-color, #e5e5e5);
1282
- color: var(--cart-button-font-color, #737373);
1283
- line-height: 1;
1284
- font-size: var(--cart-button-font-size, 16px);
1285
- font-weight: var(--cart-button-font-weight, normal);
1286
- text-align: center;
1287
- transition-property: color, border-color, background-color, box-shadow;
1288
- transition-timing-function: ease;
1289
- transition-duration: 350ms;
1290
- cursor: pointer;
1291
- }
1292
-
1293
- .apirocket-button:hover {
1294
- background-color: var(--cart-button-background-color-hover, transparent);
1295
- border-color: var(--cart-button-border-color-hover, #404040);
1296
- color: var(--cart-button-font-color-hover, #404040);
1297
- }
1298
-
1299
- .apirocket-button-link {
1300
- display: block;
1301
- text-align: left;
1302
- justify-content: flex-start;
1303
- align-items: center;
1304
- border: none;
1305
- padding-left: 0;
1306
- padding-right: 0;
1307
- width: auto;
1308
- overflow: hidden;
1309
- white-space: nowrap;
1310
- text-overflow: ellipsis;
1311
- }
1312
- .apirocket-button-link span {
1313
- margin-left: 16px;
1314
- margin-right: 16px;
1315
- }
1316
-
1317
- .apirocket-button-primary {
1318
- background-color: var(--cart-button-primary-background-color, #1d4ed8);
1319
- border-color: var(--cart-button-primary-border-color, #1d4ed8);
1320
- color: var(--cart-button-primary-text-color, #fff);
1321
- }
1322
-
1323
- .apirocket-button-primary:hover {
1324
- background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
1325
- border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
1326
- color: var(--cart-button-primary-text-color-hover, #fff);
1327
- box-shadow: var(--cart-shadow-button-primary-hover, none);
1328
- }
1329
-
1330
-
1331
- @media (max-width: 720px) {
1332
-
1333
- .apirocket-button-link {
1334
- width: 100%;
1335
- text-align: center;
1336
- }
1337
-
1338
- }
1339
1339
 
1340
1340
 
1341
1341