@scalar/api-client-react 2.0.25 → 2.0.27

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-client-react
2
2
 
3
+ ## 2.0.27
4
+
5
+ ## 2.0.26
6
+
3
7
  ## 2.0.25
4
8
 
5
9
  ## 2.0.24
package/dist/style.css CHANGED
@@ -434,7 +434,11 @@
434
434
  border-radius: var(--scalar-radius);
435
435
  border-width: 1px;
436
436
  }
437
- :where(.scalar-app) input::placeholder {
437
+ :where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
438
+ color: var(--scalar-color-3);
439
+ font-family: var(--scalar-font);
440
+ }
441
+ :where(.scalar-app) ::-webkit-input-placeholder {
438
442
  color: var(--scalar-color-3);
439
443
  font-family: var(--scalar-font);
440
444
  }
@@ -798,7 +802,7 @@
798
802
  .hljs.language-objectivec .hljs-meta {
799
803
  color: var(--scalar-color-1);
800
804
  }
801
- .hljs.language-objectivec .hljs-built_in, .hljs-built_in {
805
+ .hljs.language-objectivec .hljs-built_in {
802
806
  color: var(--scalar-color-orange);
803
807
  }
804
808
  .scalar-app .markdown {
@@ -1431,7 +1435,7 @@
1431
1435
  }
1432
1436
  :where(body) > .scalar-tooltip {
1433
1437
  --scalar-tooltip-padding: 8px;
1434
- padding: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1438
+ padding: var(--scalar-tooltip-padding);
1435
1439
  z-index: 99999;
1436
1440
  max-width: 320px;
1437
1441
  font-size: var(--scalar-font-size-5);
@@ -1441,9 +1445,20 @@
1441
1445
  overflow-wrap: break-word;
1442
1446
  color: var(--scalar-tooltip-color);
1443
1447
  }
1448
+ :where(body) > .scalar-tooltip[data-side="top"] {
1449
+ padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1450
+ }
1451
+ :where(body) > .scalar-tooltip[data-side="bottom"] {
1452
+ padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1453
+ }
1454
+ :where(body) > .scalar-tooltip[data-side="left"] {
1455
+ padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1456
+ }
1457
+ :where(body) > .scalar-tooltip[data-side="right"] {
1458
+ padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1459
+ }
1444
1460
  :where(body) > .scalar-tooltip:before {
1445
1461
  content: "";
1446
- inset: var(--scalar-tooltip-offset);
1447
1462
  z-index: calc(1 * -1);
1448
1463
  border-radius: var(--scalar-radius);
1449
1464
  background-color: var(--scalar-tooltip-background);
@@ -1451,6 +1466,19 @@
1451
1466
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1452
1467
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
1453
1468
  position: absolute;
1469
+ inset: 0;
1470
+ }
1471
+ :where(body) > .scalar-tooltip[data-side="top"]:before {
1472
+ bottom: var(--scalar-tooltip-offset);
1473
+ }
1474
+ :where(body) > .scalar-tooltip[data-side="bottom"]:before {
1475
+ top: var(--scalar-tooltip-offset);
1476
+ }
1477
+ :where(body) > .scalar-tooltip[data-side="left"]:before {
1478
+ right: var(--scalar-tooltip-offset);
1479
+ }
1480
+ :where(body) > .scalar-tooltip[data-side="right"]:before {
1481
+ left: var(--scalar-tooltip-offset);
1454
1482
  }
1455
1483
  :where(body.dark-mode) > .scalar-tooltip:before {
1456
1484
  --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
@@ -1690,9 +1718,15 @@
1690
1718
  .scalar-app .inset-y-0\.5 {
1691
1719
  inset-block: 2px;
1692
1720
  }
1721
+ .scalar-app .-start {
1722
+ inset-inline-start: -4px;
1723
+ }
1693
1724
  .scalar-app .start {
1694
1725
  inset-inline-start: 4px;
1695
1726
  }
1727
+ .scalar-app .-end {
1728
+ inset-inline-end: -4px;
1729
+ }
1696
1730
  .scalar-app .end {
1697
1731
  inset-inline-end: 4px;
1698
1732
  }
@@ -3857,13 +3891,13 @@
3857
3891
  outline-style: var(--tw-outline-style);
3858
3892
  outline-width: 1px;
3859
3893
  }
3860
- .scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
3894
+ .scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *), .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:z-1:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
3861
3895
  z-index: 1;
