@scalar/api-client 0.1.4 → 0.1.5

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 (5) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index2.js +4 -0
  3. package/dist/style.css +155 -104
  4. package/package.json +1 -1
  5. package/dist/variables.css +0 -52
package/dist/index.js CHANGED
@@ -15879,7 +15879,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
15879
15879
  };
15880
15880
  }
15881
15881
  });
15882
- const FlowModal_vue_vue_type_style_index_0_scoped_1de61d2e_lang = "";
15882
+ const FlowModal_vue_vue_type_style_index_0_scoped_5ddd5d0b_lang = "";
15883
15883
  const _export_sfc = (sfc, props) => {
15884
15884
  const target = sfc.__vccOpts || sfc;
15885
15885
  for (const [key, val] of props) {
@@ -15887,7 +15887,7 @@ const _export_sfc = (sfc, props) => {
15887
15887
  }
15888
15888
  return target;
15889
15889
  };
15890
- const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1de61d2e"]]);
15890
+ const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5ddd5d0b"]]);
15891
15891
  const BYTE_UNITS = [
15892
15892
  "B",
15893
15893
  "kB",
package/dist/index2.js ADDED
@@ -0,0 +1,4 @@
1
+ const variables = "";
2
+ export {
3
+ variables as default
4
+ };
package/dist/style.css CHANGED
@@ -30,7 +30,7 @@
30
30
  color: var(--scalar-api-client-color);
31
31
  }
32
32
 
33
- .modal-layout[data-v-1de61d2e] {
33
+ .modal-layout[data-v-5ddd5d0b] {
34
34
  position: fixed;
35
35
  width: 100vw;
36
36
  height: 100vh;
@@ -40,40 +40,40 @@
40
40
  background: rgba(0, 0, 0, 0.44);
41
41
  padding: 20px;
42
42
  opacity: 0;
43
- animation: modal-fade-1de61d2e 0.2s forwards;
43
+ animation: modal-fade-5ddd5d0b 0.2s forwards;
44
44
  }
45
- .modal-body[data-v-1de61d2e] {
45
+ .modal-body[data-v-5ddd5d0b] {
46
46
  padding: 18px;
47
47
  max-height: calc(100vh - 240px);
48
48
  background: var(--scalar-api-client-background-primary);
49
49
  border-radius: var(--scalar-api-client-rounded);
50
50
  font-family: var(--scalar-api-client-font-sans);
51
51
  }
52
- .modal[data-v-1de61d2e] {
52
+ .modal[data-v-5ddd5d0b] {
53
53
  margin: 80px auto 0;
54
54
  position: relative;
55
55
  background: var(--scalar-api-client-theme-background-2);
56
56
  border-radius: var(--scalar-api-client-rounded);
57
- color: var(--scalar-api-client-theme-color-1);
57
+ color: var(--scalar-api-client-text-color-primary);
58
58
  width: 100%;
59
59
  text-align: left;
60
60
  line-height: 1.4;
61
61
  opacity: 0;
62
62
  transform: scale(0.98);
63
- animation: modal-pop-1de61d2e 0.15s 0.15s forwards;
63
+ animation: modal-pop-5ddd5d0b 0.15s 0.15s forwards;
64
64
  display: flex;
65
65
  flex-direction: column;
66
66
  }
67
- .modal-content-large[data-v-1de61d2e] {
67
+ .modal-content-large[data-v-5ddd5d0b] {
68
68
  max-width: 800px;
69
69
  }
70
- .modal-content-normal[data-v-1de61d2e] {
70
+ .modal-content-normal[data-v-5ddd5d0b] {
71
71
  max-width: 640px;
72
72
  }
73
- .modal-content-small[data-v-1de61d2e] {
73
+ .modal-content-small[data-v-5ddd5d0b] {
74
74
  max-width: 480px;
75
75
  }
76
- @keyframes modal-fade-1de61d2e {
76
+ @keyframes modal-fade-5ddd5d0b {
77
77
  from {
78
78
  opacity: 0;
79
79
  }
@@ -81,7 +81,7 @@ to {
81
81
  opacity: 1;
82
82
  }
83
83
  }
84
- @keyframes modal-pop-1de61d2e {
84
+ @keyframes modal-pop-5ddd5d0b {
85
85
  0% {
86
86
  opacity: 0;
87
87
  }
@@ -90,9 +90,9 @@ to {
90
90
  transform: scale(1);
91
91
  }
92
92
  }
93
- .modal-header[data-v-1de61d2e] {
93
+ .modal-header[data-v-5ddd5d0b] {
94
94
  padding: 12px 24px;
95
- color: var(--scalar-api-client-theme-color-1);
95
+ color: var(--scalar-api-client-text-color-primary);
96
96
  font-size: var(--scalar-api-client-theme-font-size-4);
97
97
  text-align: left;
98
98
  font-weight: 600;
@@ -202,7 +202,7 @@ to {
202
202
  display: flex;
203
203
  align-items: center;
204
204
  background: var(--scalar-api-client-background-secondary);
205
- color: var(--scalar-api-client-color-3);
205
+ color: var(--scalar-api-client-text-color-muted);
206
206
  appearance: none;
207
207
  -webkit-appearance: none;
208
208
  padding: 0 12px;
@@ -231,7 +231,7 @@ to {
231
231
  font-style: normal;
232
232
  flex-shrink: 0;
233
233
  display: inline-block;
234
- color: var(--scalar-api-client-color-3);
234
+ color: var(--scalar-api-client-text-color-muted);
235
235
  background: var(--scalar-api-client-color);
236
236
  }
237
237
  .meta-request-break {
@@ -241,7 +241,7 @@ to {
241
241
  appearance: none;
242
242
  -webkit-appearance: none;
243
243
  background: transparent;
244
- color: var(--scalar-api-client-theme-color-2);
244
+ color: var(--scalar-api-client-text-color-secondary);
245
245
  display: flex;
246
246
  align-items: center;
247
247
  border-radius: var(--scalar-api-client-rounded);
@@ -310,7 +310,7 @@ to {
310
310
  .scalar-api-client__history-toggle {
311
311
  padding: 0 9px;
312
312
  line-height: 30px;
313
- color: var(--scalar-api-client-color-3);
313
+ color: var(--scalar-api-client-text-color-muted);
314
314
  font-size: var(--scalar-api-client-text-xs);
315
315
  letter-spacing: 0.125px;
316
316
  font-weight: var(--scalar-api-client-font-semibold);
@@ -331,22 +331,21 @@ to {
331
331
  height: 13px;
332
332
  width: 13px;
333
333
  margin-right: 6px;
334
- color: var(--scalar-api-client-color-3);
334
+ color: var(--scalar-api-client-text-color-muted);
335
335
  }
336
336
  .scalar-api-client__address-bar-close {
337
- fill: var(--scalar-api-client-color-3);
337
+ fill: var(--scalar-api-client-text-color-muted);
338
338
  margin-left: 12px;
339
339
  height: 24px;
340
340
  }
341
341
  .scalar-api-client__address-bar-close:hover {
342
342
  cursor: pointer;
343
- fill: var(--scalar-api-client-theme-color-1);
343
+ fill: var(--scalar-api-client-text-color-primary);
344
344
  }
345
- .scalar-api-client__address-bar-content {
345
+ .scalar-api-client__address-bar__content {
346
346
  width: 640px;
347
347
  height: 100%;
348
- background: --scalar-api-client-background-primary;
349
- box-shadow: var(--scalar-api-client-theme-shadow-2);
348
+ background: var(--scalar-api-client-background-primary);
350
349
  position: fixed;
351
350
  top: 0;
352
351
  right: 0;
@@ -384,11 +383,11 @@ to {
384
383
  display: none;
385
384
  }
386
385
  .navigation-back {
387
- stroke: var(--scalar-api-client-theme-color-2);
386
+ stroke: var(--scalar-api-client-text-color-secondary);
388
387
  cursor: pointer;
389
388
  }
390
389
  .navigation-back:hover {
391
- stroke: var(--scalar-api-client-theme-color-1);
390
+ stroke: var(--scalar-api-client-text-color-primary);
392
391
  }
393
392
  .scalar-api-client__address-bar__close {
394
393
  width: 100%;
@@ -408,7 +407,7 @@ to {
408
407
  border: none;
409
408
  outline: none;
410
409
  font-size: 12px;
411
- color: var(--scalar-api-client-theme-color-1);
410
+ color: var(--scalar-api-client-text-color-primary);
412
411
  width: 100%;
413
412
  display: block;
414
413
  overflow: hidden;
@@ -422,11 +421,11 @@ to {
422
421
  font-size: 11px;
423
422
  margin-right: 6px;
424
423
  font-weight: var(--scalar-api-client-font-bold);
425
- color: var(--scalar-api-client-color-3);
424
+ color: var(--scalar-api-client-text-color-muted);
426
425
  }
427
426
  .navtable-item-time {
428
427
  font-size: 12px;
429
- color: var(--scalar-api-client-theme-color-1);
428
+ color: var(--scalar-api-client-text-color-primary);
430
429
  text-transform: capitalize;
431
430
  padding: 0 9px;
432
431
  }
@@ -484,7 +483,7 @@ to {
484
483
  width: 100%;
485
484
  }
486
485
  .scalar-api-client__item .scalar-api-client__item__title {
487
- color: var(--scalar-api-client-theme-color-1);
486
+ color: var(--scalar-api-client-text-color-primary);
488
487
  font-size: var(--scalar-api-client-text-sm);
489
488
  font-weight: var(--scalar-api-client-font-bold);
490
489
  user-select: none;
@@ -502,18 +501,18 @@ to {
502
501
  .scalar-api-client__item .scalar-api-client__toggle__icon {
503
502
  width: 10px;
504
503
  margin-right: 6px;
505
- color: var(--scalar-api-client-theme-color-1);
504
+ color: var(--scalar-api-client-text-color-primary);
506
505
  }
507
506
  .scalar-api-client__item__options {
508
507
  position: relative;
509
508
  }
510
509
  .scalar-api-client__item__options span {
511
- background: var(--scalar-api-client-background-3);
510
+ background: var(--scalar-api-client-background-muted);
512
511
  padding: 2px 6px;
513
512
  border-radius: 3px;
514
513
  font-size: 12px;
515
514
  pointer-events: none;
516
- color: var(--scalar-api-client-theme-color-2);
515
+ color: var(--scalar-api-client-text-color-secondary);
517
516
  border: var(--scalar-api-client-border);
518
517
  display: flex;
519
518
  align-items: center;
@@ -582,7 +581,7 @@ to {
582
581
  }
583
582
  .table-row-drag svg {
584
583
  width: 6px;
585
- fill: var(--scalar-api-client-color-3);
584
+ fill: var(--scalar-api-client-text-color-muted);
586
585
  }
587
586
  .table-row-drag .table-row-drag-add {
588
587
  width: 8px;
@@ -595,7 +594,7 @@ to {
595
594
  .table-row-item-menu {
596
595
  position: absolute;
597
596
  right: 12px;
598
- background: var(--scalar-api-client-background-3);
597
+ background: var(--scalar-api-client-background-muted);
599
598
  border: var(--scalar-api-client-border);
600
599
  width: 24px;
601
600
  height: 24px;
@@ -615,7 +614,7 @@ to {
615
614
  .table-row-item-menu svg {
616
615
  height: 12px;
617
616
  width: initial;
618
- fill: var(--scalar-api-client-color-3);
617
+ fill: var(--scalar-api-client-text-color-muted);
619
618
  }
620
619
  .table-row-item input {
621
620
  border: none;
@@ -624,7 +623,7 @@ to {
624
623
  padding: 9px;
625
624
  width: 100%;
626
625
  background: var(--scalar-api-client-background-input);
627
- color: var(--scalar-api-client-theme-color-1);
626
+ color: var(--scalar-api-client-text-color-primary);
628
627
  font-size: 12px;
629
628
  }
630
629
  .table-row-item input[disabled] {
@@ -640,7 +639,7 @@ to {
640
639
  display: block;
641
640
  padding: 9px;
642
641
  font-weight: var(--scalar-api-client-font-bold);
643
- color: var(--scalar-api-client-color-3);
642
+ color: var(--scalar-api-client-text-color-muted);
644
643
  font-size: 12px;
645
644
  }
646
645
  .table-row-meta {
@@ -663,11 +662,11 @@ to {
663
662
  width: 13px;
664
663
  height: 13px;
665
664
  margin: 0 1px;
666
- color: var(--scalar-api-client-color-3);
665
+ color: var(--scalar-api-client-text-color-muted);
667
666
  cursor: pointer;
668
667
  }
669
668
  .table-row-meta svg:hover {
670
- color: var(--scalar-api-client-theme-color-2);
669
+ color: var(--scalar-api-client-text-color-secondary);
671
670
  }
672
671
  .meta-check {
673
672
  display: flex;
@@ -702,7 +701,7 @@ to {
702
701
  display: none;
703
702
  width: 5px;
704
703
  height: 8px;
705
- border: solid var(--scalar-api-client-theme-color-1);
704
+ border: solid var(--scalar-api-client-text-color-primary);
706
705
  border-width: 0 1.5px 1.5px 0;
707
706
  transform: rotate(45deg) translate3d(0, -1px, 0);
708
707
  }
@@ -747,7 +746,7 @@ to {
747
746
  .navtable-item {
748
747
  display: flex;
749
748
  position: relative;
750
- color: var(--scalar-api-client-theme-color-1);
749
+ color: var(--scalar-api-client-text-color-primary);
751
750
  border-top: var(--scalar-api-client-border);
752
751
  font-weight: var(--scalar-api-client-font-semibold);
753
752
  }
@@ -758,7 +757,7 @@ to {
758
757
  border-left: var(--scalar-api-client-border);
759
758
  }
760
759
  .navtable-item-action {
761
- color: var(--scalar-api-client-theme-color-2);
760
+ color: var(--scalar-api-client-text-color-secondary);
762
761
  font-size: 12px;
763
762
  font-weight: var(--scalar-api-client-font-bold);
764
763
  background: var(--scalar-api-client-bg3);
@@ -777,7 +776,7 @@ to {
777
776
  position: relative;
778
777
  }
779
778
  .navtable-item-action:hover {
780
- color: var(--scalar-api-client-theme-color-1);
779
+ color: var(--scalar-api-client-text-color-primary);
781
780
  background: var(--scalar-api-client-gradient);
782
781
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
783
782
  }
@@ -797,7 +796,7 @@ to {
797
796
  border: none;
798
797
  appearance: none;
799
798
  background: transparent;
800
- color: var(--scalar-api-client-theme-color-1);
799
+ color: var(--scalar-api-client-text-color-primary);
801
800
  }
802
801
  .navtable-item-add:hover {
803
802
  background: var(--scalar-api-client-background-secondary);
@@ -856,7 +855,7 @@ to {
856
855
  outline: none;
857
856
  appearance: none;
858
857
  font-size: 12px;
859
- color: var(--scalar-api-client-theme-color-1);
858
+ color: var(--scalar-api-client-text-color-primary);
860
859
  background: transparent;
861
860
  width: 100%;
862
861
  }
@@ -877,12 +876,12 @@ to {
877
876
  top: 0;
878
877
  position: relative;
879
878
  cursor: pointer;
880
- color: var(--scalar-api-client-theme-color-2);
879
+ color: var(--scalar-api-client-text-color-secondary);
881
880
  }
882
881
  .navtable-item-select svg {
883
882
  position: absolute;
884
883
  right: 6px;
885
- color: var(--scalar-api-client-fill);
884
+ color: var(--scalar-api-client-fill-icon);
886
885
  width: 6px;
887
886
  top: 12px;
888
887
  pointer-events: none;
@@ -890,11 +889,11 @@ to {
890
889
  .navtable-item .option {
891
890
  padding: 12px 6px;
892
891
  font-size: 12px;
893
- color: var(--scalar-api-client-theme-color-1);
892
+ color: var(--scalar-api-client-text-color-primary);
894
893
  width: 100%;
895
894
  }
896
895
  .navtable-item label {
897
- color: var(--scalar-api-client-color-3);
896
+ color: var(--scalar-api-client-text-color-muted);
898
897
  font-size: 12px;
899
898
  font-weight: var(--scalar-api-client-font-bold);
900
899
  text-transform: uppercase;
@@ -963,7 +962,7 @@ to {
963
962
  flex-flow: wrap;
964
963
  padding: 0 12px 12px;
965
964
  border-radius: 3px;
966
- color: var(--scalar-api-client-color-3);
965
+ color: var(--scalar-api-client-text-color-muted);
967
966
  font-size: 12px;
968
967
  margin-top: -3px;
969
968
  justify-content: space-between;
@@ -994,7 +993,7 @@ to {
994
993
  font-size: 11px;
995
994
  }
996
995
  .scalar-api-client__item__content .cm-editor .cm-line {
997
- color: var(--scalar-api-client-theme-color-1);
996
+ color: var(--scalar-api-client-text-color-primary);
998
997
  }
999
998
  .scalar-api-client__item__content-button {
1000
999
  width: 100%;
@@ -1031,7 +1030,7 @@ to {
1031
1030
  .scalar-collapsible-section-option:hover {
1032
1031
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1033
1032
  background: var(--scalar-api-client-gradient);
1034
- color: var(--scalar-api-client-theme-color-1);
1033
+ color: var(--scalar-api-client-text-color-primary);
1035
1034
  }
1036
1035
  .input {
1037
1036
  background: var(--scalar-api-client-background-secondary);
@@ -1046,7 +1045,7 @@ to {
1046
1045
  width: calc(50% - 3px);
1047
1046
  }
1048
1047
  .input:focus-within {
1049
- background: var(--scalar-api-client-background-3);
1048
+ background: var(--scalar-api-client-background-muted);
1050
1049
  }
1051
1050
  .input label,
1052
1051
  .input input {
@@ -1054,7 +1053,7 @@ to {
1054
1053
  border: 0;
1055
1054
  outline: none;
1056
1055
  font-size: 12px;
1057
- color: var(--scalar-api-client-theme-color-1);
1056
+ color: var(--scalar-api-client-text-color-primary);
1058
1057
  width: 100%;
1059
1058
  background: transparent;
1060
1059
  appearance: none;
@@ -1063,7 +1062,7 @@ to {
1063
1062
  }
1064
1063
  .input label {
1065
1064
  position: absolute;
1066
- color: var(--scalar-api-client-theme-color-2);
1065
+ color: var(--scalar-api-client-text-color-secondary);
1067
1066
  }
1068
1067
  .input input {
1069
1068
  opacity: 0;
@@ -1079,10 +1078,10 @@ to {
1079
1078
  .input:focus-within label {
1080
1079
  font-size: 10px;
1081
1080
  top: -6px;
1082
- color: var(--scalar-api-client-theme-color-1);
1081
+ color: var(--scalar-api-client-text-color-primary);
1083
1082
  }
1084
1083
  .input input:not(:placeholder-shown) + label {
1085
- color: var(--scalar-api-client-theme-color-2);
1084
+ color: var(--scalar-api-client-text-color-secondary);
1086
1085
  }
1087
1086
  .select {
1088
1087
  background: --scalar-api-client-background-primary;
@@ -1094,23 +1093,23 @@ to {
1094
1093
  margin-bottom: 6px;
1095
1094
  }
1096
1095
  .select:focus-within {
1097
- background: var(--scalar-api-client-background-3);
1096
+ background: var(--scalar-api-client-background-muted);
1098
1097
  }
1099
1098
  .select:hover {
1100
- background: var(--scalar-api-client-background-3);
1099
+ background: var(--scalar-api-client-background-muted);
1101
1100
  }
1102
1101
  .select svg {
1103
1102
  position: absolute;
1104
1103
  right: 12px;
1105
1104
  pointer-events: none;
1106
- color: var(--scalar-api-client-theme-color-2);
1105
+ color: var(--scalar-api-client-text-color-secondary);
1107
1106
  width: 6px;
1108
1107
  top: 10px;
1109
1108
  }
1110
1109
  .select label {
1111
1110
  display: block;
1112
1111
  font-size: 10px;
1113
- color: var(--scalar-api-client-theme-color-2);
1112
+ color: var(--scalar-api-client-text-color-secondary);
1114
1113
  position: absolute;
1115
1114
  left: 12px;
1116
1115
  top: 6px;
@@ -1121,7 +1120,7 @@ to {
1121
1120
  border: none;
1122
1121
  -webkit-appearance: none;
1123
1122
  font-size: 12px;
1124
- color: var(--scalar-api-client-theme-color-1);
1123
+ color: var(--scalar-api-client-text-color-primary);
1125
1124
  appearance: none;
1126
1125
  width: 100%;
1127
1126
  padding: 18px 12px 6px 12px;
@@ -1142,7 +1141,7 @@ to {
1142
1141
  width: 100%;
1143
1142
  }
1144
1143
  .check p {
1145
- color: var(--scalar-api-client-theme-color-2);
1144
+ color: var(--scalar-api-client-text-color-secondary);
1146
1145
  }
1147
1146
  .check input {
1148
1147
  position: absolute;
@@ -1154,7 +1153,7 @@ to {
1154
1153
  .checkmark {
1155
1154
  height: 15px;
1156
1155
  width: 15px;
1157
- background: var(--scalar-api-client-background-3);
1156
+ background: var(--scalar-api-client-background-muted);
1158
1157
  margin-right: 10px;
1159
1158
  border-radius: 3px;
1160
1159
  display: flex;
@@ -1163,14 +1162,14 @@ to {
1163
1162
  position: relative;
1164
1163
  }
1165
1164
  .check input:checked ~ p {
1166
- color: var(--scalar-api-client-theme-color-1);
1165
+ color: var(--scalar-api-client-text-color-primary);
1167
1166
  }
1168
1167
  .check .checkmark:after {
1169
1168
  content: '';
1170
1169
  display: none;
1171
1170
  width: 5px;
1172
1171
  height: 8px;
1173
- border: solid var(--scalar-api-client-color-3);
1172
+ border: solid var(--scalar-api-client-text-color-muted);
1174
1173
  border-width: 0 2px 2px 0;
1175
1174
  transform: rotate(45deg) translate3d(0, -1px, 0);
1176
1175
  }
@@ -1185,7 +1184,7 @@ to {
1185
1184
  border: none;
1186
1185
  appearance: none;
1187
1186
  -webkit-appearance: none;
1188
- color: var(--scalar-api-client-color-3);
1187
+ color: var(--scalar-api-client-text-color-muted);
1189
1188
  border-radius: var(--scalar-api-client-rounded);
1190
1189
  font-size: var(--scalar-api-client-text-xs);
1191
1190
  font-weight: var(--scalar-api-client-font-bold);
@@ -1204,7 +1203,7 @@ a[data-v-84d41168] {
1204
1203
  border-right: var(--scalar-api-client-border);
1205
1204
  position: relative;
1206
1205
  padding: 0.75em;
1207
- color: var(--scalar-api-client-theme-color-1);
1206
+ color: var(--scalar-api-client-text-color-primary);
1208
1207
  white-space: nowrap;
1209
1208
  }
1210
1209
  .simple-cell:last-of-type {
@@ -1218,7 +1217,7 @@ a[data-v-84d41168] {
1218
1217
  }
1219
1218
 
1220
1219
  .simple-header {
1221
- color: var(--scalar-api-client-color-3);
1220
+ color: var(--scalar-api-client-text-color-muted);
1222
1221
  font-weight: var(--scalar-api-client-font-bold);
1223
1222
  text-transform: uppercase;
1224
1223
  }
@@ -1308,7 +1307,7 @@ button {
1308
1307
  a[href]:focus-visible,
1309
1308
  button:focus-visible,
1310
1309
  [tabindex]:focus-visible {
1311
- outline: 1px dashed var(--scalar-api-client-theme-color-2);
1310
+ outline: 1px dashed var(--scalar-api-client-text-color-secondary);
1312
1311
  outline-offset: 2px;
1313
1312
  }
1314
1313
 
@@ -1406,20 +1405,16 @@ display:revert; revert to element instead of attribute */
1406
1405
  all: revert;
1407
1406
  }
1408
1407
  :root {
1409
- /** Font sizes */
1410
- --scalar-api-client-text-xs: 12px;
1411
- --scalar-api-client-text-sm: 14px;
1412
- --scalar-api-client-text-base: 16px;
1413
- --scalar-api-client-text-lg: 18px;
1414
-
1415
1408
  /** Colors */
1416
1409
  --scalar-api-client-background-primary: #fff;
1417
1410
  --scalar-api-client-background-secondary: #f1f3f5;
1418
1411
  --scalar-api-client-background-input: #fff;
1412
+ --scalar-api-client-background-muted: #f8f9fa;
1419
1413
  --scalar-api-client-border-color: #dee2e6;
1414
+ --scalar-api-client-fill-icon: #212529;
1420
1415
 
1421
1416
  /** Borders */
1422
- --scalar-api-client-border: 1px solid var(--scalar-api-client-border-color);
1417
+ --scalar-api-client-border: 1px solid #dee2e6;
1423
1418
  --scalar-api-client-rounded: 4px;
1424
1419
 
1425
1420
  /** Fonts */
@@ -1433,29 +1428,33 @@ display:revert; revert to element instead of attribute */
1433
1428
  --scalar-api-client-font-semibold: 600;
1434
1429
  --scalar-api-client-font-bold: 700;
1435
1430
 
1431
+ /** Font colors */
1432
+ --scalar-api-client-text-color-primary: #343a40;
1433
+ --scalar-api-client-text-color-secondary: #868e96;
1434
+ --scalar-api-client-text-color-muted: #868e96;
1435
+
1436
+ /** Font sizes */
1437
+ --scalar-api-client-text-xs: 12px;
1438
+ --scalar-api-client-text-sm: 14px;
1439
+ --scalar-api-client-text-base: 16px;
1440
+ --scalar-api-client-text-lg: 18px;
1441
+
1442
+ /** Request method colors */
1443
+ --scalar-api-client-post-color: #00a67d;
1444
+ --scalar-api-client-post-background: #00a67d1a;
1445
+ --scalar-api-client-delete-color: #ef0006;
1446
+ --scalar-api-client-delete-background: #ef00061a;
1447
+ --scalar-api-client-patch-color: #b2b062;
1448
+ --scalar-api-client-patch-background: #ffe6001a;
1449
+ --scalar-api-client-get-color: #0082d0;
1450
+ --scalar-api-client-get-background: #0082d01a;
1451
+ --scalar-api-client-put-color: #f3830e;
1452
+ --scalar-api-client-put-background: #f3830e1a;
1453
+
1436
1454
  /** TODO: Go through the following variables and check what they do */
1437
- --scalar-api-client-post-color: white;
1438
- --scalar-api-client-post-background: black;
1439
- --scalar-api-client-delete-color: white;
1440
- --scalar-api-client-delete-background: black;
1441
- --scalar-api-client-patch-color: white;
1442
- --scalar-api-client-patch-background: black;
1443
- --scalar-api-client-get-color: #0ca678;
1444
- --scalar-api-client-get-background: white;
1445
- --scalar-api-client-put-color: white;
1446
- --scalar-api-client-put-background: black;
1447
- --scalar-api-client-color-3: #868e96;
1448
- /* Font color */
1449
- --scalar-api-client-theme-color-1: #343a40;
1450
- /* Select font color */
1451
- --scalar-api-client-theme-color-2: #868e96;
1452
- --scalar-api-client-theme-shadow-2: 0 0 0 1px white;
1453
- --scalar-api-client-fill: black;
1454
- --scalar-api-client-color2: white;
1455
- --scalar-api-client-bg3: black;
1455
+ --scalar-api-client-color2: green;
1456
+ --scalar-api-client-bg3: purple;
1456
1457
  --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1457
- /** Select background */
1458
- --scalar-api-client-background-3: #f8f9fa;
1459
1458
  }
1460
1459
 
1461
1460
  .scalar-api-client {
@@ -1499,7 +1498,7 @@ display:revert; revert to element instead of attribute */
1499
1498
  padding: 12px 12px 0 12px;
1500
1499
  display: flex;
1501
1500
  font-size: var(--scalar-api-client-text-sm);
1502
- color: var(--scalar-api-client-theme-color-2);
1501
+ color: var(--scalar-api-client-text-color-secondary);
1503
1502
  font-weight: var(--scalar-api-client-font-bold);
1504
1503
  }
1505
1504
  .scalar-api-client__mobile-navigation__toggle {
@@ -1508,7 +1507,7 @@ display:revert; revert to element instead of attribute */
1508
1507
  cursor: pointer;
1509
1508
  }
1510
1509
  .scalar-api-client__mobile-navigation--active {
1511
- color: var(--scalar-api-client-theme-color-1);
1510
+ color: var(--scalar-api-client-text-color-primary);
1512
1511
  }
1513
1512
  .scalar-api-client__mobile-navigation--active:hover {
1514
1513
  cursor: pointer;
@@ -1536,7 +1535,7 @@ display:revert; revert to element instead of attribute */
1536
1535
  }
1537
1536
  .scalar-api-client__main__content label {
1538
1537
  font-size: var(--scalar-api-client-text-sm);
1539
- color: var(--scalar-api-client-theme-color-1);
1538
+ color: var(--scalar-api-client-text-color-primary);
1540
1539
  font-weight: var(--scalar-api-client-font-bold);
1541
1540
  display: flex;
1542
1541
  align-items: center;
@@ -1556,7 +1555,7 @@ display:revert; revert to element instead of attribute */
1556
1555
  color: var(--scalar-api-client-color2);
1557
1556
  }
1558
1557
  .meta-item svg {
1559
- fill: var(--scalar-api-client-fill);
1558
+ fill: var(--scalar-api-client-fill-icon);
1560
1559
  height: 14px;
1561
1560
  width: 14px;
1562
1561
  margin-right: 6px;
@@ -1568,7 +1567,7 @@ display:revert; revert to element instead of attribute */
1568
1567
  white-space: nowrap;
1569
1568
  font-weight: var(--scalar-api-client-font-bold);
1570
1569
  font-size: 12px;
1571
- color: var(--scalar-api-client-color-3);
1570
+ color: var(--scalar-api-client-text-color-muted);
1572
1571
  padding: 3px 0;
1573
1572
  }
1574
1573
  .meta-item__input {
@@ -1609,7 +1608,7 @@ display:revert; revert to element instead of attribute */
1609
1608
  .types-item:hover {
1610
1609
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1611
1610
  background: var(--scalar-api-client-gradient);
1612
- color: var(--scalar-api-client-theme-color-1);
1611
+ color: var(--scalar-api-client-text-color-primary);
1613
1612
  cursor: pointer;
1614
1613
  }
1615
1614
  .scalar-api-client__empty-state {
@@ -1619,3 +1618,55 @@ display:revert; revert to element instead of attribute */
1619
1618
  font-size: var(--scalar-api-client-text-sm);
1620
1619
  padding: 20px;
1621
1620
  }
1621
+ :root {
1622
+ /** Colors */
1623
+ --scalar-api-client-background-primary: #fff;
1624
+ --scalar-api-client-background-secondary: #f1f3f5;
1625
+ --scalar-api-client-background-input: #fff;
1626
+ --scalar-api-client-background-muted: #f8f9fa;
1627
+ --scalar-api-client-border-color: #dee2e6;
1628
+ --scalar-api-client-fill-icon: #212529;
1629
+
1630
+ /** Borders */
1631
+ --scalar-api-client-border: 1px solid #dee2e6;
1632
+ --scalar-api-client-rounded: 4px;
1633
+
1634
+ /** Fonts */
1635
+ --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
1636
+ sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1637
+ --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
1638
+ "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
1639
+ "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1640
+
1641
+ /** Font weights */
1642
+ --scalar-api-client-font-semibold: 600;
1643
+ --scalar-api-client-font-bold: 700;
1644
+
1645
+ /** Font colors */
1646
+ --scalar-api-client-text-color-primary: #343a40;
1647
+ --scalar-api-client-text-color-secondary: #868e96;
1648
+ --scalar-api-client-text-color-muted: #868e96;
1649
+
1650
+ /** Font sizes */
1651
+ --scalar-api-client-text-xs: 12px;
1652
+ --scalar-api-client-text-sm: 14px;
1653
+ --scalar-api-client-text-base: 16px;
1654
+ --scalar-api-client-text-lg: 18px;
1655
+
1656
+ /** Request method colors */
1657
+ --scalar-api-client-post-color: #00a67d;
1658
+ --scalar-api-client-post-background: #00a67d1a;
1659
+ --scalar-api-client-delete-color: #ef0006;
1660
+ --scalar-api-client-delete-background: #ef00061a;
1661
+ --scalar-api-client-patch-color: #b2b062;
1662
+ --scalar-api-client-patch-background: #ffe6001a;
1663
+ --scalar-api-client-get-color: #0082d0;
1664
+ --scalar-api-client-get-background: #0082d01a;
1665
+ --scalar-api-client-put-color: #f3830e;
1666
+ --scalar-api-client-put-background: #f3830e1a;
1667
+
1668
+ /** TODO: Go through the following variables and check what they do */
1669
+ --scalar-api-client-color2: green;
1670
+ --scalar-api-client-bg3: purple;
1671
+ --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1672
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scalar/api-client",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "author": "Scalar",
5
5
  "license": "UNLICENSED",
6
6
  "engines": {
package/dist/variables.css DELETED
@@ -1,52 +0,0 @@
1
- :root {
2
- /** Font sizes */
3
- --scalar-api-client-text-xs: 12px;
4
- --scalar-api-client-text-sm: 14px;
5
- --scalar-api-client-text-base: 16px;
6
- --scalar-api-client-text-lg: 18px;
7
-
8
- /** Colors */
9
- --scalar-api-client-background-primary: #fff;
10
- --scalar-api-client-background-secondary: #f1f3f5;
11
- --scalar-api-client-background-input: #fff;
12
- --scalar-api-client-border-color: #dee2e6;
13
-
14
- /** Borders */
15
- --scalar-api-client-border: 1px solid var(--scalar-api-client-border-color);
16
- --scalar-api-client-rounded: 4px;
17
-
18
- /** Fonts */
19
- --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
20
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
21
- --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
22
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
23
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
24
-
25
- /** Font weights */
26
- --scalar-api-client-font-semibold: 600;
27
- --scalar-api-client-font-bold: 700;
28
-
29
- /** TODO: Go through the following variables and check what they do */
30
- --scalar-api-client-post-color: white;
31
- --scalar-api-client-post-background: black;
32
- --scalar-api-client-delete-color: white;
33
- --scalar-api-client-delete-background: black;
34
- --scalar-api-client-patch-color: white;
35
- --scalar-api-client-patch-background: black;
36
- --scalar-api-client-get-color: #0ca678;
37
- --scalar-api-client-get-background: white;
38
- --scalar-api-client-put-color: white;
39
- --scalar-api-client-put-background: black;
40
- --scalar-api-client-color-3: #868e96;
41
- /* Font color */
42
- --scalar-api-client-theme-color-1: #343a40;
43
- /* Select font color */
44
- --scalar-api-client-theme-color-2: #868e96;
45
- --scalar-api-client-theme-shadow-2: 0 0 0 1px white;
46
- --scalar-api-client-fill: black;
47
- --scalar-api-client-color2: white;
48
- --scalar-api-client-bg3: black;
49
- --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
50
- /** Select background */
51
- --scalar-api-client-background-3: #f8f9fa;
52
- }