@scalar/api-client 0.1.4 → 0.1.6

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 (7) hide show
  1. package/dist/components/ApiClient/AddressBar.vue.d.ts.map +1 -1
  2. package/dist/components/CodeMirror/CodeMirror.vue.d.ts.map +1 -1
  3. package/dist/index.js +42 -41
  4. package/dist/index2.js +4 -0
  5. package/dist/style.css +173 -275
  6. package/package.json +1 -1
  7. package/dist/variables.css +0 -52
package/dist/components/ApiClient/AddressBar.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8XA,wBAAkD"}
1
+ {"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ApiClient/AddressBar.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgYA,wBAAkD"}
package/dist/components/CodeMirror/CodeMirror.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeMirror.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeMirror/CodeMirror.vue.ts"],"names":[],"mappings":"AAyDA,KAAK,QAAQ,GAAG,OAAO,GACnB,GAAG,GACH,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,OAAO,GACP,OAAO,GACP,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IT,wBAAkD"}
1
+ {"version":3,"file":"CodeMirror.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeMirror/CodeMirror.vue.ts"],"names":[],"mappings":"AA4DA,KAAK,QAAQ,GACT,OAAO,GACP,GAAG,GACH,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,MAAM,GACN,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,GAAG,GACH,MAAM,GACN,OAAO,GACP,OAAO,GACP,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2IT,wBAAkD"}
package/dist/index.js CHANGED
@@ -5,13 +5,13 @@ var __publicField = (obj, key, value) => {
5
5
  return value;
6
6
  };
7
7
  import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, getCurrentInstance, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
8
- import { json } from "@codemirror/lang-json";
9
- import { MatchDecorator, Decoration, ViewPlugin, EditorView, lineNumbers } from "@codemirror/view";
10
- import { useCodeMirror } from "@scalar/use-codemirror";
11
8
  import { java } from "@codemirror/lang-java";
12
9
  import { javascript } from "@codemirror/lang-javascript";
10
+ import { json } from "@codemirror/lang-json";
13
11
  import { python } from "@codemirror/lang-python";
14
12
  import { StreamLanguage } from "@codemirror/language";
13
+ import { MatchDecorator, Decoration, ViewPlugin, EditorView, lineNumbers } from "@codemirror/view";
14
+ import { useCodeMirror } from "@scalar/use-codemirror";
15
15
  function u$3(r2, n2, ...a2) {
16
16
  if (r2 in n2) {
17
17
  let e2 = n2[r2];
@@ -11964,37 +11964,6 @@ async function sendRequest(request, proxyUrl) {
11964
11964
  responseId: nanoid()
11965
11965
  } : null;
11966
11966
  }
11967
- const variableHighlighterDecoration = new MatchDecorator({
11968
- regexp: /(\{[^}]+\})/g,
11969
- decoration: () => Decoration.mark({
11970
- attributes: {
11971
- class: "scalar-api-client__variable"
11972
- }
11973
- })
11974
- });
11975
- const variables = () => ViewPlugin.fromClass(
11976
- class {
11977
- constructor(view) {
11978
- __publicField(this, "variables");
11979
- this.variables = variableHighlighterDecoration.createDeco(view);
11980
- }
11981
- update(update) {
11982
- this.variables = variableHighlighterDecoration.updateDeco(
11983
- update,
11984
- this.variables
11985
- );
11986
- }
11987
- },
11988
- {
11989
- decorations: (instance) => instance.variables,
11990
- provide: (plugin) => EditorView.atomicRanges.of(
11991
- (view) => {
11992
- var _a;
11993
- return ((_a = view.plugin(plugin)) == null ? void 0 : _a.variables) || Decoration.none;
11994
- }
11995
- )
11996
- }
11997
- );
11998
11967
  function Context$2(indented, column, type, info, align, prev) {
11999
11968
  this.indented = indented;
12000
11969
  this.column = column;
@@ -15732,6 +15701,37 @@ const swift = {
15732
15701
  closeBrackets: { brackets: ["(", "[", "{", "'", '"', "`"] }
15733
15702
  }
15734
15703
  };
15704
+ const variableHighlighterDecoration = new MatchDecorator({
15705
+ regexp: /(\{[^}]+\})/g,
15706
+ decoration: () => Decoration.mark({
15707
+ attributes: {
15708
+ class: "scalar-api-client__variable"
15709
+ }
15710
+ })
15711
+ });
15712
+ const variables = () => ViewPlugin.fromClass(
15713
+ class {
15714
+ constructor(view) {
15715
+ __publicField(this, "variables");
15716
+ this.variables = variableHighlighterDecoration.createDeco(view);
15717
+ }
15718
+ update(update) {
15719
+ this.variables = variableHighlighterDecoration.updateDeco(
15720
+ update,
15721
+ this.variables
15722
+ );
15723
+ }
15724
+ },
15725
+ {
15726
+ decorations: (instance) => instance.variables,
15727
+ provide: (plugin) => EditorView.atomicRanges.of(
15728
+ (view) => {
15729
+ var _a;
15730
+ return ((_a = view.plugin(plugin)) == null ? void 0 : _a.variables) || Decoration.none;
15731
+ }
15732
+ )
15733
+ }
15734
+ );
15735
15735
  const _sfc_main$n = /* @__PURE__ */ defineComponent({
15736
15736
  __name: "CodeMirror",
15737
15737
  props: {
@@ -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_29ee9b2b_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-29ee9b2b"]]);
15891
15891
  const BYTE_UNITS = [
15892
15892
  "B",
15893
15893
  "kB",
@@ -16297,8 +16297,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
16297
16297
  }, null, 8, ["content", "readOnly"])
16298
16298
  ]),
