@scalar/api-client-react 2.0.44 → 2.0.46

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.46
4
+
5
+ ## 2.0.45
6
+
3
7
  ## 2.0.44
4
8
 
5
9
  ## 2.0.43
package/dist/style.css CHANGED
@@ -268,6 +268,7 @@
268
268
  --scalar-color-blue: #0082d0;
269
269
  --scalar-color-orange: #ff5800;
270
270
  --scalar-color-purple: #5203d1;
271
+ --scalar-color-query: #007b80;
271
272
  --scalar-link-color: var(--scalar-color-1);
272
273
  --scalar-link-color-hover: var(--scalar-link-color);
273
274
  --scalar-button-1: #000;
@@ -330,6 +331,7 @@
330
331
  --scalar-color-blue: #4eb3ec;
331
332
  --scalar-color-orange: #ff8d4d;
332
333
  --scalar-color-purple: #b191f9;
334
+ --scalar-color-query: #65d4cf;
333
335
  --scalar-link-color: var(--scalar-color-1);
334
336
  --scalar-link-color-hover: var(--scalar-link-color);
335
337
  --scalar-button-1: #fff;
@@ -518,7 +520,7 @@
518
520
  display: block;
519
521
  }
520
522
 
521
- :where(.scalar-app) [hidden] {
523
+ :where(.scalar-app) [hidden]:not([hidden="until-found"]) {
522
524
  display: none;
523
525
  }
524
526
 
@@ -777,7 +779,7 @@
777
779
  transform: translate3d(0, 0, 0);
778
780
  }
779
781
 
780
- .dark-mode .scalar-dropdown-item[data-v-f5e0d3d8]:hover, .dark-mode .scalar-dropdown-item[data-highlighted][data-v-f5e0d3d8], .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
782
+ .dark-mode .scalar-dropdown-item[data-v-128eed00]:hover, .dark-mode .scalar-dropdown-item[data-highlighted][data-v-128eed00], .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
781
783
  filter: brightness(1.1);
782
784
  }
783
785
 
@@ -2059,6 +2061,10 @@
2059
2061
  top: 2px;
2060
2062
  }
2061
2063
 
2064
+ .scalar-app .top-1\.5 {
2065
+ top: 6px;
2066
+ }
2067
+
2062
2068
  .scalar-app .top-1\/2 {
2063
2069
  top: 50%;
2064
2070
  }
@@ -2131,6 +2137,10 @@
2131
2137
  right: 28px;
2132
2138
  }
2133
2139
 
2140
+ .scalar-app .right-18 {
2141
+ right: 72px;
2142
+ }
2143
+
2134
2144
  .scalar-app .bottom-1 {
2135
2145
  bottom: 4px;
2136
2146
  }
@@ -3587,6 +3597,10 @@
3587
3597
  border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
3588
3598
  }
3589
3599
 
3600
+ .scalar-app .\!bg-b-3 {
3601
+ background-color: var(--scalar-background-3) !important;
3602
+ }
3603
+
3590
3604
  .scalar-app .bg-\(--bg-light\) {
3591
3605
  background-color: var(--bg-light);
3592
3606
  }
@@ -3677,6 +3691,16 @@
3677
3691
  background-color: inherit;
3678
3692
  }
3679
3693
 
3694
+ .scalar-app .bg-query\/10 {
3695
+ background-color: var(--scalar-color-query);
3696
+ }
3697
+
3698
+ @supports (color: color-mix(in lab, red, red)) {
3699
+ .scalar-app .bg-query\/10 {
3700
+ background-color: color-mix(in oklab, var(--scalar-color-query) 10%, transparent);
3701
+ }
3702
+ }
3703
+
3680
3704
  .scalar-app .bg-sidebar-b-1 {
3681
3705
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
3682
3706
  }
@@ -4361,6 +4385,10 @@
4361
4385
  color: var(--scalar-color-purple);
4362
4386
  }
4363
4387
 
