@scalar/api-reference-react 0.9.15 → 0.9.17

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/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # @scalar/api-reference-react
2
2
 
3
+ ## 0.9.17
4
+
5
+ ## 0.9.16
6
+
3
7
  ## 0.9.15
4
8
 
5
9
  ## 0.9.14
package/dist/style.css CHANGED
@@ -588,14 +588,14 @@ to {
588
588
  font-family: var(--scalar-font-code);
589
589
  color: var(--scalar-color-1);
590
590
  }
591
- .error[data-v-8327ea3a] {
591
+ .error[data-v-38d75111] {
592
592
  background-color: var(--scalar-color-red);
593
593
  }
594
- .schema-card[data-v-8327ea3a] {
594
+ .schema-card[data-v-38d75111] {
595
595
  font-size: var(--scalar-font-size-4);
596
596
  color: var(--scalar-color-1);
597
597
  }
598
- .schema-card-title[data-v-8327ea3a] {
598
+ .schema-card-title[data-v-38d75111] {
599
599
  height: var(--schema-title-height);
600
600
 
601
601
  padding: 6px 8px;
@@ -609,48 +609,48 @@ to {
609
609
  font-size: var(--scalar-mini);
610
610
  border-bottom: var(--scalar-border-width) solid transparent;
611
611
  }
612
- button.schema-card-title[data-v-8327ea3a] {
612
+ button.schema-card-title[data-v-38d75111] {
613
613
  cursor: pointer;
614
614
  }
615
- button.schema-card-title[data-v-8327ea3a]:hover {
615
+ button.schema-card-title[data-v-38d75111]:hover {
616
616
  color: var(--scalar-color-1);
617
617
  }
618
- .schema-card-title-icon--open[data-v-8327ea3a] {
618
+ .schema-card-title-icon--open[data-v-38d75111] {
619
619
  transform: rotate(45deg);
620
620
  }
621
- .schema-properties-open > .schema-card-title[data-v-8327ea3a] {
621
+ .schema-properties-open > .schema-card-title[data-v-38d75111] {
622
622
  border-bottom-left-radius: 0;
623
623
  border-bottom-right-radius: 0;
624
624
  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
625
625
  }
626
- .schema-properties-open > .schema-properties[data-v-8327ea3a] {
626
+ .schema-properties-open > .schema-properties[data-v-38d75111] {
627
627
  width: fit-content;
628
628
  }
629
- .schema-card-description[data-v-8327ea3a] {
629
+ .schema-card-description[data-v-38d75111] {
630
630
  color: var(--scalar-color-2);
631
631
  }
632
- .schema-card-description + .schema-properties[data-v-8327ea3a] {
632
+ .schema-card-description + .schema-properties[data-v-38d75111] {
633
633
  width: fit-content;
634
634
  }
635
- .schema-card-description + .schema-properties[data-v-8327ea3a] {
635
+ .schema-card-description + .schema-properties[data-v-38d75111] {
636
636
  margin-top: 8px;
637
637
  }
638
638
  .schema-card--level-0:nth-of-type(1)
639
- > .schema-card-description[data-v-8327ea3a]:has(+ .schema-properties) {
639
+ > .schema-card-description[data-v-38d75111]:has(+ .schema-properties) {
640
640
  margin-bottom: -8px;
641
641
  padding-bottom: 8px;
642
642
  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
643
643
  }
644
644
  .schema-card--level-0
645
645
  ~ .schema-card--level-0
646
- > .schema-card-description[data-v-8327ea3a]:has(+ .schema-properties) {
646
+ > .schema-card-description[data-v-38d75111]:has(+ .schema-properties) {
647
647
  padding-top: 8px;
648
648
  }
649
- .schema-properties-open.schema-properties[data-v-8327ea3a],
650
- .schema-properties-open > .schema-card--open[data-v-8327ea3a] {
649
+ .schema-properties-open.schema-properties[data-v-38d75111],
650
+ .schema-properties-open > .schema-card--open[data-v-38d75111] {
651
651
  width: 100%;
652
652
  }
653
- .schema-properties[data-v-8327ea3a] {
653
+ .schema-properties[data-v-38d75111] {
654
654
  display: flex;
655
655
  flex-direction: column;
656
656
 
@@ -658,56 +658,56 @@ button.schema-card-title[data-v-8327ea3a]:hover {
658
658
  border-radius: var(--scalar-radius-lg);
659
659
  width: fit-content;
660
660
  }
661
- .schema-properties-name[data-v-8327ea3a] {
661
+ .schema-properties-name[data-v-38d75111] {
662
662
  width: 100%;
663
663
  }
664
- .schema-properties .schema-properties[data-v-8327ea3a] {
664
+ .schema-properties .schema-properties[data-v-38d75111] {
665
665
  border-radius: 13.5px;
666
666
  }
667
- .schema-properties .schema-properties.schema-properties-open[data-v-8327ea3a] {
667
+ .schema-properties .schema-properties.schema-properties-open[data-v-38d75111] {
668
668
  border-radius: var(--scalar-radius-lg);
669
669
  }
670
- .schema-properties-open[data-v-8327ea3a] {
670
+ .schema-properties-open[data-v-38d75111] {
671
671
  width: 100%;
672
672
  }
673
- .schema-card--compact[data-v-8327ea3a] {
673
+ .schema-card--compact[data-v-38d75111] {
674
674
  align-self: flex-start;
675
675
  }
676
- .schema-card--compact.schema-card--open[data-v-8327ea3a] {
676
+ .schema-card--compact.schema-card--open[data-v-38d75111] {
677
677
  align-self: initial;
678
678
  }
679
- .schema-card-title--compact[data-v-8327ea3a] {
679
+ .schema-card-title--compact[data-v-38d75111] {
680
680
  color: var(--scalar-color-2);
681
681
  padding: 6px 10px 6px 8px;
682
682
  height: auto;
683
683
  border-bottom: none;
684
684
  }
685
- .schema-card-title--compact > .schema-card-title-icon[data-v-8327ea3a] {
685
+ .schema-card-title--compact > .schema-card-title-icon[data-v-38d75111] {
686
686
  margin: 0;
687
687
  }
688
- .schema-card-title--compact > .schema-card-title-icon--open[data-v-8327ea3a] {
688
+ .schema-card-title--compact > .schema-card-title-icon--open[data-v-38d75111] {
689
689
  transform: rotate(45deg);
690
690
  }
691
- .schema-properties-open > .schema-card-title--compact[data-v-8327ea3a] {
691
+ .schema-properties-open > .schema-card-title--compact[data-v-38d75111] {
692
692
  position: static;
693
693
  }
694
694
  .property--level-0
695
695
  > .schema-properties
696
696
  > .schema-card--level-0
697
- > .schema-properties[data-v-8327ea3a] {
697
+ > .schema-properties[data-v-38d75111] {
698
698
  border: none;
699
699
  }
700
700
  .property--level-0
701
701
  .schema-card--level-0:not(.schema-card--compact)
702
- .property--level-1[data-v-8327ea3a] {
702
+ .property--level-1[data-v-38d75111] {
703
703
  padding: 0 0 8px;
704
704
  }
705
705
  :not(.composition-panel)
706
706
  > .schema-card--compact.schema-card--level-0
707
- > .schema-properties[data-v-8327ea3a] {
707
+ > .schema-properties[data-v-38d75111] {
708
708
  border: none;
709
709
  }
710
- [data-v-8327ea3a] .schema-card-description p {
710
+ [data-v-38d75111] .schema-card-description p {
711
711
  font-size: var(--scalar-small, var(--scalar-paragraph));
712
712
  color: var(--scalar-color-2);
713
713
  line-height: 1.5;
@@ -715,7 +715,7 @@ button.schema-card-title[data-v-8327ea3a]:hover {
715
715
  display: block;
716
716
  margin-bottom: 6px;
717
717
  }
718
- .children .schema-card-description[data-v-8327ea3a]:first-of-type {
718
+ .children .schema-card-description[data-v-38d75111]:first-of-type {
719
719
  padding-top: 0;
720
720
  }
721
721
  .property-enum-value[data-v-f4b54bdd] {
@@ -1712,7 +1712,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
1712
1712
  .callback-operation-container[data-v-df994c31] .parameter-list-items > li {
1713
1713
  padding: 0 8px;
1714
1714
  }
1715
- .empty-state[data-v-dcf1403d] {
1715
+ .empty-state[data-v-de6a4e70] {
1716
1716
  margin: 10px 0 10px 12px;
1717
1717
  text-align: center;
1718
1718
  font-size: var(--scalar-mini);
@@ -1723,18 +1723,18 @@ button.headers-card-title[data-v-ab19704d]:hover {
1723
1723
  border-radius: var(--scalar-radius-lg);
1724
1724
  color: var(--scalar-color-2);
1725
1725
  }
1726
- .rule-title[data-v-dcf1403d] {
1726
+ .rule-title[data-v-de6a4e70] {
1727
1727
  font-family: var(--scalar-font-code);
1728
1728
  color: var(--scalar-color-1);
1729
1729
  display: inline-block;
1730
1730
  margin: 12px 0 6px;
1731
1731
  border-radius: var(--scalar-radius);
1732
1732
  }
1733
- .rule[data-v-dcf1403d] {
1733
+ .rule[data-v-de6a4e70] {
1734
1734
  margin: 0 12px 0;
1735
1735
  border-radius: var(--scalar-radius-lg);
1736
1736
  }
1737
- .rule-items[data-v-dcf1403d] {
1737
+ .rule-items[data-v-de6a4e70] {
1738
1738
  counter-reset: list-number;
1739
1739
  display: flex;
1740
1740
  flex-direction: column;
@@ -1742,14 +1742,14 @@ button.headers-card-title[data-v-ab19704d]:hover {
1742
1742
  border-left: 1px solid var(--scalar-border-color);
1743
1743
  padding: 12px 0 12px;
1744
1744
  }
1745
- .rule-item[data-v-dcf1403d] {
1745
+ .rule-item[data-v-de6a4e70] {
1746
1746
  counter-increment: list-number;
1747
1747
  border: 1px solid var(--scalar-border-color);
1748
1748
  border-radius: var(--scalar-radius-lg);
1749
1749
  overflow: hidden;
1750
1750
  margin-left: 24px;
1751
1751
  }
1752
- .rule-item[data-v-dcf1403d]:before {
1752
+ .rule-item[data-v-de6a4e70]:before {
1753
1753
  /* content: counter(list-number); */
1754
1754
  border: 1px solid var(--scalar-border-color);
1755
1755
  border-top: 0;
@@ -7668,12 +7668,12 @@ input[data-v-c1a50a6e]::placeholder {
7668
7668
  .scalar-app .h-64 {
7669
7669
  height: 256px;
7670
7670
  }
7671
+ .scalar-app .h-125 {
7672
+ height: 500px;
7673
+ }
7671
7674
  .scalar-app .h-\[68px\] {
7672
7675
  height: 68px;
7673
7676
  }
7674
- .scalar-app .h-\[500px\] {
7675
- height: 500px;
7676
- }
7677
7677
  .scalar-app .h-\[calc\(100\%-273\.5px\)\] {
7678
7678
  height: calc(100% - 273.5px);
7679
7679
  }
@@ -7893,9 +7893,6 @@ input[data-v-c1a50a6e]::placeholder {
7893
7893
  .scalar-app .max-w-\[14px\] {
7894
7894
  max-width: 14px;
7895
7895
  }
7896
- .scalar-app .max-w-\[16rem\] {
7897
- max-width: 16rem;
7898
- }
7899
7896
  .scalar-app .max-w-\[37px\] {
7900
7897
  max-width: 37px;
7901
7898
  }
@@ -9211,6 +9208,9 @@ input[data-v-c1a50a6e]::placeholder {
9211
9208
  :is(.scalar-app .\*\:h-8 > *) {
9212
9209
  height: 32px;
9213
9210
  }
9211
+ :is(.scalar-app .\*\:max-w-64 > *) {
9212
+ max-width: 256px;
9213
+ }
9214
9214
  :is(.scalar-app .\*\:cursor-pointer > *) {
9215
9215
  cursor: pointer;
9216
9216
  }
@@ -9424,6 +9424,10 @@ input[data-v-c1a50a6e]::placeholder {
9424
9424
  content: var(--tw-content);
9425
9425
  background-color: var(--scalar-border-color);
9426
9426
  }
9427
+ :is(.scalar-app .\*\:not-first\:before\:content-\[\'_·_\'\] > *):not(:first-child):before {
9428
+ --tw-content: " · ";
9429
+ content: var(--tw-content);
9430
+ }
9427
9431
  .scalar-app .after\:content-\[\'\:\'\]:after {
9428
9432
  --tw-content: ":";
9429
9433
  content: var(--tw-content);
@@ -9993,6 +9997,9 @@ input[data-v-c1a50a6e]::placeholder {
9993
9997
  .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
9994
9998
  -webkit-app-region: drag;
9995
9999
  }
10000
+ .scalar-app .\[\&_\.monaco-editor\]\:rounded-lg .monaco-editor, .scalar-app .\[\&_\.overflow-guard\]\:rounded-lg .overflow-guard {
10001
+ border-radius: var(--scalar-radius-lg);
10002
+ }
9996
10003
  .scalar-app .\[\&\>label\]\:bg-transparent > label {
9997
10004
  background-color: #0000;
9998
10005
  }
@@ -10422,15 +10429,6 @@ to {
10422
10429
  .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-f97cc68c], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-f97cc68c] {
10423
10430
  display: none;
10424
10431
  }
10425
- .schema > span[data-v-f2ab7aa3]:not(:first-child):before {
10426
- content: "·";
10427
- margin: 0 .5ch;
10428
- display: block;
10429
- }
10430
- .schema > span[data-v-f2ab7aa3] {
10431
- white-space: nowrap;
10432
- display: flex;
10433
- }
10434
10432
  [data-v-36811e28] .cm-editor {
10435
10433
  padding: 0;
10436
10434
  }
@@ -11284,23 +11282,23 @@ to {
11284
11282
  padding: 0;
11285
11283
  overflow: hidden;
11286
11284
  }
11287
- .editor-container[data-v-850fff8f] {
11285
+ .editor-container[data-v-e99ee660] {
11288
11286
  width: 100%;
11289
11287
  height: 100%;
11290
11288
  }
11291
- [data-v-850fff8f] .json-path-highlight {
11289
+ [data-v-e99ee660] .json-path-highlight {
11292
11290
  background-color: #ffc80059;
11293
11291
  border-radius: 4px;
11294
11292
  }
11295
- [data-v-850fff8f] .json-focus-highlight {
11293
+ [data-v-e99ee660] .json-focus-highlight {
11296
11294
  background-color: var(--scalar-color-accent, #24b47e);
11297
11295
  }
11298
11296
  @supports (color: color-mix(in lab, red, red)) {
11299
- [data-v-850fff8f] .json-focus-highlight {
11297
+ [data-v-e99ee660] .json-focus-highlight {
11300
11298
  background-color: color-mix(in srgb, var(--scalar-color-accent, #24b47e) 18%, transparent);
11301
11299
  }
11302
11300
  }
11303
- [data-v-850fff8f] .json-focus-highlight {
11301
+ [data-v-e99ee660] .json-focus-highlight {
11304
11302
  border-radius: 4px;
11305
11303
  }
11306
11304
  [data-v-28c8509c] .cm-editor {
@@ -11924,7 +11922,7 @@ to {
11924
11922
  display: flex;
11925
11923
  position: relative;
11926
11924
  }
11927
- .askForAuthentication[data-v-8af07610] {
11925
+ .askForAuthentication[data-v-6fbfc976] {
11928
11926
  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
11929
11927
  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
11930
11928
  width: 100%;
@@ -11935,7 +11933,7 @@ to {
11935
11933
  display: flex;
11936
11934
  position: relative;
11937
11935
  }
11938
- .authContent[data-v-8af07610] {
11936
+ .authContent[data-v-6fbfc976] {
11939
11937
  grid-template-rows: 0fr;
11940
11938
  width: 100%;
11941
11939
  max-width: 520px;
@@ -11945,19 +11943,19 @@ to {
11945
11943
  display: grid;
11946
11944
  overflow: hidden;
11947
11945
  }
11948
- .authContentInner[data-v-8af07610] > div {
11946
+ .authContentInner[data-v-6fbfc976] > div {
11949
11947
  margin: 36px 0 48px;
11950
11948
  }
11951
- .authContent[data-v-8af07610] .markdown {
11949
+ .authContent[data-v-6fbfc976] .markdown {
11952
11950
  margin-bottom: 0 !important;
11953
11951
  }
11954
- .askForAuthentication.open .authContent[data-v-8af07610] {
11952
+ .askForAuthentication.open .authContent[data-v-6fbfc976] {
11955
11953
  grid-template-rows: 1fr;
11956
11954
  }
11957
- .continueButton[data-v-8af07610] {
11955
+ .continueButton[data-v-6fbfc976] {
11958
11956
  align-self: flex-end;
11959
11957
  }
11960
- .toggleButton[data-v-8af07610] {
11958
+ .toggleButton[data-v-6fbfc976] {
11961
11959
  cursor: pointer;
11962
11960
  text-align: left;
11963
11961
  color: var(--scalar-color-3);
@@ -11969,11 +11967,11 @@ to {
11969
11967
  display: flex;
11970
11968
  position: relative;
11971
11969
  }
11972
- .authContentInner[data-v-8af07610] {
11970
+ .authContentInner[data-v-6fbfc976] {
11973
11971
  min-height: 0;
11974
11972
  overflow: hidden;
11975
11973
  }
11976
- .authorizeButton[data-v-8af07610] {
11974
+ .authorizeButton[data-v-6fbfc976] {
11977
11975
  z-index: 1;
11978
11976
  gap: 5px;
11979
11977
  display: flex;
@@ -12253,45 +12251,7 @@ to {
12253
12251
  margin-bottom: 20px;
12254
12252
  padding: 15px;
12255
12253
  }
12256
- .contextItem[data-v-b6e5aa96] {
12257
- color: var(--scalar-color-2);
12258
- cursor: pointer;
12259
- vertical-align: middle;
12260
- background: var(--scalar-background-2);
12261
- }
12262
- @supports (color: color-mix(in lab, red, red)) {
12263
- .contextItem[data-v-b6e5aa96] {
12264
- background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
12265
- }
12266
- }
12267
- .contextItem[data-v-b6e5aa96] {
12268
- border-radius: 12px;
12269
- align-items: center;
12270
- padding: 5px 10px;
12271
- font-size: 10px;
12272
- display: flex;
12273
- }
12274
- .shimmer[data-v-b6e5aa96] {
12275
- background: var(--scalar-background-2);
12276
- background-image: linear-gradient(90deg, #202020 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
12277
- background-size: 200% 100%;
12278
- animation: 1.4s ease-in-out infinite shimmer-b6e5aa96;
12279
- }
12280
- .light-mode .shimmer[data-v-b6e5aa96] {
12281
- background: var(--scalar-background-2);
12282
- background-image: linear-gradient(90deg, #fafafa 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
12283
- background-size: 200% 100%;
12284
- animation: 1.4s ease-in-out infinite shimmer-b6e5aa96;
12285
- }
12286
- @keyframes shimmer-b6e5aa96 {
12287
- 0% {
12288
- background-position: 200% 0;
12289
- }
12290
- to {
12291
- background-position: -200% 0;
12292
- }
12293
- }
12294
- .playIcon[data-v-653c66b3] {
12254
+ .playIcon[data-v-9d9724d2] {
12295
12255
  z-index: 1;
12296
12256
  background: var(--scalar-background-1);
12297
12257
  border-radius: 50%;
@@ -12303,7 +12263,7 @@ to {
12303
12263
  display: flex;
12304
12264
  position: relative;
12305
12265
  }
12306
- .playIcon[data-v-653c66b3]:before {
12266
+ .playIcon[data-v-9d9724d2]:before {
12307
12267
  content: "";
12308
12268
  box-sizing: border-box;
12309
12269
  border: 1.5px solid;
@@ -12313,11 +12273,11 @@ to {
12313
12273
  border-radius: 50%;
12314
12274
  width: 16px;
12315
12275
  height: 16px;
12316
- animation: .42s linear infinite rotation-653c66b3;
12276
+ animation: .42s linear infinite rotation-9d9724d2;
12317
12277
  display: inline-block;
12318
12278
  position: absolute;
12319
12279
  }
12320
- .sendingRequest[data-v-653c66b3] {
12280
+ .loadingApiSpecs[data-v-9d9724d2] {
12321
12281
  color: var(--scalar-color-2);
12322
12282
  font-weight: var(--scalar-semibold);
12323
12283
  font-size: var(--scalar-font-size-3);
@@ -12326,13 +12286,13 @@ to {
12326
12286
  margin-bottom: 10px;
12327
12287
  display: flex;
12328
12288
  }
12329
- .sendingRequest svg[data-v-653c66b3] {
12289
+ .loadingApiSpecs svg[data-v-9d9724d2] {
12330
12290
  z-index: 1;
12331
12291
  border-radius: 50%;
12332
12292
  width: 100%;
12333
12293
  height: 100%;
12334
12294
  }
12335
- @keyframes rotation-653c66b3 {
12295
+ @keyframes rotation-9d9724d2 {
12336
12296
  0% {
12337
12297
  transform: rotate(0);
12338
12298
  }
@@ -12340,16 +12300,52 @@ to {
12340
12300
  transform: rotate(360deg);
12341
12301
  }
12342
12302
  }
12343
- .operations[data-v-ecee6203] {
12303
+ .contextItem[data-v-e6786ce3] {
12304
+ white-space: nowrap;
12305
+ color: var(--scalar-color-2);
12306
+ cursor: pointer;
12307
+ vertical-align: middle;
12308
+ background: var(--scalar-background-2);
12309
+ }
12310
+ @supports (color: color-mix(in lab, red, red)) {
12311
+ .contextItem[data-v-e6786ce3] {
12312
+ background: color-mix(in srgb, var(--scalar-background-2), var(--scalar-background-1));
12313
+ }
12314
+ }
12315
+ .contextItem[data-v-e6786ce3] {
12316
+ border-radius: 12px;
12344
12317
  align-items: center;
12345
- gap: 5px;
12346
- margin-bottom: 12px;
12318
+ max-width: 200px;
12319
+ padding: 5px 10px;
12320
+ font-size: 10px;
12347
12321
  display: flex;
12348
12322
  }
12349
- .operations[data-v-ecee6203]:empty {
12350
- margin-bottom: -12px;
12323
+ .contextItemText[data-v-e6786ce3] {
12324
+ text-overflow: ellipsis;
12325
+ white-space: nowrap;
12326
+ overflow: hidden;
12351
12327
  }
12352
- .playIcon[data-v-9d9724d2] {
12328
+ .shimmer[data-v-e6786ce3] {
12329
+ background: var(--scalar-background-2);
12330
+ background-image: linear-gradient(90deg, #202020 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
12331
+ background-size: 200% 100%;
12332
+ animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
12333
+ }
12334
+ .light-mode .shimmer[data-v-e6786ce3] {
12335
+ background: var(--scalar-background-2);
12336
+ background-image: linear-gradient(90deg, #fafafa 0%, var(--scalar-background-2) 40%, var(--scalar-background-3) 80%);
12337
+ background-size: 200% 100%;
12338
+ animation: 1.4s ease-in-out infinite shimmer-e6786ce3;
12339
+ }
12340
+ @keyframes shimmer-e6786ce3 {
12341
+ 0% {
12342
+ background-position: 200% 0;
12343
+ }
12344
+ to {
12345
+ background-position: -200% 0;
12346
+ }
12347
+ }
12348
+ .playIcon[data-v-6e0ac42c] {
12353
12349
  z-index: 1;
12354
12350
  background: var(--scalar-background-1);
12355
12351
  border-radius: 50%;
@@ -12361,7 +12357,7 @@ to {
12361
12357
  display: flex;
12362
12358
  position: relative;
12363
12359
  }
12364
- .playIcon[data-v-9d9724d2]:before {
12360
+ .playIcon[data-v-6e0ac42c]:before {
12365
12361
  content: "";
12366
12362
  box-sizing: border-box;
12367
12363
  border: 1.5px solid;
@@ -12371,11 +12367,11 @@ to {
12371
12367
  border-radius: 50%;
12372
12368
  width: 16px;
12373
12369
  height: 16px;
12374
- animation: .42s linear infinite rotation-9d9724d2;
12370
+ animation: .42s linear infinite rotation-6e0ac42c;
12375
12371
  display: inline-block;
12376
12372
  position: absolute;
12377
12373
  }
12378
- .loadingApiSpecs[data-v-9d9724d2] {
12374
+ .sendingRequest[data-v-6e0ac42c] {
12379
12375
  color: var(--scalar-color-2);
12380
12376
  font-weight: var(--scalar-semibold);
12381
12377
  font-size: var(--scalar-font-size-3);
@@ -12384,13 +12380,13 @@ to {
12384
12380
  margin-bottom: 10px;
12385
12381
  display: flex;
12386
12382
  }
12387
- .loadingApiSpecs svg[data-v-9d9724d2] {
12383
+ .sendingRequest svg[data-v-6e0ac42c] {
12388
12384
  z-index: 1;
12389
12385
  border-radius: 50%;
12390
12386
  width: 100%;
12391
12387
  height: 100%;
12392
12388
  }
12393
- @keyframes rotation-9d9724d2 {
12389
+ @keyframes rotation-6e0ac42c {
12394
12390
  0% {
12395
12391
  transform: rotate(0);
12396
12392
  }
@@ -12398,6 +12394,22 @@ to {
12398
12394
  transform: rotate(360deg);
12399
12395
  }
12400
12396
  }
12397
+ .operations[data-v-43dd2b86] {
12398
+ flex-wrap: wrap;
12399
+ align-items: center;
12400
+ gap: 5px;
12401
+ margin-bottom: 12px;
12402
+ display: flex;
12403
+ }
12404
+ .operations[data-v-43dd2b86]:empty {
12405
+ margin-bottom: -12px;
12406
+ }
12407
+ .overflowPopover[data-v-43dd2b86] {
12408
+ flex-direction: column;
12409
+ gap: 5px;
12410
+ padding: 8px;
12411
+ display: flex;
12412
+ }
12401
12413
  .catalogModal .scalar-modal-body {
12402
12414
  flex-direction: column;
12403
12415
  display: flex;
@@ -13073,7 +13085,7 @@ to {
13073
13085
  border-radius: 50%;
13074
13086
  padding: 2px;
13075
13087
  }
13076
- .chat[data-v-db4ff6c9] {
13088
+ .chat[data-v-8e43ed7a] {
13077
13089
  flex-direction: column;
13078
13090
  flex: 1;
13079
13091
  width: 100%;
@@ -13081,7 +13093,7 @@ to {
13081
13093
  padding: 24px 0;
13082
13094
  display: flex;
13083
13095
  }
13084
- .userMessage[data-v-db4ff6c9] {
13096
+ .userMessage[data-v-8e43ed7a] {
13085
13097
  background: var(--scalar-background-2);
13086
13098
  width: fit-content;
13087
13099
  max-width: 80%;
@@ -13095,24 +13107,24 @@ to {
13095
13107
  font-size: 16px;
13096
13108
  line-height: 24px;
13097
13109
  }
13098
- div + .userMessage[data-v-db4ff6c9] {
13110
+ div + .userMessage[data-v-8e43ed7a] {
13099
13111
  margin-top: 64px;
13100
13112
  }
13101
- .chat[data-v-db4ff6c9] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
13113
+ .chat[data-v-8e43ed7a] > div:has(.executeRequestTool) + div:has(.executeRequestTool) {
13102
13114
  margin-top: -12px;
13103
13115
  }
13104
- .spacer[data-v-db4ff6c9] {
13116
+ .spacer[data-v-8e43ed7a] {
13105
13117
  width: 100%;
13106
13118
  min-height: 280px;
13107
13119
  }
13108
- .formContainer[data-v-db4ff6c9] {
13120
+ .formContainer[data-v-8e43ed7a] {
13109
13121
  z-index: 1;
13110
13122
  width: 100%;
13111
13123
  max-width: 744px;
13112
13124
  position: fixed;
13113
13125
  bottom: 20px;
13114
13126
  }
13115
- .chat[data-v-db4ff6c9] .markdown {
13127
+ .chat[data-v-8e43ed7a] .markdown {
13116
13128
  margin-bottom: 12px;
13117
13129
  }
13118
13130
  .agentLogo[data-v-56f7e8dd] {
@@ -13450,7 +13462,7 @@ div + .userMessage[data-v-db4ff6c9] {
13450
13462
  }
13451
13463
  /* Configurable Layout Variables */
13452
13464
  @layer scalar-config {
13453
- .scalar-api-reference[data-v-274a4872] {
13465
+ .scalar-api-reference[data-v-4a2e1b67] {
13454
13466
  /* The header height */
13455
13467
  --refs-header-height: calc(
13456
13468
  var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -13472,19 +13484,19 @@ div + .userMessage[data-v-db4ff6c9] {
13472
13484
  /* The maximum width of the content column */
13473
13485
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
13474
13486
  }
13475
- .scalar-api-reference.references-classic[data-v-274a4872] {
13487
+ .scalar-api-reference.references-classic[data-v-4a2e1b67] {
13476
13488
  /* Classic layout is wider */
13477
13489
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
13478
13490
  min-height: 100dvh;
13479
13491
  --refs-sidebar-width: 0;
13480
13492
  }
13481
13493
  }
13482
- .t-doc__sidebar[data-v-274a4872] {
13494
+ .t-doc__sidebar[data-v-4a2e1b67] {
13483
13495
  z-index: 10;
13484
13496
  }
13485
13497
  /* ----------------------------------------------------- */
13486
13498
  /* References Layout */
13487
- .references-layout[data-v-274a4872] {
13499
+ .references-layout[data-v-4a2e1b67] {
13488
13500
  /* Try to fill the container */
13489
13501
  min-height: 100dvh;
13490
13502
  min-width: 100%;
@@ -13508,43 +13520,43 @@ div + .userMessage[data-v-db4ff6c9] {
13508
13520
 
13509
13521
  background: var(--scalar-background-1);
13510
13522
  }
13511
- .references-editor[data-v-274a4872] {
13523
+ .references-editor[data-v-4a2e1b67] {
13512
13524
  grid-area: editor;
13513
13525
  display: flex;
13514
13526
  min-width: 0;
13515
13527
  background: var(--scalar-background-1);
13516
13528
  }
13517
- .references-rendered[data-v-274a4872] {
13529
+ .references-rendered[data-v-4a2e1b67] {
13518
13530
  position: relative;
13519
13531
  grid-area: rendered;
13520
13532
  min-width: 0;
13521
13533
  background: var(--scalar-background-1);
13522
13534
  }
13523
- .scalar-api-reference.references-classic[data-v-274a4872],
13524
- .references-classic .references-rendered[data-v-274a4872] {
13535
+ .scalar-api-reference.references-classic[data-v-4a2e1b67],
13536
+ .references-classic .references-rendered[data-v-4a2e1b67] {
13525
13537
  height: initial !important;
13526
13538
  max-height: initial !important;
13527
13539
  }
13528
13540
  @layer scalar-config {
13529
- .references-sidebar[data-v-274a4872] {
13541
+ .references-sidebar[data-v-4a2e1b67] {
13530
13542
  /* Set a default width if references are enabled */
13531
13543
  --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
13532
13544
  }
13533
13545
  }
13534
13546
  /* Footer */
13535
- .references-footer[data-v-274a4872] {
13547
+ .references-footer[data-v-4a2e1b67] {
13536
13548
  grid-area: footer;
13537
13549
  }
13538
13550
  /* ----------------------------------------------------- */
13539
13551
  /* Responsive / Mobile Layout */
13540
13552
  @media (max-width: 1000px) {
13541
13553
  /* Keep toolbar hidden on mobile without forcing desktop display mode. */
13542
- .references-developer-tools[data-v-274a4872] {
13554
+ .references-developer-tools[data-v-4a2e1b67] {
13543
13555
  display: none;
13544
13556
  }
13545
13557
 
13546
13558
  /* Stack view on mobile */
13547
- .references-layout[data-v-274a4872] {
13559
+ .references-layout[data-v-4a2e1b67] {
13548
13560
  /* Adjust the sidebar height to the viewport height minus the header height */
13549
13561
  --refs-sidebar-height: calc(
13550
13562
  var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -13559,13 +13571,13 @@ div + .userMessage[data-v-db4ff6c9] {
13559
13571
  'rendered'
13560
13572
  'footer';
13561
13573
  }
13562
- .references-editable[data-v-274a4872] {
13574
+ .references-editable[data-v-4a2e1b67] {
13563
13575
  grid-template-areas:
13564
13576
  'header'
13565
13577
  'navigation'
13566
13578
  'editor';
13567
13579
  }
13568
- .references-rendered[data-v-274a4872] {
13580
+ .references-rendered[data-v-4a2e1b67] {
13569
13581
  position: static;
13570
13582
  }
13571
13583
  }
@@ -13575,11 +13587,11 @@ div + .userMessage[data-v-db4ff6c9] {
13575
13587
  * when the new elements are available
13576
13588
  */
13577
13589
  @media (max-width: 1000px) {
13578
- .scalar-api-references-standalone-mobile[data-v-274a4872]:not(.references-classic) {
13590
+ .scalar-api-references-standalone-mobile[data-v-4a2e1b67]:not(.references-classic) {
13579
13591
  --scalar-header-height: 50px;
13580
13592
  }
13581
13593
  }
13582
- .darklight-reference[data-v-274a4872] {
13594
+ .darklight-reference[data-v-4a2e1b67] {
13583
13595
  width: 100%;
13584
13596
  margin-top: auto;
13585
13597
  }
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "testing",
19
19
  "react"
20
20
  ],
21
- "version": "0.9.15",
21
+ "version": "0.9.17",
22
22
  "engines": {
23
23
  "node": ">=22"
24
24
  },
@@ -39,7 +39,7 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/api-reference": "1.49.5",
42
+ "@scalar/api-reference": "1.49.7",
43
43
  "@scalar/types": "0.7.5"
44
44
  },
45
45
  "devDependencies": {