16299
16299
  createElementVNode("button", {
16300
- class: normalizeClass(["scalar-api-client__url-submit", [{ "scalar-api-client__url-submit--loading": loading.value }]]),
16301
- type: "button",
16300
+ class: normalizeClass(["scalar-api-client__send-request-button", [
16301
+ { "scalar-api-client__send-request-button--loading": loading.value }
16302
+ ]]),
16303
+ type: "submit",
16302
16304
  onClick: send
16303
16305
  }, _hoisted_6$4, 2)
16304
16306
  ]),
@@ -18178,9 +18180,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
18178
18180
  };
18179
18181
  }
18180
18182
  });
18181
- const reset_css_vue_type_style_index_0_src_true_lang = "";
18182
- const variables_css_vue_type_style_index_1_src_true_lang = "";
18183
- const ApiClient_vue_vue_type_style_index_2_lang = "";
18183
+ const variables_css_vue_type_style_index_0_src_true_lang = "";
18184
+ const ApiClient_vue_vue_type_style_index_1_lang = "";
18184
18185
  function generateParameters(parameters) {
18185
18186
  const params = [];
18186
18187
  parameters.forEach((parameter) => {
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-29ee9b2b] {
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-29ee9b2b 0.2s forwards;
44
44
  }
45
- .modal-body[data-v-1de61d2e] {
45
+ .modal-body[data-v-29ee9b2b] {
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-29ee9b2b] {
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-29ee9b2b 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-29ee9b2b] {
68
68
  max-width: 800px;
69
69
  }
70
- .modal-content-normal[data-v-1de61d2e] {
70
+ .modal-content-normal[data-v-29ee9b2b] {
71
71
  max-width: 640px;
72
72
  }
73
- .modal-content-small[data-v-1de61d2e] {
73
+ .modal-content-small[data-v-29ee9b2b] {
74
74
  max-width: 480px;
75
75
  }
76
- @keyframes modal-fade-1de61d2e {
76
+ @keyframes modal-fade-29ee9b2b {
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-29ee9b2b {
85
85
  0% {
86
86
  opacity: 0;
87
87
  }
@@ -90,13 +90,14 @@ to {
90
90
  transform: scale(1);
91
91
  }
92
92
  }
93
- .modal-header[data-v-1de61d2e] {
93
+ .modal-header[data-v-29ee9b2b] {
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;
99
- border-radius: var(--scalar-api-client-rounded) var(--scalar-api-client-rounded) 0 0;
99
+ border-radius: var(--scalar-api-client-rounded)
100
+ var(--scalar-api-client-rounded) 0 0;
100
101
  }
101
102
 
102
103
  .navtable-mock {
@@ -202,7 +203,7 @@ to {
202
203
  display: flex;
203
204
  align-items: center;
204
205
  background: var(--scalar-api-client-background-secondary);
205
- color: var(--scalar-api-client-color-3);
206
+ color: var(--scalar-api-client-text-color-muted);
206
207
  appearance: none;
207
208
  -webkit-appearance: none;
208
209
  padding: 0 12px;
@@ -231,7 +232,7 @@ to {
231
232
  font-style: normal;
232
233
  flex-shrink: 0;
233
234
  display: inline-block;
234
- color: var(--scalar-api-client-color-3);
235
+ color: var(--scalar-api-client-text-color-muted);
235
236
  background: var(--scalar-api-client-color);
236
237
  }
237
238
  .meta-request-break {
@@ -241,13 +242,13 @@ to {
241
242
  appearance: none;
242
243
  -webkit-appearance: none;
243
244
  background: transparent;
244
- color: var(--scalar-api-client-theme-color-2);
245
+ color: var(--scalar-api-client-text-color-secondary);
245
246
  display: flex;
246
247
  align-items: center;
247
248
  border-radius: var(--scalar-api-client-rounded);
248
249
  height: 100%;
249
250
  }
250
- .scalar-api-client__url-submit {
251
+ .scalar-api-client__send-request-button[type='submit'] {
251
252
  font-size: var(--scalar-api-client-text-xs);
252
253
  letter-spacing: 0.25px;
253
254
  line-height: 30px;
@@ -268,22 +269,22 @@ to {
268
269
  display: flex;
269
270
  align-items: center;
270
271
  }
271
- .scalar-api-client__url-submit svg {
272
+ .scalar-api-client__send-request-button svg {
272
273
  width: 12px;
273
274
  height: 12px;
274
275
  margin-right: 6px;
275
276
  }
276
- .scalar-api-client__url-submit--loading {
277
+ .scalar-api-client__send-request-button--loading {
277
278
  font-size: 0;
278
279
  display: flex;
279
280
  align-items: center;
280
281
  justify-content: center;
281
282
  min-width: 127px;
282
283
  }
283
- .scalar-api-client__url-submit--loading svg {
284
+ .scalar-api-client__send-request-button--loading svg {
284
285
  display: none;
285
286
  }
286
- .scalar-api-client__url-submit--loading:before {
287
+ .scalar-api-client__send-request-button--loading:before {
287
288
  content: '';
288
289
  border: 1px solid rgba(0, 0, 0, 0.1);
289
290
  border-top: 1px solid white;
@@ -295,7 +296,7 @@ to {
295
296
  margin-right: 9px;
296
297
  border-radius: 50%;
297
298
  }
298
- .scalar-api-client__url-submit--loading:after {
299
+ .scalar-api-client__send-request-button--loading:after {
299
300
  content: 'Loading';
300
301
  font-size: 12px;
301
302
  }
@@ -310,7 +311,7 @@ to {
310
311
  .scalar-api-client__history-toggle {
311
312
  padding: 0 9px;
312
313
  line-height: 30px;
313
- color: var(--scalar-api-client-color-3);
314
+ color: var(--scalar-api-client-text-color-muted);
314
315
  font-size: var(--scalar-api-client-text-xs);
315
316
  letter-spacing: 0.125px;
316
317
  font-weight: var(--scalar-api-client-font-semibold);
@@ -331,22 +332,21 @@ to {
331
332
  height: 13px;
332
333
  width: 13px;
333
334
  margin-right: 6px;
334
- color: var(--scalar-api-client-color-3);
335
+ color: var(--scalar-api-client-text-color-muted);
335
336
  }
336
337
  .scalar-api-client__address-bar-close {
337
- fill: var(--scalar-api-client-color-3);
338
+ fill: var(--scalar-api-client-text-color-muted);
338
339
  margin-left: 12px;
339
340
  height: 24px;
340
341
  }
341
342
  .scalar-api-client__address-bar-close:hover {
342
343
  cursor: pointer;
343
- fill: var(--scalar-api-client-theme-color-1);
344
+ fill: var(--scalar-api-client-text-color-primary);
344
345
  }
345
- .scalar-api-client__address-bar-content {
346
+ .scalar-api-client__address-bar__content {
346
347
  width: 640px;
347
348
  height: 100%;
348
- background: --scalar-api-client-background-primary;
349
- box-shadow: var(--scalar-api-client-theme-shadow-2);
349
+ background: var(--scalar-api-client-background-primary);
350
350
  position: fixed;
351
351
  top: 0;
352
352
  right: 0;
@@ -384,11 +384,11 @@ to {
384
384
  display: none;
385
385
  }
386
386
  .navigation-back {
387
- stroke: var(--scalar-api-client-theme-color-2);
387
+ stroke: var(--scalar-api-client-text-color-secondary);
388
388
  cursor: pointer;
389
389
  }
390
390
  .navigation-back:hover {
391
- stroke: var(--scalar-api-client-theme-color-1);
391
+ stroke: var(--scalar-api-client-text-color-primary);
392
392
  }
393
393
  .scalar-api-client__address-bar__close {
394
394
  width: 100%;
@@ -408,7 +408,7 @@ to {
408
408
  border: none;
409
409
  outline: none;
410
410
  font-size: 12px;
411
- color: var(--scalar-api-client-theme-color-1);
411
+ color: var(--scalar-api-client-text-color-primary);
412
412
  width: 100%;
413
413
  display: block;
414
414
  overflow: hidden;
@@ -422,25 +422,25 @@ to {
422
422
  font-size: 11px;
423
423
  margin-right: 6px;
424
424
  font-weight: var(--scalar-api-client-font-bold);
425
- color: var(--scalar-api-client-color-3);
425
+ color: var(--scalar-api-client-text-color-muted);
426
426
  }
427
427
  .navtable-item-time {
428
428
  font-size: 12px;
429
- color: var(--scalar-api-client-theme-color-1);
429
+ color: var(--scalar-api-client-text-color-primary);
430
430
  text-transform: capitalize;
431
431
  padding: 0 9px;
432
432
  }
433
433
  @media screen and (max-width: 720px) {
434
434
  .scalar-api-client__history-toggle span,
435
- .scalar-api-client__url-submit span {
435
+ .scalar-api-client__send-request-button span {
436
436
  display: none;
437
437
  }
438
438
  .scalar-api-client__history-toggle svg,
439
- .scalar-api-client__url-submit svg {
439
+ .scalar-api-client__send-request-button svg {
440
440
  margin-right: 0;
441
441
  }
442
442
  .scalar-api-client__history-toggle,
443
- .scalar-api-client__url-submit {
443
+ .scalar-api-client__send-request-button {
444
444
  height: 31.5px;
445
445
  width: 31.5px;
446
446
  }
@@ -484,7 +484,7 @@ to {
484
484
  width: 100%;
485
485
  }
486
486
  .scalar-api-client__item .scalar-api-client__item__title {
487
- color: var(--scalar-api-client-theme-color-1);
487
+ color: var(--scalar-api-client-text-color-primary);
488
488
  font-size: var(--scalar-api-client-text-sm);
489
489
  font-weight: var(--scalar-api-client-font-bold);
490
490
  user-select: none;
@@ -502,18 +502,18 @@ to {
502
502
  .scalar-api-client__item .scalar-api-client__toggle__icon {
503
503
  width: 10px;
504
504
  margin-right: 6px;
505
- color: var(--scalar-api-client-theme-color-1);
505
+ color: var(--scalar-api-client-text-color-primary);
506
506
  }
507
507
  .scalar-api-client__item__options {
508
508
  position: relative;
509
509
  }
510
510
  .scalar-api-client__item__options span {
511
- background: var(--scalar-api-client-background-3);
511
+ background: var(--scalar-api-client-background-muted);
512
512
  padding: 2px 6px;
513
513
  border-radius: 3px;
514
514
  font-size: 12px;
515
515
  pointer-events: none;
516
- color: var(--scalar-api-client-theme-color-2);
516
+ color: var(--scalar-api-client-text-color-secondary);
517
517
  border: var(--scalar-api-client-border);
518
518
  display: flex;
519
519
  align-items: center;
@@ -582,7 +582,7 @@ to {
582
582
  }
583
583
  .table-row-drag svg {
584
584
  width: 6px;
585
- fill: var(--scalar-api-client-color-3);
585
+ fill: var(--scalar-api-client-text-color-muted);
586
586
  }
587
587
  .table-row-drag .table-row-drag-add {
588
588
  width: 8px;
@@ -595,7 +595,7 @@ to {
595
595
  .table-row-item-menu {
596
596
  position: absolute;
597
597
  right: 12px;
598
- background: var(--scalar-api-client-background-3);
598
+ background: var(--scalar-api-client-background-muted);
599
599
  border: var(--scalar-api-client-border);
600
600
  width: 24px;
601
601
  height: 24px;
@@ -615,7 +615,7 @@ to {
615
615
  .table-row-item-menu svg {
616
616
  height: 12px;
617
617
  width: initial;
618
- fill: var(--scalar-api-client-color-3);
618
+ fill: var(--scalar-api-client-text-color-muted);
619
619
  }
620
620
  .table-row-item input {
621
621
  border: none;
@@ -624,7 +624,7 @@ to {
624
624
  padding: 9px;
625
625
  width: 100%;
626
626
  background: var(--scalar-api-client-background-input);
627
- color: var(--scalar-api-client-theme-color-1);
627
+ color: var(--scalar-api-client-text-color-primary);
628
628
  font-size: 12px;
629
629
  }
630
630
  .table-row-item input[disabled] {
@@ -640,7 +640,7 @@ to {
640
640
  display: block;
641
641
  padding: 9px;
642
642
  font-weight: var(--scalar-api-client-font-bold);
643
- color: var(--scalar-api-client-color-3);
643
+ color: var(--scalar-api-client-text-color-muted);
644
644
  font-size: 12px;
645
645
  }
646
646
  .table-row-meta {
@@ -663,11 +663,11 @@ to {
663
663
  width: 13px;
664
664
  height: 13px;
665
665
  margin: 0 1px;
666
- color: var(--scalar-api-client-color-3);
666
+ color: var(--scalar-api-client-text-color-muted);
667
667
  cursor: pointer;
668
668
  }
669
669
  .table-row-meta svg:hover {
670
- color: var(--scalar-api-client-theme-color-2);
670
+ color: var(--scalar-api-client-text-color-secondary);
671
671
  }
672
672
  .meta-check {
673
673
  display: flex;
@@ -702,7 +702,7 @@ to {
702
702
  display: none;
703
703
  width: 5px;
704
704
  height: 8px;
705
- border: solid var(--scalar-api-client-theme-color-1);
705
+ border: solid var(--scalar-api-client-text-color-primary);
706
706
  border-width: 0 1.5px 1.5px 0;
707
707
  transform: rotate(45deg) translate3d(0, -1px, 0);
708
708
  }
@@ -747,7 +747,7 @@ to {
747
747
  .navtable-item {
748
748
  display: flex;
749
749
  position: relative;
750
- color: var(--scalar-api-client-theme-color-1);
750
+ color: var(--scalar-api-client-text-color-primary);
751
751
  border-top: var(--scalar-api-client-border);
752
752
  font-weight: var(--scalar-api-client-font-semibold);
753
753
  }
@@ -758,7 +758,7 @@ to {
758
758
  border-left: var(--scalar-api-client-border);
759
759
  }
760
760
  .navtable-item-action {
761
- color: var(--scalar-api-client-theme-color-2);
761
+ color: var(--scalar-api-client-text-color-secondary);
762
762
  font-size: 12px;
763
763
  font-weight: var(--scalar-api-client-font-bold);
764
764
  background: var(--scalar-api-client-bg3);
@@ -777,7 +777,7 @@ to {
777
777
  position: relative;
778
778
  }
779
779
  .navtable-item-action:hover {
780
- color: var(--scalar-api-client-theme-color-1);
780
+ color: var(--scalar-api-client-text-color-primary);
781
781
  background: var(--scalar-api-client-gradient);
782
782
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
783
783
  }
@@ -797,7 +797,7 @@ to {
797
797
  border: none;
798
798
  appearance: none;
799
799
  background: transparent;
800
- color: var(--scalar-api-client-theme-color-1);
800
+ color: var(--scalar-api-client-text-color-primary);
801
801
  }
802
802
  .navtable-item-add:hover {
803
803
  background: var(--scalar-api-client-background-secondary);
@@ -856,7 +856,7 @@ to {
856
856
  outline: none;
857
857
  appearance: none;
858
858
  font-size: 12px;
859
- color: var(--scalar-api-client-theme-color-1);
859
+ color: var(--scalar-api-client-text-color-primary);
860
860
  background: transparent;
861
861
  width: 100%;
862
862
  }
@@ -877,12 +877,12 @@ to {
877
877
  top: 0;
878
878
  position: relative;
879
879
  cursor: pointer;
880
- color: var(--scalar-api-client-theme-color-2);
880
+ color: var(--scalar-api-client-text-color-secondary);
881
881
  }
882
882
  .navtable-item-select svg {
883
883
  position: absolute;
884
884
  right: 6px;
885
- color: var(--scalar-api-client-fill);
885
+ color: var(--scalar-api-client-fill-icon);
886
886
  width: 6px;
887
887
  top: 12px;
888
888
  pointer-events: none;
@@ -890,11 +890,11 @@ to {
890
890
  .navtable-item .option {
891
891
  padding: 12px 6px;
892
892
  font-size: 12px;
893
- color: var(--scalar-api-client-theme-color-1);
893
+ color: var(--scalar-api-client-text-color-primary);
894
894
  width: 100%;
895
895
  }
896
896
  .navtable-item label {
897
- color: var(--scalar-api-client-color-3);
897
+ color: var(--scalar-api-client-text-color-muted);
898
898
  font-size: 12px;
899
899
  font-weight: var(--scalar-api-client-font-bold);
900
900
  text-transform: uppercase;
@@ -963,14 +963,14 @@ to {
963
963
  flex-flow: wrap;
964
964
  padding: 0 12px 12px;
965
965
  border-radius: 3px;
966
- color: var(--scalar-api-client-color-3);
966
+ color: var(--scalar-api-client-text-color-muted);
967
967
  font-size: 12px;
968
968
  margin-top: -3px;
969
969
  justify-content: space-between;
970
970
  }
971
- .scalar-api-client__item__content .cm-s-default {
972
- border: var(--scalar-api-client-border);
973
- border-radius: var(--scalar-api-client-rounded);
971
+ .scalar-api-client__item__content .cm-s-default {
972
+ border: var(--scalar-api-client-border);
973
+ border-radius: var(--scalar-api-client-rounded);
974
974
  }
975
975
  .scalar-api-client__item__content .scalar-api-client__item__content--code {
976
976
  width: 100%;
@@ -994,7 +994,7 @@ to {
994
994
  font-size: 11px;
995
995
  }
996
996
  .scalar-api-client__item__content .cm-editor .cm-line {
997
- color: var(--scalar-api-client-theme-color-1);
997
+ color: var(--scalar-api-client-text-color-primary);
998
998
  }
999
999
  .scalar-api-client__item__content-button {
1000
1000
  width: 100%;
@@ -1031,7 +1031,7 @@ to {
1031
1031
  .scalar-collapsible-section-option:hover {
1032
1032
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1033
1033
  background: var(--scalar-api-client-gradient);
1034
- color: var(--scalar-api-client-theme-color-1);
1034
+ color: var(--scalar-api-client-text-color-primary);
1035
1035
  }
1036
1036
  .input {
1037
1037
  background: var(--scalar-api-client-background-secondary);
@@ -1046,7 +1046,7 @@ to {
1046
1046
  width: calc(50% - 3px);
1047
1047
  }
1048
1048
  .input:focus-within {
1049
- background: var(--scalar-api-client-background-3);
1049
+ background: var(--scalar-api-client-background-muted);
1050
1050
  }
1051
1051
  .input label,
1052
1052
  .input input {
@@ -1054,7 +1054,7 @@ to {
1054
1054
  border: 0;
1055
1055
  outline: none;
1056
1056
  font-size: 12px;
1057
- color: var(--scalar-api-client-theme-color-1);
1057
+ color: var(--scalar-api-client-text-color-primary);
1058
1058
  width: 100%;
1059
1059
  background: transparent;
1060
1060
  appearance: none;
@@ -1063,7 +1063,7 @@ to {
1063
1063
  }
1064
1064
  .input label {
1065
1065
  position: absolute;
1066
- color: var(--scalar-api-client-theme-color-2);
1066
+ color: var(--scalar-api-client-text-color-secondary);
1067
1067
  }
1068
1068
  .input input {
1069
1069
  opacity: 0;
@@ -1079,10 +1079,10 @@ to {
1079
1079
  .input:focus-within label {
1080
1080
  font-size: 10px;
1081
1081
  top: -6px;
1082
- color: var(--scalar-api-client-theme-color-1);
1082
+ color: var(--scalar-api-client-text-color-primary);
1083
1083
  }
1084
1084
  .input input:not(:placeholder-shown) + label {
1085
- color: var(--scalar-api-client-theme-color-2);
1085
+ color: var(--scalar-api-client-text-color-secondary);
1086
1086
  }
1087
1087
  .select {
1088
1088
  background: --scalar-api-client-background-primary;
@@ -1094,23 +1094,23 @@ to {
1094
1094
  margin-bottom: 6px;
1095
1095
  }
1096
1096
  .select:focus-within {
1097
- background: var(--scalar-api-client-background-3);
1097
+ background: var(--scalar-api-client-background-muted);
1098
1098
  }
1099
1099
  .select:hover {
1100
- background: var(--scalar-api-client-background-3);
1100
+ background: var(--scalar-api-client-background-muted);
1101
1101
  }
1102
1102
  .select svg {
1103
1103
  position: absolute;
1104
1104
  right: 12px;
1105
1105
  pointer-events: none;
1106
- color: var(--scalar-api-client-theme-color-2);
1106
+ color: var(--scalar-api-client-text-color-secondary);
1107
1107
  width: 6px;
1108
1108
  top: 10px;
1109
1109
  }
1110
1110
  .select label {
1111
1111
  display: block;
1112
1112
  font-size: 10px;
1113
- color: var(--scalar-api-client-theme-color-2);
1113
+ color: var(--scalar-api-client-text-color-secondary);
1114
1114
  position: absolute;
1115
1115
  left: 12px;
1116
1116
  top: 6px;
@@ -1121,7 +1121,7 @@ to {
1121
1121
  border: none;
1122
1122
  -webkit-appearance: none;
1123
1123
  font-size: 12px;
1124
- color: var(--scalar-api-client-theme-color-1);
1124
+ color: var(--scalar-api-client-text-color-primary);
1125
1125
  appearance: none;
1126
1126
  width: 100%;
1127
1127
  padding: 18px 12px 6px 12px;
@@ -1142,7 +1142,7 @@ to {
1142
1142
  width: 100%;
1143
1143
  }
1144
1144
  .check p {
1145
- color: var(--scalar-api-client-theme-color-2);
1145
+ color: var(--scalar-api-client-text-color-secondary);
1146
1146
  }
1147
1147
  .check input {
1148
1148
  position: absolute;
@@ -1154,7 +1154,7 @@ to {
1154
1154
  .checkmark {
1155
1155
  height: 15px;
1156
1156
  width: 15px;
1157
- background: var(--scalar-api-client-background-3);
1157
+ background: var(--scalar-api-client-background-muted);
1158
1158
  margin-right: 10px;
1159
1159
  border-radius: 3px;
1160
1160
  display: flex;
@@ -1163,14 +1163,14 @@ to {
1163
1163
  position: relative;
1164
1164
  }
1165
1165
  .check input:checked ~ p {
1166
- color: var(--scalar-api-client-theme-color-1);
1166
+ color: var(--scalar-api-client-text-color-primary);
1167
1167
  }
1168
1168
  .check .checkmark:after {
1169
1169
  content: '';
1170
1170
  display: none;
1171
1171
  width: 5px;
1172
1172
  height: 8px;
1173
- border: solid var(--scalar-api-client-color-3);
1173
+ border: solid var(--scalar-api-client-text-color-muted);
1174
1174
  border-width: 0 2px 2px 0;
1175
1175
  transform: rotate(45deg) translate3d(0, -1px, 0);
1176
1176
  }
@@ -1185,7 +1185,7 @@ to {
1185
1185
  border: none;
1186
1186
  appearance: none;
1187
1187
  -webkit-appearance: none;
1188
- color: var(--scalar-api-client-color-3);
1188
+ color: var(--scalar-api-client-text-color-muted);
1189
1189
  border-radius: var(--scalar-api-client-rounded);
1190
1190
  font-size: var(--scalar-api-client-text-xs);
1191
1191
  font-weight: var(--scalar-api-client-font-bold);
@@ -1204,7 +1204,7 @@ a[data-v-84d41168] {
1204
1204
  border-right: var(--scalar-api-client-border);
1205
1205
  position: relative;
1206
1206
  padding: 0.75em;
1207
- color: var(--scalar-api-client-theme-color-1);
1207
+ color: var(--scalar-api-client-text-color-primary);
1208
1208
  white-space: nowrap;
1209
1209
  }
1210
1210
  .simple-cell:last-of-type {
@@ -1218,7 +1218,7 @@ a[data-v-84d41168] {
1218
1218
  }
1219
1219
 
1220
1220
  .simple-header {
1221
- color: var(--scalar-api-client-color-3);
1221
+ color: var(--scalar-api-client-text-color-muted);
1222
1222
  font-weight: var(--scalar-api-client-font-bold);
1223
1223
  text-transform: uppercase;
1224
1224
  }
@@ -1251,211 +1251,57 @@ a[data-v-84d41168] {
1251
1251
  top: 6px;
1252
1252
  right: 12px;
1253
1253
  }
1254
- /***
1255
- The new CSS reset - version 1.8.4 (last updated 14.2.2023)
1256
- GitHub page: https://github.com/elad2412/the-new-css-reset
1257
- ***/
1258
-
1259
- /*
1260
- Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
1261
- - The "symbol *" part is to solve Firefox SVG sprite bug
1262
- - The editor uses some browser defaults so it needs to be excluded from the reset (DOC-466)
1263
- */
1264
- *:where(
1265
- :not(html, iframe, canvas, img, svg, video, audio):not(
1266
- svg *,
1267
- symbol *,
1268
- .editor *,
1269
- .reference *
1270
- )
1271
- ) {
1272
- all: unset;
1273
- display: revert;
1274
- }
1275
-
1276
- /* Optional future support for reverting on >Chrome 90 */
1277
- /* @supports (-webkit-user-modify: revert-layer) {
1278
- * {
1279
- -moz-user-modify: revert-layer;
1280
- -webkit-user-modify: revert-layer;
1281
- overflow-wrap: revert-layer;
1282
- -webkit-line-break: revert-layer;
1283
- -webkit-user-select: revert-layer;
1284
- }
1285
- } */
1286
-
1287
- /* Preferred box-sizing value */
1288
- *,
1289
- *::before,
1290
- *::after {
1291
- box-sizing: border-box;
1292
- }
1293
-
1294
- /* Strip the padding from editor elements */
1295
- .editor *,
1296
- .reference * {
1297
- padding: 0;
1298
- margin: 0;
1299
- }
1300
-
1301
- /* Reapply the pointer cursor for anchor tags */
1302
- a,
1303
- button {
1304
- cursor: revert;
1305
- }
1306
-
1307
- /* Reapply outlines on keyboard focus */
1308
- a[href]:focus-visible,
1309
- button:focus-visible,
1310
- [tabindex]:focus-visible {
1311
- outline: 1px dashed var(--scalar-api-client-theme-color-2);
1312
- outline-offset: 2px;
1313
- }
1314
-
1315
- /* Revert the font-size for selects
1316
- Ideally we would remove this once we style our selects better (DOC-466) */
1317
- select {
1318
- font-size: revert;
1319
- }
1320
-
1321
- /* Revert the line-height for buttons and inputs
1322
- Ideally we would remove this once we style our inputs and buttons better (DOC-466) */
1323
- input,
1324
- button {
1325
- line-height: revert;
1326
- }
1327
-
1328
- /* Remove list styles (bullets/numbers) */
1329
- /* It would be good to include this again (DOC-466) */
1330
- /* ol,
1331
- ul,
1332
- menu {
1333
- list-style: none;
1334
- } */
1335
-
1336
- /* For images to not be able to exceed their container */
1337
- img {
1338
- max-inline-size: 100%;
1339
- max-block-size: 100%;
1340
- }
1341
-
1342
- /* removes spacing between cells in tables */
1343
- table {
1344
- border-collapse: collapse;
1345
- }
1346
-
1347
- /* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
1348
- /* Align our input text to the left */
1349
- input,
1350
- textarea {
1351
- -webkit-user-select: auto;
1352
- text-align: left;
1353
- font-weight: initial;
1354
- }
1355
-
1356
- /* revert the 'white-space' property for textarea elements on Safari */
1357
- textarea {
1358
- white-space: revert;
1359
- }
1360
-
1361
- /* minimum style to allow to style meter element */
1362
- meter {
1363
- -webkit-appearance: revert;
1364
- appearance: revert;
1365
- }
1366
-
1367
- /* preformatted text - use only for this feature */
1368
- /* :where(pre) {
1369
- all: revert;
1370
- } */
1371
-
1372
- /* reset default text opacity of input placeholder */
1373
- ::placeholder {
1374
- color: revert;
1375
- }
1376
-
1377
- /* remove default dot (•) sign */
1378
- ::marker {
1379
- content: initial;
1380
- }
1381
-
1382
- /* fix the feature of 'hidden' attribute.
1383
- display:revert; revert to element instead of attribute */
1384
- :where([hidden]) {
1385
- display: none;
1386
- }
1387
-
1388
- /* revert for bug in Chromium browsers
1389
- - fix for the content editable attribute will work properly.
1390
- - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
1391
- :where([contenteditable]:not([contenteditable="false"])) {
1392
- -moz-user-modify: revert-layer, read-write;
1393
- -webkit-user-modify: revert-layer, read-write;
1394
- overflow-wrap: revert-layer, break-word;
1395
- -webkit-line-break: revert-layer, after-white-space;
1396
- -webkit-user-select: revert-layer, auto;
1397
- }
1398
-
1399
- /* apply back the draggable feature - exist only in Chromium and Safari */
1400
- :where([draggable="true"]) {
1401
- -webkit-user-drag: element;
1402
- }
1403
-
1404
- /* Revert Modal native behavior */
1405
- :where(dialog:modal) {
1406
- all: revert;
1407
- }
1408
1254
  :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
1255
  /** Colors */
1416
1256
  --scalar-api-client-background-primary: #fff;
1417
1257
  --scalar-api-client-background-secondary: #f1f3f5;
1418
1258
  --scalar-api-client-background-input: #fff;
1259
+ --scalar-api-client-background-muted: #f8f9fa;
1419
1260
  --scalar-api-client-border-color: #dee2e6;
1261
+ --scalar-api-client-fill-icon: #212529;
1420
1262
 
1421
1263
  /** Borders */
1422
- --scalar-api-client-border: 1px solid var(--scalar-api-client-border-color);
1264
+ --scalar-api-client-border: 1px solid #dee2e6;
1423
1265
  --scalar-api-client-rounded: 4px;
1424
1266
 
1425
1267
  /** Fonts */
1426
- --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
1427
- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1428
- --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
1429
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
1430
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1268
+ --scalar-api-client-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
1269
+ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1270
+ --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1271
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1272
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
1431
1273
 
1432
1274
  /** Font weights */
1433
1275
  --scalar-api-client-font-semibold: 600;
1434
1276
  --scalar-api-client-font-bold: 700;
1435
1277
 
1278
+ /** Font colors */
1279
+ --scalar-api-client-text-color-primary: #343a40;
1280
+ --scalar-api-client-text-color-secondary: #868e96;
1281
+ --scalar-api-client-text-color-muted: #868e96;
1282
+
1283
+ /** Font sizes */
1284
+ --scalar-api-client-text-xs: 12px;
1285
+ --scalar-api-client-text-sm: 14px;
1286
+ --scalar-api-client-text-base: 16px;
1287
+ --scalar-api-client-text-lg: 18px;
1288
+
1289
+ /** Request method colors */
1290
+ --scalar-api-client-post-color: #00a67d;
1291
+ --scalar-api-client-post-background: #00a67d1a;
1292
+ --scalar-api-client-delete-color: #ef0006;
1293
+ --scalar-api-client-delete-background: #ef00061a;
1294
+ --scalar-api-client-patch-color: #b2b062;
1295
+ --scalar-api-client-patch-background: #ffe6001a;
1296
+ --scalar-api-client-get-color: #0082d0;
1297
+ --scalar-api-client-get-background: #0082d01a;
1298
+ --scalar-api-client-put-color: #f3830e;
1299
+ --scalar-api-client-put-background: #f3830e1a;
1300
+
1436
1301
  /** 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;
1302
+ --scalar-api-client-color2: green;
1303
+ --scalar-api-client-bg3: purple;
1456
1304
  --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1457
- /** Select background */
1458
- --scalar-api-client-background-3: #f8f9fa;
1459
1305
  }
1460
1306
 
1461
1307
  .scalar-api-client {
@@ -1499,7 +1345,7 @@ display:revert; revert to element instead of attribute */
1499
1345
  padding: 12px 12px 0 12px;
1500
1346
  display: flex;
1501
1347
  font-size: var(--scalar-api-client-text-sm);
1502
- color: var(--scalar-api-client-theme-color-2);
1348
+ color: var(--scalar-api-client-text-color-secondary);
1503
1349
  font-weight: var(--scalar-api-client-font-bold);
1504
1350
  }
1505
1351
  .scalar-api-client__mobile-navigation__toggle {
@@ -1508,7 +1354,7 @@ display:revert; revert to element instead of attribute */
1508
1354
  cursor: pointer;
1509
1355
  }
1510
1356
  .scalar-api-client__mobile-navigation--active {
1511
- color: var(--scalar-api-client-theme-color-1);
1357
+ color: var(--scalar-api-client-text-color-primary);
1512
1358
  }
1513
1359
  .scalar-api-client__mobile-navigation--active:hover {
1514
1360
  cursor: pointer;
@@ -1536,7 +1382,7 @@ display:revert; revert to element instead of attribute */
1536
1382
  }
1537
1383
  .scalar-api-client__main__content label {
1538
1384
  font-size: var(--scalar-api-client-text-sm);
1539
- color: var(--scalar-api-client-theme-color-1);
1385
+ color: var(--scalar-api-client-text-color-primary);
1540
1386
  font-weight: var(--scalar-api-client-font-bold);
1541
1387
  display: flex;
1542
1388
  align-items: center;
@@ -1556,7 +1402,7 @@ display:revert; revert to element instead of attribute */
1556
1402
  color: var(--scalar-api-client-color2);
1557
1403
  }
1558
1404
  .meta-item svg {
1559
- fill: var(--scalar-api-client-fill);
1405
+ fill: var(--scalar-api-client-fill-icon);
1560
1406
  height: 14px;
1561
1407
  width: 14px;
1562
1408
  margin-right: 6px;
@@ -1568,7 +1414,7 @@ display:revert; revert to element instead of attribute */
1568
1414
  white-space: nowrap;
1569
1415
  font-weight: var(--scalar-api-client-font-bold);
1570
1416
  font-size: 12px;
1571
- color: var(--scalar-api-client-color-3);
1417
+ color: var(--scalar-api-client-text-color-muted);
1572
1418
  padding: 3px 0;
1573
1419
  }
1574
1420
  .meta-item__input {
@@ -1609,7 +1455,7 @@ display:revert; revert to element instead of attribute */
1609
1455
  .types-item:hover {
1610
1456
  box-shadow: 0 0 0 1px var(--scalar-api-client-border-color);
1611
1457
  background: var(--scalar-api-client-gradient);
1612
- color: var(--scalar-api-client-theme-color-1);
1458
+ color: var(--scalar-api-client-text-color-primary);
1613
1459
  cursor: pointer;
1614
1460
  }
1615
1461
  .scalar-api-client__empty-state {
@@ -1619,3 +1465,55 @@ display:revert; revert to element instead of attribute */
1619
1465
  font-size: var(--scalar-api-client-text-sm);
1620
1466
  padding: 20px;
1621
1467
  }
1468
+ :root {
1469
+ /** Colors */
1470
+ --scalar-api-client-background-primary: #fff;
1471
+ --scalar-api-client-background-secondary: #f1f3f5;
1472
+ --scalar-api-client-background-input: #fff;
1473
+ --scalar-api-client-background-muted: #f8f9fa;
1474
+ --scalar-api-client-border-color: #dee2e6;
1475
+ --scalar-api-client-fill-icon: #212529;
1476
+
1477
+ /** Borders */
1478
+ --scalar-api-client-border: 1px solid #dee2e6;
1479
+ --scalar-api-client-rounded: 4px;
1480
+
1481
+ /** Fonts */
1482
+ --scalar-api-client-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
1483
+ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1484
+ --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1485
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1486
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
1487
+
1488
+ /** Font weights */
1489
+ --scalar-api-client-font-semibold: 600;
1490
+ --scalar-api-client-font-bold: 700;
1491
+
1492
+ /** Font colors */
1493
+ --scalar-api-client-text-color-primary: #343a40;
1494
+ --scalar-api-client-text-color-secondary: #868e96;
1495
+ --scalar-api-client-text-color-muted: #868e96;
1496
+
1497
+ /** Font sizes */
1498
+ --scalar-api-client-text-xs: 12px;
1499
+ --scalar-api-client-text-sm: 14px;
1500
+ --scalar-api-client-text-base: 16px;
1501
+ --scalar-api-client-text-lg: 18px;
1502
+
1503
+ /** Request method colors */
1504
+ --scalar-api-client-post-color: #00a67d;
1505
+ --scalar-api-client-post-background: #00a67d1a;
1506
+ --scalar-api-client-delete-color: #ef0006;
1507
+ --scalar-api-client-delete-background: #ef00061a;
1508
+ --scalar-api-client-patch-color: #b2b062;
1509
+ --scalar-api-client-patch-background: #ffe6001a;
1510
+ --scalar-api-client-get-color: #0082d0;
1511
+ --scalar-api-client-get-background: #0082d01a;
1512
+ --scalar-api-client-put-color: #f3830e;
1513
+ --scalar-api-client-put-background: #f3830e1a;
1514
+
1515
+ /** TODO: Go through the following variables and check what they do */
1516
+ --scalar-api-client-color2: green;
1517
+ --scalar-api-client-bg3: purple;
1518
+ --scalar-api-client-gradient: linear-gradient(180deg, black 0%, black 100%);
1519
+ }
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.6",
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
- }