4388
+ .scalar-app .text-query {
4389
+ color: var(--scalar-color-query);
4390
+ }
4391
+
4364
4392
  .scalar-app .text-red {
4365
4393
  color: var(--scalar-color-red);
4366
4394
  }
@@ -4790,6 +4818,10 @@
4790
4818
  opacity: 0;
4791
4819
  }
4792
4820
 
4821
+ .scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *) {
4822
+ opacity: 1;
4823
+ }
4824
+
4793
4825
  .scalar-app .group-hover\/copy-button\:bg-b-1\.5:is(:where(.group\/copy-button):hover *) {
4794
4826
  background-color: var(--scalar-background-1);
4795
4827
  }
@@ -4800,7 +4832,7 @@
4800
4832
  }
4801
4833
  }
4802
4834
 
4803
- .scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *) {
4835
+ .scalar-app .group-hover\/input\:opacity-100:is(:where(.group\/input):hover *), .scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *) {
4804
4836
  opacity: 1;
4805
4837
  }
4806
4838
 
@@ -4835,6 +4867,10 @@
4835
4867
  outline-width: 1px;
4836
4868
  }
4837
4869
 
4870
+ .scalar-app .group-has-focus-visible\/code-block\:opacity-100:is(:where(.group\/code-block):has(:focus-visible) *), .scalar-app .group-has-focus-visible\/input\:opacity-100:is(:where(.group\/input):has(:focus-visible) *) {
4871
+ opacity: 1;
4872
+ }
4873
+
4838
4874
  .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)) *) {
4839
4875
  z-index: 1;
4840
4876
  }
@@ -6050,14 +6086,14 @@ to {
6050
6086
  );
6051
6087
  }
6052
6088
 