3862
3896
  }
3863
- .scalar-app .group-has-\[\.cm-focused\]\:flex:is(:where(.group):has(.cm-focused) *) {
3897
+ .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:flex:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
3864
3898
  display: flex;
3865
3899
  }
3866
- .scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *) {
3900
+ .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:pr-10:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
3867
3901
  padding-right: 40px;
3868
3902
  }
3869
3903
  .scalar-app .group-has-\[\:focus-visible\]\/cell\:border-c-accent:is(:where(.group\/cell):has(:focus-visible) *) {
@@ -3957,7 +3991,7 @@
3957
3991
  .scalar-app .peer-focus-visible\/button\:opacity-100:is(:where(.peer\/button):focus-visible ~ *) {
3958
3992
  opacity: 1;
3959
3993
  }
3960
- .scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *) {
3994
+ .scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *), .scalar-app .peer-has-\[\.code-input-lite__editor\:focus\]\:opacity-0:is(:where(.peer):has(:is(.code-input-lite editor:focus)) ~ *) {
3961
3995
  opacity: 0;
3962
3996
  }
3963
3997
  .scalar-app .peer-has-\[\.color-selector\]\:hidden:is(:where(.peer):has(.color-selector) ~ *) {
@@ -4892,23 +4926,23 @@ to {
4892
4926
  /*
4893
4927
  Deep styling for customizing Codemirror
4894
4928
  */
4895
- [data-v-3118bf46] .cm-editor {
4929
+ [data-v-d6fb2049] .cm-editor {
4896
4930
  height: 100%;
4897
4931
  outline: none;
4898
4932
  padding: 0;
4899
4933
  background: transparent;
4900
4934
  }
4901
- [data-v-3118bf46] .cm-placeholder {
4935
+ [data-v-d6fb2049] .cm-placeholder {
4902
4936
  color: var(--scalar-color-3);
4903
4937
  }
4904
- [data-v-3118bf46] .cm-content {
4938
+ [data-v-d6fb2049] .cm-content {
4905
4939
  font-family: var(--scalar-font-code);
4906
4940
  font-size: var(--scalar-small);
4907
4941
  max-height: 20px;
4908
4942
  padding: 8px 0;
4909
4943
  }
4910
4944
  /* Tooltip helper */
4911
- [data-v-3118bf46] .cm-tooltip {
4945
+ [data-v-d6fb2049] .cm-tooltip {
4912
4946
  background: transparent !important;
4913
4947
  filter: brightness(var(--scalar-lifted-brightness));
4914
4948
  border-radius: var(--scalar-radius);
@@ -4917,43 +4951,43 @@ to {
4917
4951
  outline: none !important;
4918
4952
  overflow: hidden !important;
4919
4953
  }
4920
- [data-v-3118bf46] .cm-tooltip-autocomplete ul li {
4954
+ [data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
4921
4955
  padding: 3px 6px !important;
4922
4956
  }
4923
- [data-v-3118bf46] .cm-completionIcon-type:after {
4957
+ [data-v-d6fb2049] .cm-completionIcon-type:after {
4924
4958
  color: var(--scalar-color-3) !important;
4925
4959
  }
4926
- [data-v-3118bf46] .cm-tooltip-autocomplete ul li[aria-selected] {
4960
+ [data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
4927
4961
  background: var(--scalar-background-2) !important;
4928
4962
  color: var(--scalar-color-1) !important;
4929
4963
  }
4930
- [data-v-3118bf46] .cm-tooltip-autocomplete ul {
4964
+ [data-v-d6fb2049] .cm-tooltip-autocomplete ul {
4931
4965
  padding: 6px !important;
4932
4966
  position: relative;
4933
4967
  }
4934
- [data-v-3118bf46] .cm-tooltip-autocomplete ul li:hover {
4968
+ [data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
4935
4969
  border-radius: 3px;
4936
4970
  color: var(--scalar-color-1) !important;
4937
4971
  background: var(--scalar-background-3) !important;
4938
4972
  }
4939
4973
  /* Disable active line highlighting */
4940
- [data-v-3118bf46] .cm-activeLine,[data-v-3118bf46] .cm-activeLineGutter {
4974
+ [data-v-d6fb2049] .cm-activeLine,[data-v-d6fb2049] .cm-activeLineGutter {
4941
4975
  background-color: transparent;
4942
4976
  }
4943
4977
  /* Color selection matching */
4944
- [data-v-3118bf46] .cm-selectionMatch,[data-v-3118bf46] .cm-matchingBracket {
4978
+ [data-v-d6fb2049] .cm-selectionMatch,[data-v-d6fb2049] .cm-matchingBracket {
4945
4979
  border-radius: var(--scalar-radius);
4946
4980
  background: var(--scalar-background-4) !important;
4947
4981
  }
4948
4982
  /* Color Picker Swatches */
4949
- [data-v-3118bf46] .cm-css-color-picker-wrapper {
4983
+ [data-v-d6fb2049] .cm-css-color-picker-wrapper {
4950
4984
  display: inline-flex;
4951
4985
  outline: 1px solid var(--scalar-background-3);
4952
4986
  border-radius: 3px;
4953
4987
  overflow: hidden;
4954
4988
  }
4955
4989
  /* Number gutter */
4956
- [data-v-3118bf46] .cm-gutters {
4990
+ [data-v-d6fb2049] .cm-gutters {
4957
4991
  background-color: transparent;
4958
4992
  border-right: none;
4959
4993
  color: var(--scalar-color-3);
@@ -4961,7 +4995,7 @@ to {
4961
4995
  line-height: 22px;
4962
4996
  border-radius: 0 0 0 3px;
4963
4997
  }
4964
- [data-v-3118bf46] .cm-gutters:before {
4998
+ [data-v-d6fb2049] .cm-gutters:before {
4965
4999
  content: '';
4966
5000
  position: absolute;
4967
5001
  top: 2px;
@@ -4971,7 +5005,7 @@ to {
4971
5005
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
4972
5006
  background-color: var(--scalar-background-1);
4973
5007
  }
4974
- [data-v-3118bf46] .cm-gutterElement {
5008
+ [data-v-d6fb2049] .cm-gutterElement {
4975
5009
  font-family: var(--scalar-font-code) !important;
4976
5010
  padding-left: 0px !important;
4977
5011
  padding-right: 6px !important;
@@ -4980,16 +5014,16 @@ to {
4980
5014
  justify-content: flex-end;
4981
5015
  position: relative;
4982
5016
  }
4983
- [data-v-3118bf46] .cm-lineNumbers .cm-gutterElement {
5017
+ [data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
4984
5018
  min-width: fit-content;
4985
5019
  }
4986
- [data-v-3118bf46] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
5020
+ [data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
4987
5021
  padding-left: 0 !important;
4988
5022
  }
4989
- [data-v-3118bf46] .cm-scroller {
5023
+ [data-v-d6fb2049] .cm-scroller {
4990
5024
  overflow: auto;
4991
5025
  }
4992
- .line-wrapping[data-v-3118bf46]:focus-within .cm-content {
5026
+ .line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
4993
5027
  display: inline-table;
4994
5028
  min-height: fit-content;
4995
5029
  padding: 3px 6px;
@@ -5062,21 +5096,21 @@ to {
5062
5096
  .description[data-v-649f9a0d] .markdown > *:first-child {
5063
5097
  margin-top: 0;
5064
5098
  }
5065
- [data-v-372238a6] .cm-editor {
5099
+ [data-v-d37cbfcc] .cm-editor {
5066
5100
  height: 100%;
5067
5101
  outline: none;
5068
5102
  width: 100%;
5069
5103
  }
5070
- [data-v-372238a6] .cm-line {
5104
+ [data-v-d37cbfcc] .cm-line {
5071
5105
  padding: 0;
5072
5106
  }
5073
- [data-v-372238a6] .cm-content {
5107
+ [data-v-d37cbfcc] .cm-content {
5074
5108
  padding: 0;
5075
5109
  display: flex;
5076
5110
  align-items: center;
5077
5111
  font-size: var(--scalar-small);
5078
5112
  }
5079
- .scroll-timeline-x[data-v-372238a6] {
5113
+ .scroll-timeline-x[data-v-d37cbfcc] {
5080
5114
  -ms-overflow-style: none;
5081
5115
  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
5082
5116
  element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -5089,31 +5123,31 @@ to {
5089
5123
  transparent 100%
5090
5124
  );
5091
5125
  }
5092
- .scroll-timeline-x-hidden[data-v-372238a6] {
5126
+ .scroll-timeline-x-hidden[data-v-d37cbfcc] {
5093
5127
  overflow-x: auto;
5094
5128
  }
5095
- .scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller {
5129
+ .scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller {
5096
5130
  scrollbar-width: none;
5097
5131
  -ms-overflow-style: none;
5098
5132
  padding-right: 20px;
5099
5133
  overflow: auto;
5100
5134
  }
5101
- .scroll-timeline-x-hidden[data-v-372238a6]::-webkit-scrollbar {
5135
+ .scroll-timeline-x-hidden[data-v-d37cbfcc]::-webkit-scrollbar {
5102
5136
  width: 0;
5103
5137
  height: 0;
5104
5138
  display: none;
5105
5139
  }
5106
- .scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller::-webkit-scrollbar {
5140
+ .scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller::-webkit-scrollbar {
5107
5141
  width: 0;
5108
5142
  height: 0;
5109
5143
  display: none;
5110
5144
  }
5111
- .scroll-timeline-x-address[data-v-372238a6] {
5145
+ .scroll-timeline-x-address[data-v-d37cbfcc] {
5112
5146
  line-height: 27px;
5113
5147
  scrollbar-width: none; /* Firefox */
5114
5148
  }
5115
5149
  /* make clickable are to left of send button */
5116
- .scroll-timeline-x-address[data-v-372238a6]:after {
5150
+ .scroll-timeline-x-address[data-v-d37cbfcc]:after {
5117
5151
  content: '';
5118
5152
  position: absolute;
5119
5153
  height: 100%;
@@ -5121,12 +5155,12 @@ to {
5121
5155
  right: 0;
5122
5156
  cursor: text;
5123
5157
  }
5124
- .scroll-timeline-x-address[data-v-372238a6]:empty:before {
5158
+ .scroll-timeline-x-address[data-v-d37cbfcc]:empty:before {
5125
5159
  content: 'Enter URL or cURL request';
5126
5160
  color: var(--scalar-color-3);
5127
5161
  pointer-events: none;
5128
5162
  }
5129
- .address-bar-bg-states[data-v-372238a6] {
5163
+ .address-bar-bg-states[data-v-d37cbfcc] {
5130
5164
  --scalar-address-bar-bg: color-mix(
5131
5165
  in srgb,
5132
5166
  var(--scalar-background-1),
@@ -5134,12 +5168,16 @@ to {
5134
5168
  );
5135
5169
  background: var(--scalar-address-bar-bg);
5136
5170
  }
5137
- .address-bar-bg-states[data-v-372238a6]:has(.cm-focused) {
5171
+ .address-bar-bg-states[data-v-d37cbfcc]:has(.cm-focused) {
5138
5172
  --scalar-address-bar-bg: var(--scalar-background-1);
5139
5173
  border-color: var(--scalar-border-color);
5140
5174
  outline-width: 1px;
5141
5175
  outline-style: solid;
5142
5176
  }
5177
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-d37cbfcc],
5178
+ .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-d37cbfcc] {
5179
+ --scalar-address-bar-bg: var(--scalar-background-1);
5180
+ }
5143
5181
  .app-exit-button[data-v-42c563b3] {
5144
5182
  color: white;
5145
5183
  background: rgba(0, 0, 0, 0.1);
@@ -5235,33 +5273,107 @@ to {
5235
5273
  .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
5236
5274
  display: none;
5237
5275
  }
5238
- [data-v-36811e28] .cm-editor {
5239
- padding: 0;
5276
+ .code-input-lite[data-v-1974e80d] {
5277
+ /* Flex so the editor centres vertically in whatever height the cell gives us.
5278
+ Font properties inherit so we adopt the surrounding typography. */
5279
+ display: flex;
5280
+ align-items: center;
5240
5281
  }
5241
- [data-v-36811e28] .cm-content {
5282
+ .code-input-lite__editor[data-v-1974e80d] {
5283
+ /* Everything font-related inherits from the surrounding context. */
5284
+ font: inherit;
5285
+ letter-spacing: inherit;
5286
+ flex: 1;
5287
+ min-width: 0;
5288
+ background: transparent;
5289
+ outline: none;
5290
+ color: var(--scalar-color-1);
5291
+ caret-color: var(--scalar-color-1);
5292
+ /* Single-line: horizontal scroll keeps the caret visible for long values;
5293
+ the scrollbar itself is hidden (would be noisy inside a table cell). */
5294
+ white-space: pre;
5295
+ overflow-x: auto;
5296
+ overflow-y: hidden;
5297
+ scrollbar-width: none;
5298
+ padding: 0 0.5em;
5299
+ box-sizing: border-box;
5300
+ line-height: 1.44;
5301
+ /* Positioning context for the absolutely positioned placeholder. */
5302
+ position: relative;
5303
+ }
5304
+ .code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
5305
+ display: none;
5306
+ }
5307
+ /* Absolute so the placeholder does not occupy flow space inside the
5308
+ contenteditable; otherwise the caret would land after it on focus.
5309
+ `pointer-events: none` lets clicks fall through to focus the editor.
5310
+ Hidden on focus so it never renders on top of the text caret. */
5311
+ .code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus)::before {
5312
+ content: attr(data-placeholder);
5313
+ color: var(--scalar-color-3);
5314
+ pointer-events: none;
5315
+ position: absolute;
5316
+ top: 0;
5317
+ bottom: 0;
5318
+ left: 0.5em;
5319
+ display: flex;
5242
5320
  align-items: center;
5321
+ }
5322
+ .code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
5323
+ outline: 1px solid var(--scalar-color-red);
5324
+ }
5325
+ /* Pill styling. Each pill is `<span contenteditable="false">name</span>` —
5326
+ an atomic widget; the caret lands before or after it, never inside. */
5327
+ .scalar-pill {
5328
+ color: var(--scalar-color-2);
5329
+ border-radius: 30px;
5330
+ display: inline-block;
5331
+ font-family: var(--scalar-font-code);
5332
+ font-size: 0.9em;
5333
+ line-height: 1.4;
5334
+ vertical-align: baseline;
5335
+ background: var(--scalar-background-3);
5336
+ padding: 0.125em 0.6em;
5337
+ margin-right: 0.35em;
5338
+ cursor: text;
5339
+ /* Single click selects the whole pill — chip/mention model, deletes in one go. */
5340
+ user-select: all;
5341
+ -webkit-user-select: all;
5342
+ }
5343
+ .dark-mode .scalar-pill {
5344
+ background: color-mix(
5345
+ in srgb,
5346
+ var(--tw-bg-base, var(--scalar-color-1)),
5347
+ transparent 90%
5348
+ );
5349
+ }
5350
+ .light-mode .scalar-pill {
5351
+ background: var(--scalar-background-3);
5352
+ }
5353
+ .scalar-pill--context-fn {
5354
+ /* Inset box-shadow as a border so the layout box stays identical to plain pills. */
5355
+ box-shadow: 0 0 0 1px
5356
+ color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;
5357
+ }
5358
+ .dark-mode .scalar-pill--context-fn {
5359
+ background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);
5360
+ }
5361
+ .light-mode .scalar-pill--context-fn {
5362
+ background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
5363
+ }
5364
+ [data-v-6b2d7899] .code-input-lite__editor {
5243
5365
  background-color: transparent;
5244
- display: flex;
5245
5366
  font-family: var(--scalar-font);
5246
5367
  font-size: var(--scalar-small);
5247
5368
  padding: 5px 8px;
5248
- width: 100%;
5249
- }
5250
- [data-v-36811e28] .cm-content:has(.cm-pill) {
5251
- padding: 5px 8px;
5252
5369
  }
5253
- [data-v-36811e28] .cm-content .cm-pill:not(:last-of-type) {
5254
- margin-right: 0.5px;
5370
+ [data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
5371
+ margin-right: 0.15em;
5255
5372
  }
5256
- [data-v-36811e28] .cm-content .cm-pill:not(:first-of-type) {
5373
+ [data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
5257
5374
  margin-left: 0.5px;
5258
5375
  }
5259
- [data-v-36811e28] .cm-line {
5260
- overflow: hidden;
5261
- padding: 0;
5262
- text-overflow: ellipsis;
5263
- }
5264
- .filemask[data-v-36811e28] {
5376
+ .filemask[data-v-6b2d7899] {
5265
5377
  mask-image: linear-gradient(
5266
5378
  to right,
5267
5379
  transparent 0,
@@ -5292,60 +5404,45 @@ to {
5292
5404
  -ms-overflow-style: none;
5293
5405
  scrollbar-width: none;
5294
5406
  }
5295
- [data-v-1ee3c31d] .cm-editor {
5296
- padding: 0;
5297
- }
5298
- [data-v-1ee3c31d] .cm-content {
5299
- align-items: center;
5407
+ [data-v-a6f4752a] .code-input-lite__editor {
5300
5408
  background-color: transparent;
5301
- display: flex;
5302
5409
  font-family: var(--scalar-font);
5303
5410
  font-size: var(--scalar-small);
5304
5411
  padding: 5px 8px;
5305
- width: 100%;
5306
- }
5307
- [data-v-1ee3c31d] .cm-content:has(.cm-pill) {
5308
- padding: 5px 8px;
5309
5412
  }
5310
- [data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
5311
- margin-right: 0.5px;
5413
+ [data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
5414
+ margin-right: 0.15em;
5312
5415
  }
5313
- [data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
5416
+ [data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
5314
5417
  margin-left: 0.5px;
5315
5418
  }
5316
- [data-v-1ee3c31d] .cm-line {
5317
- overflow: hidden;
5318
- padding: 0;
5319
- text-overflow: ellipsis;
5320
- word-break: break-word;
5321
- }
5322
- .required[data-v-1ee3c31d]::after {
5419
+ .required[data-v-a6f4752a]::after {
5323
5420
  content: 'Required';
5324
5421
  }
5325
5422
  /* Tailwind placeholder is busted */
5326
- input[data-v-1ee3c31d]::placeholder {
5423
+ input[data-v-a6f4752a]::placeholder {
5327
5424
  color: var(--scalar-color-3);
5328
5425
  }
5329
5426
  /* we want our inputs to look like a password input but not be one */
5330
- .scalar-password-input[data-v-1ee3c31d] {
5427
+ .scalar-password-input[data-v-a6f4752a] {
5331
5428
  text-security: disc;
5332
5429
  -webkit-text-security: disc;
5333
5430
  -moz-text-security: disc;
5334
5431
  }
5335
- .request-section-content[data-v-9ee5445b] {
5432
+ .request-section-content[data-v-612d194c] {
5336
5433
  --scalar-border-width: 0.5px;
5337
5434
  }
5338
- .request-section-content-filter[data-v-9ee5445b] {
5435
+ .request-section-content-filter[data-v-612d194c] {
5339
5436
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
5340
5437
  }
5341
- .request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
5438
+ .request-item:focus-within .request-meta-buttons[data-v-612d194c] {
5342
5439
  opacity: 1;
5343
5440
  }
5344
- .group-hover-input[data-v-9ee5445b] {
5441
+ .group-hover-input[data-v-612d194c] {
5345
5442
  border-width: var(--scalar-border-width);
5346
5443
  border-color: transparent;
5347
5444
  }
5348
- .group:hover .group-hover-input[data-v-9ee5445b] {
5445
+ .group:hover .group-hover-input[data-v-612d194c] {
5349
5446
  background: color-mix(
5350
5447
  in srgb,
5351
5448
  var(--scalar-background-1),
@@ -5353,7 +5450,7 @@ input[data-v-1ee3c31d]::placeholder {
5353
5450
  );
5354
5451
  border-color: var(--scalar-border-color);
5355
5452
  }
5356
- .group-hover-input[data-v-9ee5445b]:focus {
5453
+ .group-hover-input[data-v-612d194c]:focus {
5357
5454
  background: transparent !important;
5358
5455
  border-color: var(--scalar-border-color) !important;
5359
5456
  }
@@ -5523,32 +5620,18 @@ to {
5523
5620
  right: 0;
5524
5621
  bottom: 0;
5525
5622
  }
5526
- [data-v-69be2d6c] .cm-editor {
5527
- padding: 0;
5528
- }
5529
- [data-v-69be2d6c] .cm-content {
5530
- align-items: center;
5623
+ [data-v-5b336842] .code-input-lite__editor {
5531
5624
  background-color: transparent;
5532
- display: flex;
5533
5625
  font-family: var(--scalar-font);
5534
5626
  font-size: var(--scalar-small);
5535
5627
  padding: 5px 8px;
5536
- width: 100%;
5537
5628
  }
5538
- [data-v-69be2d6c] .cm-content:has(.cm-pill) {
5539
- padding: 5px 8px;
5629
+ [data-v-5b336842] .scalar-pill:not(:last-of-type) {
5630
+ margin-right: 0.15em;
5540
5631
  }
5541
- [data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
5542
- margin-right: 0.5px;
5543
- }
5544
- [data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
5632
+ [data-v-5b336842] .scalar-pill:not(:first-of-type) {
5545
5633
  margin-left: 0.5px;
5546
5634
  }
5547
- [data-v-69be2d6c] .cm-line {
5548
- overflow: hidden;
5549
- padding: 0;
5550
- text-overflow: ellipsis;
5551
- }
5552
5635
  /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
5553
5636
  .scalar .scalar-app-layout[data-v-77897d1c] {
5554
5637
  background: var(--scalar-background-1);
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "testing",
20
20
  "react"
21
21
  ],
22
- "version": "2.0.25",
22
+ "version": "2.0.27",
23
23
  "engines": {
24
24
  "node": ">=22"
25
25
  },
@@ -39,9 +39,9 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/api-client": "3.10.3",
43
42
  "@scalar/helpers": "0.8.2",
44
- "@scalar/workspace-store": "0.54.3"
43
+ "@scalar/api-client": "3.11.0",
44
+ "@scalar/workspace-store": "0.54.5"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@testing-library/dom": "^10.4.1",