6053
- .fade-request-section-content[data-v-07ff8fc3] {
6089
+ .fade-request-section-content[data-v-ac788106] {
6054
6090
  background: linear-gradient(
6055
6091
  to left,
6056
6092
  var(--scalar-background-1) 64%,
6057
6093
  transparent
6058
6094
  );
6059
6095
  }
6060
- .filter-hover[data-v-07ff8fc3] {
6096
+ .filter-hover[data-v-ac788106] {
6061
6097
  height: 100%;
6062
6098
  padding-right: 39px;
6063
6099
  padding-left: 24px;
@@ -6066,12 +6102,12 @@ to {
6066
6102
  transition: width 0s ease-in-out 0.2s;
6067
6103
  overflow: hidden;
6068
6104
  }
6069
- .filter-hover[data-v-07ff8fc3]:hover,
6070
- .filter-hover[data-v-07ff8fc3]:has(:focus-visible) {
6105
+ .filter-hover[data-v-ac788106]:hover,
6106
+ .filter-hover[data-v-ac788106]:has(:focus-visible) {
6071
6107
  width: 100%;
6072
6108
  z-index: 10;
6073
6109
  }
6074
- .filter-hover[data-v-07ff8fc3]:before {
6110
+ .filter-hover[data-v-ac788106]:before {
6075
6111
  content: '';
6076
6112
  position: absolute;
6077
6113
  top: 0;
@@ -6083,82 +6119,82 @@ to {
6083
6119
  transition: all 0.3s ease-in-out;
6084
6120
  pointer-events: none;
6085
6121
  }
6086
- .filter-hover-item[data-v-07ff8fc3] {
6122
+ .filter-hover-item[data-v-ac788106] {
6087
6123
  opacity: 0;
6088
6124
  }
6089
- .filter-hover-item[data-v-07ff8fc3]:not(:last-of-type) {
6125
+ .filter-hover-item[data-v-ac788106]:not(:last-of-type) {
6090
6126
  transform: translate3d(0, 3px, 0);
6091
6127
  }
6092
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3] {
6128
+ .filter-hover:hover .filter-hover-item[data-v-ac788106] {
6093
6129
  transition:
6094
6130
  opacity 0.2s ease-in-out,
6095
6131
  transform 0.2s ease-in-out;
6096
6132
  }
6097
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(1) {
6133
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(1) {
6098
6134
  transition-delay: 0.05s;
6099
6135
  }
6100
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(2) {
6136
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(2) {
6101
6137
  transition-delay: 0.1s;
6102
6138
  }
6103
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(3) {
6139
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(3) {
6104
6140
  transition-delay: 0.15s;
6105
6141
  }
6106
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(4) {
6142
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(4) {
6107
6143
  transition-delay: 0.2s;
6108
6144
  }
6109
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(5) {
6145
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(5) {
6110
6146
  transition-delay: 0.25s;
6111
6147
  }
6112
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(6) {
6148
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(6) {
6113
6149
  transition-delay: 0.3s;
6114
6150
  }
6115
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(7) {
6151
+ .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(7) {
6116
6152
  transition-delay: 0.35s;
6117
6153
  }
6118
- .filter-hover:hover .filter-hover-item[data-v-07ff8fc3],
6119
- .filter-hover:has(:focus-visible) .filter-hover-item[data-v-07ff8fc3] {
6154
+ .filter-hover:hover .filter-hover-item[data-v-ac788106],
6155
+ .filter-hover:has(:focus-visible) .filter-hover-item[data-v-ac788106] {
6120
6156
  opacity: 1;
6121
6157
  transform: translate3d(0, 0, 0);
6122
6158
  }
6123
- .filter-hover[data-v-07ff8fc3]:hover:before,
6124
- .filter-hover[data-v-07ff8fc3]:has(:focus-visible):before {
6159
+ .filter-hover[data-v-ac788106]:hover:before,
6160
+ .filter-hover[data-v-ac788106]:has(:focus-visible):before {
6125
6161
  opacity: 0.9;
6126
6162
  backdrop-filter: blur(10px);
6127
6163
  }
6128
- .filter-button[data-v-07ff8fc3] {
6164
+ .filter-button[data-v-ac788106] {
6129
6165
  top: 50%;
6130
6166
  transform: translateY(-50%);
6131
6167
  }
6132
- .context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-07ff8fc3],
6133
- .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-07ff8fc3] {
6168
+ .context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-ac788106],
6169
+ .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-ac788106] {
6134
6170
  --tw-text-opacity: 1;
6135
6171
  color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
6136
6172
  }
6137
- .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3],
6138
- .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
6173
+ .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-ac788106],
6174
+ .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-ac788106] {
6139
6175
  display: none;
6140
6176
  }
6141
6177
 
6142
6178
  /*
6143
6179
  Deep styling for customizing Codemirror
6144
6180
  */
6145
- [data-v-dfc591f4] .cm-editor {
6181
+ [data-v-dbc85839] .cm-editor {
6146
6182
  height: 100%;
6147
6183
  outline: none;
6148
6184
  padding: 0;
6149
6185
  background: transparent;
6150
6186
  }
6151
- [data-v-dfc591f4] .cm-placeholder {
6187
+ [data-v-dbc85839] .cm-placeholder {
6152
6188
  color: var(--scalar-color-3);
6153
6189
  }
6154
- [data-v-dfc591f4] .cm-content {
6190
+ [data-v-dbc85839] .cm-content {
6155
6191
  font-family: var(--scalar-font-code);
6156
6192
  font-size: var(--scalar-small);
6157
6193
  max-height: 20px;
6158
6194
  padding: 8px 0;
6159
6195
  }
6160
6196
  /* Tooltip helper */
6161
- [data-v-dfc591f4] .cm-tooltip {
6197
+ [data-v-dbc85839] .cm-tooltip {
6162
6198
  background: transparent !important;
6163
6199
  filter: brightness(var(--scalar-lifted-brightness));
6164
6200
  border-radius: var(--scalar-radius);
@@ -6167,43 +6203,43 @@ to {
6167
6203
  outline: none !important;
6168
6204
  overflow: hidden !important;
6169
6205
  }
6170
- [data-v-dfc591f4] .cm-tooltip-autocomplete ul li {
6206
+ [data-v-dbc85839] .cm-tooltip-autocomplete ul li {
6171
6207
  padding: 3px 6px !important;
6172
6208
  }
6173
- [data-v-dfc591f4] .cm-completionIcon-type:after {
6209
+ [data-v-dbc85839] .cm-completionIcon-type:after {
6174
6210
  color: var(--scalar-color-3) !important;
6175
6211
  }
6176
- [data-v-dfc591f4] .cm-tooltip-autocomplete ul li[aria-selected] {
6212
+ [data-v-dbc85839] .cm-tooltip-autocomplete ul li[aria-selected] {
6177
6213
  background: var(--scalar-background-2) !important;
6178
6214
  color: var(--scalar-color-1) !important;
6179
6215
  }
6180
- [data-v-dfc591f4] .cm-tooltip-autocomplete ul {
6216
+ [data-v-dbc85839] .cm-tooltip-autocomplete ul {
6181
6217
  padding: 6px !important;
6182
6218
  position: relative;
6183
6219
  }
6184
- [data-v-dfc591f4] .cm-tooltip-autocomplete ul li:hover {
6220
+ [data-v-dbc85839] .cm-tooltip-autocomplete ul li:hover {
6185
6221
  border-radius: 3px;
6186
6222
  color: var(--scalar-color-1) !important;
6187
6223
  background: var(--scalar-background-3) !important;
6188
6224
  }
6189
6225
  /* Disable active line highlighting */
6190
- [data-v-dfc591f4] .cm-activeLine,[data-v-dfc591f4] .cm-activeLineGutter {
6226
+ [data-v-dbc85839] .cm-activeLine,[data-v-dbc85839] .cm-activeLineGutter {
6191
6227
  background-color: transparent;
6192
6228
  }
6193
6229
  /* Color selection matching */
6194
- [data-v-dfc591f4] .cm-selectionMatch,[data-v-dfc591f4] .cm-matchingBracket {
6230
+ [data-v-dbc85839] .cm-selectionMatch,[data-v-dbc85839] .cm-matchingBracket {
6195
6231
  border-radius: var(--scalar-radius);
6196
6232
  background: var(--scalar-background-4) !important;
6197
6233
  }
6198
6234
  /* Color Picker Swatches */
6199
- [data-v-dfc591f4] .cm-css-color-picker-wrapper {
6235
+ [data-v-dbc85839] .cm-css-color-picker-wrapper {
6200
6236
  display: inline-flex;
6201
6237
  outline: 1px solid var(--scalar-background-3);
6202
6238
  border-radius: 3px;
6203
6239
  overflow: hidden;
6204
6240
  }
6205
6241
  /* Number gutter */
6206
- [data-v-dfc591f4] .cm-gutters {
6242
+ [data-v-dbc85839] .cm-gutters {
6207
6243
  background-color: transparent;
6208
6244
  border-right: none;
6209
6245
  color: var(--scalar-color-3);
@@ -6211,7 +6247,7 @@ to {
6211
6247
  line-height: 22px;
6212
6248
  border-radius: 0 0 0 3px;
6213
6249
  }
6214
- [data-v-dfc591f4] .cm-gutters:before {
6250
+ [data-v-dbc85839] .cm-gutters:before {
6215
6251
  content: '';
6216
6252
  position: absolute;
6217
6253
  top: 2px;
@@ -6221,7 +6257,7 @@ to {
6221
6257
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
6222
6258
  background-color: var(--scalar-background-1);
6223
6259
  }
6224
- [data-v-dfc591f4] .cm-gutterElement {
6260
+ [data-v-dbc85839] .cm-gutterElement {
6225
6261
  font-family: var(--scalar-font-code) !important;
6226
6262
  padding-left: 0px !important;
6227
6263
  padding-right: 6px !important;
@@ -6230,16 +6266,23 @@ to {
6230
6266
  justify-content: flex-end;
6231
6267
  position: relative;
6232
6268
  }
6233
- [data-v-dfc591f4] .cm-lineNumbers .cm-gutterElement {
6269
+ [data-v-dbc85839] .cm-lineNumbers .cm-gutterElement {
6234
6270
  min-width: fit-content;
6235
6271
  }
6236
- [data-v-dfc591f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
6272
+ [data-v-dbc85839] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
6237
6273
  padding-left: 0 !important;
6238
6274
  }
6239
- [data-v-dfc591f4] .cm-scroller {
6275
+ [data-v-dbc85839] .cm-scroller {
6240
6276
  overflow: auto;
6241
6277
  }
6242
- .line-wrapping[data-v-dfc591f4]:focus-within .cm-content {
6278
+ [data-v-dbc85839] .cm-lineWrapping .cm-line {
6279
+ word-break: break-all;
6280
+ }
6281
+ [data-v-dbc85839] .cm-lineWrapping .cm-content {
6282
+ white-space: pre-wrap;
6283
+ max-height: none;
6284
+ }
6285
+ .line-wrapping[data-v-dbc85839]:focus-within .cm-content {
6243
6286
  display: inline-table;
6244
6287
  min-height: fit-content;
6245
6288
  padding: 3px 6px;
@@ -6304,13 +6347,13 @@ to {
6304
6347
  color: var(--scalar-color-1);
6305
6348
  }
6306
6349
 
6307
- .code-input-lite[data-v-4dfd05a3] {
6350
+ .code-input-lite[data-v-b22775cd] {
6308
6351
  /* Flex so the editor centres vertically in whatever height the cell gives us.
6309
6352
  Font properties inherit so we adopt the surrounding typography. */
6310
6353
  display: flex;
6311
6354
  align-items: center;
6312
6355
  }
6313
- .code-input-lite__editor[data-v-4dfd05a3] {
6356
+ .code-input-lite__editor[data-v-b22775cd] {
6314
6357
  /* Everything font-related inherits from the surrounding context. */
6315
6358
  font: inherit;
6316
6359
  letter-spacing: inherit;
@@ -6332,7 +6375,7 @@ to {
6332
6375
  /* Positioning context for the absolutely positioned placeholder. */
6333
6376
  position: relative;
6334
6377
  }
6335
- .code-input-lite__editor[data-v-4dfd05a3]::-webkit-scrollbar {
6378
+ .code-input-lite__editor[data-v-b22775cd]::-webkit-scrollbar {
6336
6379
  display: none;
6337
6380
  }
6338
6381
 
@@ -6340,7 +6383,7 @@ to {
6340
6383
  contenteditable; otherwise the caret would land after it on focus.
6341
6384
  `pointer-events: none` lets clicks fall through to focus the editor.
6342
6385
  Hidden on focus so it never renders on top of the text caret. */
6343
- .code-input-lite--empty .code-input-lite__editor[data-v-4dfd05a3]:not(:focus)::before {
6386
+ .code-input-lite--empty .code-input-lite__editor[data-v-b22775cd]:not(:focus)::before {
6344
6387
  content: attr(data-placeholder);
6345
6388
  color: var(--scalar-color-3);
6346
6389
  pointer-events: none;
@@ -6351,7 +6394,7 @@ to {
6351
6394
  display: flex;
6352
6395
  align-items: center;
6353
6396
  }
6354
- .code-input-lite--error .code-input-lite__editor[data-v-4dfd05a3] {
6397
+ .code-input-lite--error .code-input-lite__editor[data-v-b22775cd] {
6355
6398
  outline: 1px solid var(--scalar-color-red);
6356
6399
  }
6357
6400
 
@@ -6395,20 +6438,20 @@ to {
6395
6438
  background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
6396
6439
  }
6397
6440
 
6398
- [data-v-13500378] .code-input-lite__editor {
6441
+ [data-v-8c8a738b] .code-input-lite__editor {
6399
6442
  background-color: transparent;
6400
6443
  font-family: var(--scalar-font);
6401
6444
  font-size: var(--scalar-small);
6402
6445
  padding: 5px 8px;
6403
6446
  }
6404
- [data-v-13500378] .scalar-pill:not(:last-of-type) {
6447
+ [data-v-8c8a738b] .scalar-pill:not(:last-of-type) {
6405
6448
  margin-right: 0.15em;
6406
6449
  }
6407
- [data-v-13500378] .scalar-pill:not(:first-of-type) {
6450
+ [data-v-8c8a738b] .scalar-pill:not(:first-of-type) {
6408
6451
  margin-left: 0.5px;
6409
6452
  }
6410
6453
 
6411
- [data-v-928dfb0c] .cm-content {
6454
+ [data-v-d1ae5565] .cm-content {
6412
6455
  font-size: var(--scalar-small);
6413
6456
  }
6414
6457
 
@@ -6460,20 +6503,20 @@ input[data-v-a6f4752a]::placeholder {
6460
6503
  scrollbar-width: none;
6461
6504
  }
6462
6505
 
6463
- .request-section-content[data-v-bfd0db87] {
6506
+ .request-section-content[data-v-5d6c8262] {
6464
6507
  --scalar-border-width: 0.5px;
6465
6508
  }
6466
- .request-section-content-filter[data-v-bfd0db87] {
6509
+ .request-section-content-filter[data-v-5d6c8262] {
6467
6510
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
6468
6511
  }
6469
- .request-item:focus-within .request-meta-buttons[data-v-bfd0db87] {
6512
+ .request-item:focus-within .request-meta-buttons[data-v-5d6c8262] {
6470
6513
  opacity: 1;
6471
6514
  }
6472
- .group-hover-input[data-v-bfd0db87] {
6515
+ .group-hover-input[data-v-5d6c8262] {
6473
6516
  border-width: var(--scalar-border-width);
6474
6517
  border-color: transparent;
6475
6518
  }
6476
- .group:hover .group-hover-input[data-v-bfd0db87] {
6519
+ .group:hover .group-hover-input[data-v-5d6c8262] {
6477
6520
  background: color-mix(
6478
6521
  in srgb,
6479
6522
  var(--scalar-background-1),
@@ -6481,24 +6524,27 @@ input[data-v-a6f4752a]::placeholder {
6481
6524
  );
6482
6525
  border-color: var(--scalar-border-color);
6483
6526
  }
6484
- .group-hover-input[data-v-bfd0db87]:focus {
6527
+ .group-hover-input[data-v-5d6c8262]:focus {
6485
6528
  background: transparent !important;
6486
6529
  border-color: var(--scalar-border-color) !important;
6487
6530
  }
6488
6531
 
6489
- [data-v-8c1df828] .cm-editor {
6532
+ [data-v-6e055eb2] .cm-editor {
6490
6533
  background-color: transparent;
6491
6534
  font-size: var(--scalar-small);
6492
6535
  outline: none;
6493
6536
  }
6494
- [data-v-8c1df828] .cm-gutters {
6537
+ [data-v-6e055eb2] .cm-gutters {
6495
6538
  background-color: var(--scalar-background-1);
6496
6539
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
6497
6540
  }
6498
- [data-v-8c1df828] .cm-scroller {
6541
+ [data-v-6e055eb2] .cm-scroller {
6499
6542
  overflow: auto;
6500
6543
  min-width: 100%;
6501
6544
  }
6545
+ [data-v-6e055eb2] .cm-lineWrapping .cm-line {
6546
+ word-break: break-all;
6547
+ }
6502
6548
 
6503
6549
  .light-mode .bg-preview[data-v-a10b4008] {
6504
6550
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
@@ -6558,11 +6604,11 @@ input[data-v-a6f4752a]::placeholder {
6558
6604
  opacity: 0;
6559
6605
  }
6560
6606
 
6561
- .animate-response-heading .response-heading[data-v-7a7c6611] {
6562
- animation: push-response-7a7c6611 0.2s ease-in-out forwards;
6607
+ .animate-response-heading .response-heading[data-v-b969ac76] {
6608
+ animation: push-response-b969ac76 0.2s ease-in-out forwards;
6563
6609
  opacity: 1;
6564
6610
  }
6565
- @keyframes push-response-7a7c6611 {
6611
+ @keyframes push-response-b969ac76 {
6566
6612
  from {
6567
6613
  opacity: 1;
6568
6614
  transform: translateY(0);
@@ -6572,11 +6618,11 @@ to {
6572
6618
  transform: translateY(-4px);
6573
6619
  }
6574
6620
  }
6575
- .animate-response-heading .animate-response-children[data-v-7a7c6611] {
6576
- animation: response-spans-7a7c6611 0.2s ease-in-out forwards 0.05s;
6621
+ .animate-response-heading .animate-response-children[data-v-b969ac76] {
6622
+ animation: response-spans-b969ac76 0.2s ease-in-out forwards 0.05s;
6577
6623
  opacity: 0;
6578
6624
  }
6579
- @keyframes response-spans-7a7c6611 {
6625
+ @keyframes response-spans-b969ac76 {
6580
6626
  from {
6581
6627
  opacity: 0;
6582
6628
  transform: translateY(4px);
@@ -6587,13 +6633,13 @@ to {
6587
6633
  }
6588
6634
  }
6589
6635
 
6590
- .description[data-v-649f9a0d] .markdown {
6636
+ .description[data-v-9775eaaf] .markdown {
6591
6637
  font-weight: var(--scalar-semibold);
6592
6638
  color: var(--scalar-color--1);
6593
6639
  padding: 0 0;
6594
6640
  display: block;
6595
6641
  }
6596
- .description[data-v-649f9a0d] .markdown > *:first-child {
6642
+ .description[data-v-9775eaaf] .markdown > *:first-child {
6597
6643
  margin-top: 0;
6598
6644
  }
6599
6645
 
@@ -6604,21 +6650,21 @@ to {
6604
6650
  background: var(--scalar-background-2);
6605
6651
  }
6606
6652
 
6607
- [data-v-c414dc68] .cm-editor {
6653
+ [data-v-1f68de05] .cm-editor {
6608
6654
  height: 100%;
6609
6655
  outline: none;
6610
6656
  width: 100%;
6611
6657
  }
6612
- [data-v-c414dc68] .cm-line {
6658
+ [data-v-1f68de05] .cm-line {
6613
6659
  padding: 0;
6614
6660
  }
6615
- [data-v-c414dc68] .cm-content {
6661
+ [data-v-1f68de05] .cm-content {
6616
6662
  padding: 0;
6617
6663
  display: flex;
6618
6664
  align-items: center;
6619
6665
  font-size: var(--scalar-small);
6620
6666
  }
6621
- .scroll-timeline-x[data-v-c414dc68] {
6667
+ .scroll-timeline-x[data-v-1f68de05] {
6622
6668
  -ms-overflow-style: none;
6623
6669
  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
6624
6670
  element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -6631,31 +6677,31 @@ to {
6631
6677
  transparent 100%
6632
6678
  );
6633
6679
  }
6634
- .scroll-timeline-x-hidden[data-v-c414dc68] {
6680
+ .scroll-timeline-x-hidden[data-v-1f68de05] {
6635
6681
  overflow-x: auto;
6636
6682
  }
6637
- .scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller {
6683
+ .scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller {
6638
6684
  scrollbar-width: none;
6639
6685
  -ms-overflow-style: none;
6640
6686
  padding-right: 20px;
6641
6687
  overflow: auto;
6642
6688
  }
6643
- .scroll-timeline-x-hidden[data-v-c414dc68]::-webkit-scrollbar {
6689
+ .scroll-timeline-x-hidden[data-v-1f68de05]::-webkit-scrollbar {
6644
6690
  width: 0;
6645
6691
  height: 0;
6646
6692
  display: none;
6647
6693
  }
6648
- .scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller::-webkit-scrollbar {
6694
+ .scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller::-webkit-scrollbar {
6649
6695
  width: 0;
6650
6696
  height: 0;
6651
6697
  display: none;
6652
6698
  }
6653
- .scroll-timeline-x-address[data-v-c414dc68] {
6699
+ .scroll-timeline-x-address[data-v-1f68de05] {
6654
6700
  line-height: 27px;
6655
6701
  scrollbar-width: none; /* Firefox */
6656
6702
  }
6657
6703
  /* make clickable are to left of send button */
6658
- .scroll-timeline-x-address[data-v-c414dc68]:after {
6704
+ .scroll-timeline-x-address[data-v-1f68de05]:after {
6659
6705
  content: '';
6660
6706
  position: absolute;
6661
6707
  height: 100%;
@@ -6663,12 +6709,12 @@ to {
6663
6709
  right: 0;
6664
6710
  cursor: text;
6665
6711
  }
6666
- .scroll-timeline-x-address[data-v-c414dc68]:empty:before {
6712
+ .scroll-timeline-x-address[data-v-1f68de05]:empty:before {
6667
6713
  content: 'Enter URL or cURL request';
6668
6714
  color: var(--scalar-color-3);
6669
6715
  pointer-events: none;
6670
6716
  }
6671
- .address-bar-bg-states[data-v-c414dc68] {
6717
+ .address-bar-bg-states[data-v-1f68de05] {
6672
6718
  --scalar-address-bar-bg: color-mix(
6673
6719
  in srgb,
6674
6720
  var(--scalar-background-1),
@@ -6676,22 +6722,22 @@ to {
6676
6722
  );
6677
6723
  background: var(--scalar-address-bar-bg);
6678
6724
  }
6679
- .address-bar-bg-states[data-v-c414dc68]:has(.cm-focused) {
6725
+ .address-bar-bg-states[data-v-1f68de05]:has(.cm-focused) {
6680
6726
  --scalar-address-bar-bg: var(--scalar-background-1);
6681
6727
  border-color: var(--scalar-border-color);
6682
6728
  outline-width: 1px;
6683
6729
  outline-style: solid;
6684
6730
  }
6685
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-c414dc68],
6686
- .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-c414dc68] {
6731
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-1f68de05],
6732
+ .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-1f68de05] {
6687
6733
  --scalar-address-bar-bg: var(--scalar-background-1);
6688
6734
  }
6689
6735
 
6690
- .app-exit-button[data-v-3769522e] {
6736
+ .app-exit-button[data-v-821957c1] {
6691
6737
  color: white;
6692
6738
  background: rgba(0, 0, 0, 0.1);
6693
6739
  }
6694
- .app-exit-button[data-v-3769522e]:hover {
6740
+ .app-exit-button[data-v-821957c1]:hover {
6695
6741
  background: rgba(255, 255, 255, 0.1);
6696
6742
  }
6697
6743
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -6816,7 +6862,7 @@ to {
6816
6862
  line-height: normal;
6817
6863
  }
6818
6864
 
6819
- .ref-search-meta[data-v-d1af4404] {
6865
+ .ref-search-meta[data-v-89ab8a2d] {
6820
6866
  background: var(--scalar-background-1);
6821
6867
  border-bottom-left-radius: var(--scalar-radius-lg);
6822
6868
  border-bottom-right-radius: var(--scalar-radius-lg);
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "testing",
20
20
  "react"
21
21
  ],
22
- "version": "2.0.44",
22
+ "version": "2.0.46",
23
23
  "engines": {
24
24
  "node": ">=22"
25
25
  },
@@ -39,10 +39,10 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/api-client": "3.18.0",
43
- "@scalar/helpers": "0.11.3",
44
- "@scalar/blocks": "0.1.16",
45
- "@scalar/workspace-store": "0.60.0"
42
+ "@scalar/api-client": "3.19.1",
43
+ "@scalar/blocks": "0.1.18",
44
+ "@scalar/helpers": "0.12.0",
45
+ "@scalar/workspace-store": "0.62.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@testing-library/dom": "^10.4.1",