@scalar/api-client-react 2.0.48 → 2.0.49

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,7 @@
1
1
  # @scalar/api-client-react
2
2
 
3
+ ## 2.0.49
4
+
3
5
  ## 2.0.48
4
6
 
5
7
  ## 2.0.47
package/dist/style.css CHANGED
@@ -68,6 +68,7 @@
68
68
  --tw-mask-bottom-from-color: black;
69
69
  --tw-mask-bottom-to-color: transparent;
70
70
  --tw-leading: initial;
71
+ --tw-tracking: initial;
71
72
  --tw-ordinal: initial;
72
73
  --tw-slashed-zero: initial;
73
74
  --tw-numeric-figure: initial;
@@ -400,6 +401,7 @@
400
401
  }
401
402
 
402
403
  :root, :host {
404
+ --tracking-widest: .1em;
403
405
  --leading-snug: 1.375;
404
406
  --leading-normal: 1.5;
405
407
  --ease-in: cubic-bezier(.4, 0, 1, 1);
@@ -2041,6 +2043,10 @@
2041
2043
  inset-block: 2px;
2042
2044
  }
2043
2045
 
2046
+ .scalar-app .-end-\[30px\] {
2047
+ inset-inline-end: -30px;
2048
+ }
2049
+
2044
2050
  .scalar-app .-top-1 {
2045
2051
  top: -4px;
2046
2052
  }
@@ -2097,10 +2103,6 @@
2097
2103
  right: -6px;
2098
2104
  }
2099
2105
 
2100
- .scalar-app .-right-\[30px\] {
2101
- right: -30px;
2102
- }
2103
-
2104
2106
  .scalar-app .right-0 {
2105
2107
  right: 0;
2106
2108
  }
@@ -2309,10 +2311,6 @@
2309
2311
  margin-inline: calc(var(--scalar-sidebar-padding) * -1);
2310
2312
  }
2311
2313
 
2312
- .scalar-app .-mx-0\.25 {
2313
- margin-inline: -1px;
2314
- }
2315
-
2316
2314
  .scalar-app .-mx-0\.75 {
2317
2315
  margin-inline: -3px;
2318
2316
  }
@@ -2365,6 +2363,14 @@
2365
2363
  margin-block: 48px;
2366
2364
  }
2367
2365
 
2366
+ .scalar-app .ms-auto {
2367
+ margin-inline-start: auto;
2368
+ }
2369
+
2370
+ .scalar-app .me-1\.5 {
2371
+ margin-inline-end: 6px;
2372
+ }
2373
+
2368
2374
  .scalar-app .-mt-\(--scalar-sidebar-padding\) {
2369
2375
  margin-top: calc(var(--scalar-sidebar-padding) * -1);
2370
2376
  }
@@ -4273,6 +4279,11 @@
4273
4279
  font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
4274
4280
  }
4275
4281
 
4282
+ .scalar-app .tracking-widest {
4283
+ --tw-tracking: var(--tracking-widest);
4284
+ letter-spacing: var(--tracking-widest);
4285
+ }
4286
+
4276
4287
  .scalar-app .text-balance {
4277
4288
  text-wrap: balance;
4278
4289
  }
@@ -4289,6 +4300,10 @@
4289
4300
  overflow-wrap: break-word;
4290
4301
  }
4291
4302
 
4303
+ .scalar-app .break-all {
4304
+ word-break: break-all;
4305
+ }
4306
+
4292
4307
  .scalar-app .text-ellipsis {
4293
4308
  text-overflow: ellipsis;
4294
4309
  }
@@ -4687,6 +4702,11 @@
4687
4702
  outline-style: none;
4688
4703
  }
4689
4704
 
4705
+ .scalar-app .select-all {
4706
+ -webkit-user-select: all;
4707
+ user-select: all;
4708
+ }
4709
+
4690
4710
  .scalar-app .select-none {
4691
4711
  -webkit-user-select: none;
4692
4712
  user-select: none;
@@ -5472,8 +5492,8 @@
5472
5492
  padding: 0;
5473
5493
  }
5474
5494
 
5475
- .scalar-app .lg\:pr-24 {
5476
- padding-right: 96px;
5495
+ .scalar-app .lg\:pe-24 {
5496
+ padding-inline-end: 96px;
5477
5497
  }
5478
5498
  }
5479
5499
 
@@ -5906,6 +5926,11 @@
5906
5926
  inherits: false
5907
5927
  }
5908
5928
 
5929
+ @property --tw-tracking {
5930
+ syntax: "*";
5931
+ inherits: false
5932
+ }
5933
+
5909
5934
  @property --tw-ordinal {
5910
5935
  syntax: "*";
5911
5936
  inherits: false
@@ -6060,7 +6085,7 @@ to {
6060
6085
  }
6061
6086
  }
6062
6087
 
6063
- .open-api-client-button[data-v-cd067f84] {
6088
+ .open-api-client-button[data-v-8cc9a5bf] {
6064
6089
  cursor: pointer;
6065
6090
  width: 100%;
6066
6091
  padding: 9px 12px;
@@ -6079,39 +6104,46 @@ to {
6079
6104
  gap: 6px;
6080
6105
  color: var(--scalar-sidebar-color-1);
6081
6106
  }
6082
- .open-api-client-button[data-v-cd067f84]:hover {
6107
+ .open-api-client-button[data-v-8cc9a5bf]:hover {
6083
6108
  background: var(
6084
6109
  --scalar-sidebar-item-hover-background,
6085
6110
  var(--scalar-background-2)
6086
6111
  );
6087
6112
  }
6088
6113
 
6089
- .fade-request-section-content[data-v-ac788106] {
6114
+ .fade-request-section-content[data-v-48147b15] {
6090
6115
  background: linear-gradient(
6091
6116
  to left,
6092
6117
  var(--scalar-background-1) 64%,
6093
6118
  transparent
6094
6119
  );
6095
6120
  }
6096
- .filter-hover[data-v-ac788106] {
6121
+ .fade-request-section-content[data-v-48147b15]:dir(rtl) {
6122
+ background: linear-gradient(
6123
+ to right,
6124
+ var(--scalar-background-1) 64%,
6125
+ transparent
6126
+ );
6127
+ }
6128
+ .filter-hover[data-v-48147b15] {
6097
6129
  height: 100%;
6098
- padding-right: 39px;
6099
- padding-left: 24px;
6130
+ padding-inline-end: 39px;
6131
+ padding-inline-start: 24px;
6100
6132
  position: absolute;
6101
- right: 0;
6133
+ inset-inline-end: 0;
6102
6134
  transition: width 0s ease-in-out 0.2s;
6103
6135
  overflow: hidden;
6104
6136
  }
6105
- .filter-hover[data-v-ac788106]:hover,
6106
- .filter-hover[data-v-ac788106]:has(:focus-visible) {
6137
+ .filter-hover[data-v-48147b15]:hover,
6138
+ .filter-hover[data-v-48147b15]:has(:focus-visible) {
6107
6139
  width: 100%;
6108
6140
  z-index: 10;
6109
6141
  }
6110
- .filter-hover[data-v-ac788106]:before {
6142
+ .filter-hover[data-v-48147b15]:before {
6111
6143
  content: '';
6112
6144
  position: absolute;
6113
6145
  top: 0;
6114
- left: 0;
6146
+ inset-inline-start: 0;
6115
6147
  width: 100%;
6116
6148
  height: fit-content;
6117
6149
  background-color: var(--scalar-background-1);
@@ -6119,82 +6151,82 @@ to {
6119
6151
  transition: all 0.3s ease-in-out;
6120
6152
  pointer-events: none;
6121
6153
  }
6122
- .filter-hover-item[data-v-ac788106] {
6154
+ .filter-hover-item[data-v-48147b15] {
6123
6155
  opacity: 0;
6124
6156
  }
6125
- .filter-hover-item[data-v-ac788106]:not(:last-of-type) {
6157
+ .filter-hover-item[data-v-48147b15]:not(:last-of-type) {
6126
6158
  transform: translate3d(0, 3px, 0);
6127
6159
  }
6128
- .filter-hover:hover .filter-hover-item[data-v-ac788106] {
6160
+ .filter-hover:hover .filter-hover-item[data-v-48147b15] {
6129
6161
  transition:
6130
6162
  opacity 0.2s ease-in-out,
6131
6163
  transform 0.2s ease-in-out;
6132
6164
  }
6133
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(1) {
6165
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(1) {
6134
6166
  transition-delay: 0.05s;
6135
6167
  }
6136
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(2) {
6168
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(2) {
6137
6169
  transition-delay: 0.1s;
6138
6170
  }
6139
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(3) {
6171
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(3) {
6140
6172
  transition-delay: 0.15s;
6141
6173
  }
6142
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(4) {
6174
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(4) {
6143
6175
  transition-delay: 0.2s;
6144
6176
  }
6145
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(5) {
6177
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(5) {
6146
6178
  transition-delay: 0.25s;
6147
6179
  }
6148
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(6) {
6180
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(6) {
6149
6181
  transition-delay: 0.3s;
6150
6182
  }
6151
- .filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(7) {
6183
+ .filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(7) {
6152
6184
  transition-delay: 0.35s;
6153
6185
  }
6154
- .filter-hover:hover .filter-hover-item[data-v-ac788106],
6155
- .filter-hover:has(:focus-visible) .filter-hover-item[data-v-ac788106] {
6186
+ .filter-hover:hover .filter-hover-item[data-v-48147b15],
6187
+ .filter-hover:has(:focus-visible) .filter-hover-item[data-v-48147b15] {
6156
6188
  opacity: 1;
6157
6189
  transform: translate3d(0, 0, 0);
6158
6190
  }
6159
- .filter-hover[data-v-ac788106]:hover:before,
6160
- .filter-hover[data-v-ac788106]:has(:focus-visible):before {
6191
+ .filter-hover[data-v-48147b15]:hover:before,
6192
+ .filter-hover[data-v-48147b15]:has(:focus-visible):before {
6161
6193
  opacity: 0.9;
6162
6194
  backdrop-filter: blur(10px);
6163
6195
  }
6164
- .filter-button[data-v-ac788106] {
6196
+ .filter-button[data-v-48147b15] {
6165
6197
  top: 50%;
6166
6198
  transform: translateY(-50%);
6167
6199
  }
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] {
6200
+ .context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-48147b15],
6201
+ .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-48147b15] {
6170
6202
  --tw-text-opacity: 1;
6171
6203
  color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
6172
6204
  }
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] {
6205
+ .context-bar-group:hover .context-bar-group-hover\:hidden[data-v-48147b15],
6206
+ .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-48147b15] {
6175
6207
  display: none;
6176
6208
  }
6177
6209
 
6178
6210
  /*
6179
6211
  Deep styling for customizing Codemirror
6180
6212
  */
6181
- [data-v-dbc85839] .cm-editor {
6213
+ [data-v-2334e03b] .cm-editor {
6182
6214
  height: 100%;
6183
6215
  outline: none;
6184
6216
  padding: 0;
6185
6217
  background: transparent;
6186
6218
  }
6187
- [data-v-dbc85839] .cm-placeholder {
6219
+ [data-v-2334e03b] .cm-placeholder {
6188
6220
  color: var(--scalar-color-3);
6189
6221
  }
6190
- [data-v-dbc85839] .cm-content {
6222
+ [data-v-2334e03b] .cm-content {
6191
6223
  font-family: var(--scalar-font-code);
6192
6224
  font-size: var(--scalar-small);
6193
6225
  max-height: 20px;
6194
6226
  padding: 8px 0;
6195
6227
  }
6196
6228
  /* Tooltip helper */
6197
- [data-v-dbc85839] .cm-tooltip {
6229
+ [data-v-2334e03b] .cm-tooltip {
6198
6230
  background: transparent !important;
6199
6231
  filter: brightness(var(--scalar-lifted-brightness));
6200
6232
  border-radius: var(--scalar-radius);
@@ -6203,43 +6235,43 @@ to {
6203
6235
  outline: none !important;
6204
6236
  overflow: hidden !important;
6205
6237
  }
6206
- [data-v-dbc85839] .cm-tooltip-autocomplete ul li {
6238
+ [data-v-2334e03b] .cm-tooltip-autocomplete ul li {
6207
6239
  padding: 3px 6px !important;
6208
6240
  }
6209
- [data-v-dbc85839] .cm-completionIcon-type:after {
6241
+ [data-v-2334e03b] .cm-completionIcon-type:after {
6210
6242
  color: var(--scalar-color-3) !important;
6211
6243
  }
6212
- [data-v-dbc85839] .cm-tooltip-autocomplete ul li[aria-selected] {
6244
+ [data-v-2334e03b] .cm-tooltip-autocomplete ul li[aria-selected] {
6213
6245
  background: var(--scalar-background-2) !important;
6214
6246
  color: var(--scalar-color-1) !important;
6215
6247
  }
6216
- [data-v-dbc85839] .cm-tooltip-autocomplete ul {
6248
+ [data-v-2334e03b] .cm-tooltip-autocomplete ul {
6217
6249
  padding: 6px !important;
6218
6250
  position: relative;
6219
6251
  }
6220
- [data-v-dbc85839] .cm-tooltip-autocomplete ul li:hover {
6252
+ [data-v-2334e03b] .cm-tooltip-autocomplete ul li:hover {
6221
6253
  border-radius: 3px;
6222
6254
  color: var(--scalar-color-1) !important;
6223
6255
  background: var(--scalar-background-3) !important;
6224
6256
  }
6225
6257
  /* Disable active line highlighting */
6226
- [data-v-dbc85839] .cm-activeLine,[data-v-dbc85839] .cm-activeLineGutter {
6258
+ [data-v-2334e03b] .cm-activeLine,[data-v-2334e03b] .cm-activeLineGutter {
6227
6259
  background-color: transparent;
6228
6260
  }
6229
6261
  /* Color selection matching */
6230
- [data-v-dbc85839] .cm-selectionMatch,[data-v-dbc85839] .cm-matchingBracket {
6262
+ [data-v-2334e03b] .cm-selectionMatch,[data-v-2334e03b] .cm-matchingBracket {
6231
6263
  border-radius: var(--scalar-radius);
6232
6264
  background: var(--scalar-background-4) !important;
6233
6265
  }
6234
6266
  /* Color Picker Swatches */
6235
- [data-v-dbc85839] .cm-css-color-picker-wrapper {
6267
+ [data-v-2334e03b] .cm-css-color-picker-wrapper {
6236
6268
  display: inline-flex;
6237
6269
  outline: 1px solid var(--scalar-background-3);
6238
6270
  border-radius: 3px;
6239
6271
  overflow: hidden;
6240
6272
  }
6241
6273
  /* Number gutter */
6242
- [data-v-dbc85839] .cm-gutters {
6274
+ [data-v-2334e03b] .cm-gutters {
6243
6275
  background-color: transparent;
6244
6276
  border-right: none;
6245
6277
  color: var(--scalar-color-3);
@@ -6247,7 +6279,7 @@ to {
6247
6279
  line-height: 22px;
6248
6280
  border-radius: 0 0 0 3px;
6249
6281
  }
6250
- [data-v-dbc85839] .cm-gutters:before {
6282
+ [data-v-2334e03b] .cm-gutters:before {
6251
6283
  content: '';
6252
6284
  position: absolute;
6253
6285
  top: 2px;
@@ -6257,7 +6289,7 @@ to {
6257
6289
  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
6258
6290
  background-color: var(--scalar-background-1);
6259
6291
  }
6260
- [data-v-dbc85839] .cm-gutterElement {
6292
+ [data-v-2334e03b] .cm-gutterElement {
6261
6293
  font-family: var(--scalar-font-code) !important;
6262
6294
  padding-left: 0px !important;
6263
6295
  padding-right: 6px !important;
@@ -6266,23 +6298,23 @@ to {
6266
6298
  justify-content: flex-end;
6267
6299
  position: relative;
6268
6300
  }
6269
- [data-v-dbc85839] .cm-lineNumbers .cm-gutterElement {
6301
+ [data-v-2334e03b] .cm-lineNumbers .cm-gutterElement {
6270
6302
  min-width: fit-content;
6271
6303
  }
6272
- [data-v-dbc85839] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
6304
+ [data-v-2334e03b] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
6273
6305
  padding-left: 0 !important;
6274
6306
  }
6275
- [data-v-dbc85839] .cm-scroller {
6307
+ [data-v-2334e03b] .cm-scroller {
6276
6308
  overflow: auto;
6277
6309
  }
6278
- [data-v-dbc85839] .cm-lineWrapping .cm-line {
6310
+ [data-v-2334e03b] .cm-lineWrapping .cm-line {
6279
6311
  word-break: break-all;
6280
6312
  }
6281
- [data-v-dbc85839] .cm-lineWrapping .cm-content {
6313
+ [data-v-2334e03b] .cm-lineWrapping .cm-content {
6282
6314
  white-space: pre-wrap;
6283
6315
  max-height: none;
6284
6316
  }
6285
- .line-wrapping[data-v-dbc85839]:focus-within .cm-content {
6317
+ .line-wrapping[data-v-2334e03b]:focus-within .cm-content {
6286
6318
  display: inline-table;
6287
6319
  min-height: fit-content;
6288
6320
  padding: 3px 6px;
@@ -6347,13 +6379,13 @@ to {
6347
6379
  color: var(--scalar-color-1);
6348
6380
  }
6349
6381
 
6350
- .code-input-lite[data-v-b22775cd] {
6382
+ .code-input-lite[data-v-9bca2f92] {
6351
6383
  /* Flex so the editor centres vertically in whatever height the cell gives us.
6352
6384
  Font properties inherit so we adopt the surrounding typography. */
6353
6385
  display: flex;
6354
6386
  align-items: center;
6355
6387
  }
6356
- .code-input-lite__editor[data-v-b22775cd] {
6388
+ .code-input-lite__editor[data-v-9bca2f92] {
6357
6389
  /* Everything font-related inherits from the surrounding context. */
6358
6390
  font: inherit;
6359
6391
  letter-spacing: inherit;
@@ -6375,7 +6407,7 @@ to {
6375
6407
  /* Positioning context for the absolutely positioned placeholder. */
6376
6408
  position: relative;
6377
6409
  }
6378
- .code-input-lite__editor[data-v-b22775cd]::-webkit-scrollbar {
6410
+ .code-input-lite__editor[data-v-9bca2f92]::-webkit-scrollbar {
6379
6411
  display: none;
6380
6412
  }
6381
6413
 
@@ -6383,7 +6415,7 @@ to {
6383
6415
  contenteditable; otherwise the caret would land after it on focus.
6384
6416
  `pointer-events: none` lets clicks fall through to focus the editor.
6385
6417
  Hidden on focus so it never renders on top of the text caret. */
6386
- .code-input-lite--empty .code-input-lite__editor[data-v-b22775cd]:not(:focus)::before {
6418
+ .code-input-lite--empty .code-input-lite__editor[data-v-9bca2f92]:not(:focus)::before {
6387
6419
  content: attr(data-placeholder);
6388
6420
  color: var(--scalar-color-3);
6389
6421
  pointer-events: none;
@@ -6394,7 +6426,7 @@ to {
6394
6426
  display: flex;
6395
6427
  align-items: center;
6396
6428
  }
6397
- .code-input-lite--error .code-input-lite__editor[data-v-b22775cd] {
6429
+ .code-input-lite--error .code-input-lite__editor[data-v-9bca2f92] {
6398
6430
  outline: 1px solid var(--scalar-color-red);
6399
6431
  }
6400
6432
 
@@ -6438,44 +6470,41 @@ to {
6438
6470
  background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
6439
6471
  }
6440
6472
 
6441
- [data-v-8c8a738b] .code-input-lite__editor {
6473
+ [data-v-bb7a09e9] .code-input-lite__editor {
6442
6474
  background-color: transparent;
6443
6475
  font-family: var(--scalar-font);
6444
6476
  font-size: var(--scalar-small);
6445
6477
  padding: 5px 8px;
6446
6478
  }
6447
- [data-v-8c8a738b] .scalar-pill:not(:last-of-type) {
6479
+ [data-v-bb7a09e9] .scalar-pill:not(:last-of-type) {
6448
6480
  margin-right: 0.15em;
6449
6481
  }
6450
- [data-v-8c8a738b] .scalar-pill:not(:first-of-type) {
6482
+ [data-v-bb7a09e9] .scalar-pill:not(:first-of-type) {
6451
6483
  margin-left: 0.5px;
6452
6484
  }
6453
6485
 
6454
- [data-v-d1ae5565] .cm-content {
6486
+ [data-v-c8b034c3] .cm-content {
6455
6487
  font-size: var(--scalar-small);
6456
6488
  }
6457
6489
 
6458
- [data-v-a6f4752a] .code-input-lite__editor {
6490
+ [data-v-135d11b9] .code-input-lite__editor {
6459
6491
  background-color: transparent;
6460
6492
  font-family: var(--scalar-font);
6461
6493
  font-size: var(--scalar-small);
6462
6494
  padding: 5px 8px;
6463
6495
  }
6464
- [data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
6496
+ [data-v-135d11b9] .scalar-pill:not(:last-of-type) {
6465
6497
  margin-right: 0.15em;
6466
6498
  }
6467
- [data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
6499
+ [data-v-135d11b9] .scalar-pill:not(:first-of-type) {
6468
6500
  margin-left: 0.5px;
6469
6501
  }
6470
- .required[data-v-a6f4752a]::after {
6471
- content: 'Required';
6472
- }
6473
6502
  /* Tailwind placeholder is busted */
6474
- input[data-v-a6f4752a]::placeholder {
6503
+ input[data-v-135d11b9]::placeholder {
6475
6504
  color: var(--scalar-color-3);
6476
6505
  }
6477
6506
  /* we want our inputs to look like a password input but not be one */
6478
- .scalar-password-input[data-v-a6f4752a] {
6507
+ .scalar-password-input[data-v-135d11b9] {
6479
6508
  text-security: disc;
6480
6509
  -webkit-text-security: disc;
6481
6510
  -moz-text-security: disc;
@@ -6503,20 +6532,20 @@ input[data-v-a6f4752a]::placeholder {
6503
6532
  scrollbar-width: none;
6504
6533
  }
6505
6534
 
6506
- .request-section-content[data-v-5d6c8262] {
6535
+ .request-section-content[data-v-4811507f] {
6507
6536
  --scalar-border-width: 0.5px;
6508
6537
  }
6509
- .request-section-content-filter[data-v-5d6c8262] {
6538
+ .request-section-content-filter[data-v-4811507f] {
6510
6539
  box-shadow: 0 -10px 0 10px var(--scalar-background-1);
6511
6540
  }
6512
- .request-item:focus-within .request-meta-buttons[data-v-5d6c8262] {
6541
+ .request-item:focus-within .request-meta-buttons[data-v-4811507f] {
6513
6542
  opacity: 1;
6514
6543
  }
6515
- .group-hover-input[data-v-5d6c8262] {
6544
+ .group-hover-input[data-v-4811507f] {
6516
6545
  border-width: var(--scalar-border-width);
6517
6546
  border-color: transparent;
6518
6547
  }
6519
- .group:hover .group-hover-input[data-v-5d6c8262] {
6548
+ .group:hover .group-hover-input[data-v-4811507f] {
6520
6549
  background: color-mix(
6521
6550
  in srgb,
6522
6551
  var(--scalar-background-1),
@@ -6524,7 +6553,7 @@ input[data-v-a6f4752a]::placeholder {
6524
6553
  );
6525
6554
  border-color: var(--scalar-border-color);
6526
6555
  }
6527
- .group-hover-input[data-v-5d6c8262]:focus {
6556
+ .group-hover-input[data-v-4811507f]:focus {
6528
6557
  background: transparent !important;
6529
6558
  border-color: var(--scalar-border-color) !important;
6530
6559
  }
@@ -6546,14 +6575,14 @@ input[data-v-a6f4752a]::placeholder {
6546
6575
  word-break: break-all;
6547
6576
  }
6548
6577
 
6549
- .light-mode .bg-preview[data-v-a10b4008] {
6578
+ .light-mode .bg-preview[data-v-a9193a63] {
6550
6579
  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");
6551
6580
  }
6552
- .dark-mode .bg-preview[data-v-a10b4008] {
6581
+ .dark-mode .bg-preview[data-v-a9193a63] {
6553
6582
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
6554
6583
  }
6555
6584
 
6556
- .scalar-code-block[data-v-bb31ac6f] .hljs * {
6585
+ .scalar-code-block[data-v-f09bb250] .hljs * {
6557
6586
  font-size: var(--scalar-small);
6558
6587
  }
6559
6588
 
@@ -6564,7 +6593,7 @@ input[data-v-a6f4752a]::placeholder {
6564
6593
  flex-grow: 1;
6565
6594
  }
6566
6595
 
6567
- .scalar-version-number[data-v-1c2fb5fe] {
6596
+ .scalar-version-number[data-v-8ed574de] {
6568
6597
  transform: skew(0deg, 13deg);
6569
6598
  width: 76px;
6570
6599
  height: 76px;
@@ -6584,7 +6613,7 @@ input[data-v-a6f4752a]::placeholder {
6584
6613
  text-transform: initial;
6585
6614
  text-decoration-color: var(--scalar-color-3);
6586
6615
  }
6587
- .scalar-version-number a[data-v-1c2fb5fe] {
6616
+ .scalar-version-number a[data-v-8ed574de] {
6588
6617
  font-weight: bold;
6589
6618
  font-weight: bold;
6590
6619
  background: var(--scalar-background-2);
@@ -6593,22 +6622,22 @@ input[data-v-a6f4752a]::placeholder {
6593
6622
  text-decoration: none;
6594
6623
  border: 0.5px solid var(--scalar-border-color);
6595
6624
  }
6596
- .gitbook-show[data-v-1c2fb5fe] {
6625
+ .gitbook-show[data-v-8ed574de] {
6597
6626
  display: none;
6598
6627
  }
6599
6628
 
6600
- .v-enter-active[data-v-b80db6e2] {
6629
+ .v-enter-active[data-v-28d73262] {
6601
6630
  transition: opacity 0.5s ease;
6602
6631
  }
6603
- .v-enter-from[data-v-b80db6e2] {
6632
+ .v-enter-from[data-v-28d73262] {
6604
6633
  opacity: 0;
6605
6634
  }
6606
6635
 
6607
- .animate-response-heading .response-heading[data-v-e6c572c3] {
6608
- animation: push-response-e6c572c3 0.2s ease-in-out forwards;
6636
+ .animate-response-heading .response-heading[data-v-fd52d047] {
6637
+ animation: push-response-fd52d047 0.2s ease-in-out forwards;
6609
6638
  opacity: 1;
6610
6639
  }
6611
- @keyframes push-response-e6c572c3 {
6640
+ @keyframes push-response-fd52d047 {
6612
6641
  from {
6613
6642
  opacity: 1;
6614
6643
  transform: translateY(0);
@@ -6618,11 +6647,11 @@ to {
6618
6647
  transform: translateY(-4px);
6619
6648
  }
6620
6649
  }
6621
- .animate-response-heading .animate-response-children[data-v-e6c572c3] {
6622
- animation: response-spans-e6c572c3 0.2s ease-in-out forwards 0.05s;
6650
+ .animate-response-heading .animate-response-children[data-v-fd52d047] {
6651
+ animation: response-spans-fd52d047 0.2s ease-in-out forwards 0.05s;
6623
6652
  opacity: 0;
6624
6653
  }
6625
- @keyframes response-spans-e6c572c3 {
6654
+ @keyframes response-spans-fd52d047 {
6626
6655
  from {
6627
6656
  opacity: 0;
6628
6657
  transform: translateY(4px);
@@ -6643,28 +6672,28 @@ to {
6643
6672
  margin-top: 0;
6644
6673
  }
6645
6674
 
6646
- .address-bar-history-button[data-v-12140f4f]:hover {
6675
+ .address-bar-history-button[data-v-36f5ec26]:hover {
6647
6676
  background: var(--scalar-background-3);
6648
6677
  }
6649
- .address-bar-history-button[data-v-12140f4f]:focus-within {
6678
+ .address-bar-history-button[data-v-36f5ec26]:focus-within {
6650
6679
  background: var(--scalar-background-2);
6651
6680
  }
6652
6681
 
6653
- [data-v-3f5b6752] .cm-editor {
6682
+ [data-v-65ff0ebf] .cm-editor {
6654
6683
  height: 100%;
6655
6684
  outline: none;
6656
6685
  width: 100%;
6657
6686
  }
6658
- [data-v-3f5b6752] .cm-line {
6687
+ [data-v-65ff0ebf] .cm-line {
6659
6688
  padding: 0;
6660
6689
  }
6661
- [data-v-3f5b6752] .cm-content {
6690
+ [data-v-65ff0ebf] .cm-content {
6662
6691
  padding: 0;
6663
6692
  display: flex;
6664
6693
  align-items: center;
6665
6694
  font-size: var(--scalar-small);
6666
6695
  }
6667
- .scroll-timeline-x[data-v-3f5b6752] {
6696
+ .scroll-timeline-x[data-v-65ff0ebf] {
6668
6697
  -ms-overflow-style: none;
6669
6698
  /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
6670
6699
  element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -6677,31 +6706,31 @@ to {
6677
6706
  transparent 100%
6678
6707
  );
6679
6708
  }
6680
- .scroll-timeline-x-hidden[data-v-3f5b6752] {
6709
+ .scroll-timeline-x-hidden[data-v-65ff0ebf] {
6681
6710
  overflow-x: auto;
6682
6711
  }
6683
- .scroll-timeline-x-hidden[data-v-3f5b6752] .cm-scroller {
6712
+ .scroll-timeline-x-hidden[data-v-65ff0ebf] .cm-scroller {
6684
6713
  scrollbar-width: none;
6685
6714
  -ms-overflow-style: none;
6686
6715
  padding-right: 20px;
6687
6716
  overflow: auto;
6688
6717
  }
6689
- .scroll-timeline-x-hidden[data-v-3f5b6752]::-webkit-scrollbar {
6718
+ .scroll-timeline-x-hidden[data-v-65ff0ebf]::-webkit-scrollbar {
6690
6719
  width: 0;
6691
6720
  height: 0;
6692
6721
  display: none;
6693
6722
  }
6694
- .scroll-timeline-x-hidden[data-v-3f5b6752] .cm-scroller::-webkit-scrollbar {
6723
+ .scroll-timeline-x-hidden[data-v-65ff0ebf] .cm-scroller::-webkit-scrollbar {
6695
6724
  width: 0;
6696
6725
  height: 0;
6697
6726
  display: none;
6698
6727
  }
6699
- .scroll-timeline-x-address[data-v-3f5b6752] {
6728
+ .scroll-timeline-x-address[data-v-65ff0ebf] {
6700
6729
  line-height: 27px;
6701
6730
  scrollbar-width: none; /* Firefox */
6702
6731
  }
6703
6732
  /* make clickable are to left of send button */
6704
- .scroll-timeline-x-address[data-v-3f5b6752]:after {
6733
+ .scroll-timeline-x-address[data-v-65ff0ebf]:after {
6705
6734
  content: '';
6706
6735
  position: absolute;
6707
6736
  height: 100%;
@@ -6709,12 +6738,7 @@ to {
6709
6738
  right: 0;
6710
6739
  cursor: text;
6711
6740
  }
6712
- .scroll-timeline-x-address[data-v-3f5b6752]:empty:before {
6713
- content: 'Enter URL or cURL request';
6714
- color: var(--scalar-color-3);
6715
- pointer-events: none;
6716
- }
6717
- .address-bar-bg-states[data-v-3f5b6752] {
6741
+ .address-bar-bg-states[data-v-65ff0ebf] {
6718
6742
  --scalar-address-bar-bg: color-mix(
6719
6743
  in srgb,
6720
6744
  var(--scalar-background-1),
@@ -6722,22 +6746,22 @@ to {
6722
6746
  );
6723
6747
  background: var(--scalar-address-bar-bg);
6724
6748
  }
6725
- .address-bar-bg-states[data-v-3f5b6752]:has(.cm-focused) {
6749
+ .address-bar-bg-states[data-v-65ff0ebf]:has(.cm-focused) {
6726
6750
  --scalar-address-bar-bg: var(--scalar-background-1);
6727
6751
  border-color: var(--scalar-border-color);
6728
6752
  outline-width: 1px;
6729
6753
  outline-style: solid;
6730
6754
  }
6731
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-3f5b6752],
6732
- .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-3f5b6752] {
6755
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-65ff0ebf],
6756
+ .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-65ff0ebf] {
6733
6757
  --scalar-address-bar-bg: var(--scalar-background-1);
6734
6758
  }
6735
6759
 
6736
- .app-exit-button[data-v-57d0a8d2] {
6760
+ .app-exit-button[data-v-70c49191] {
6737
6761
  color: white;
6738
6762
  background: rgba(0, 0, 0, 0.1);
6739
6763
  }
6740
- .app-exit-button[data-v-57d0a8d2]:hover {
6764
+ .app-exit-button[data-v-70c49191]:hover {
6741
6765
  background: rgba(255, 255, 255, 0.1);
6742
6766
  }
6743
6767
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -6774,20 +6798,20 @@ to {
6774
6798
  bottom: 0;
6775
6799
  }
6776
6800
 
6777
- [data-v-5b336842] .code-input-lite__editor {
6801
+ [data-v-4b7f675d] .code-input-lite__editor {
6778
6802
  background-color: transparent;
6779
6803
  font-family: var(--scalar-font);
6780
6804
  font-size: var(--scalar-small);
6781
6805
  padding: 5px 8px;
6782
6806
  }
6783
- [data-v-5b336842] .scalar-pill:not(:last-of-type) {
6807
+ [data-v-4b7f675d] .scalar-pill:not(:last-of-type) {
6784
6808
  margin-right: 0.15em;
6785
6809
  }
6786
- [data-v-5b336842] .scalar-pill:not(:first-of-type) {
6810
+ [data-v-4b7f675d] .scalar-pill:not(:first-of-type) {
6787
6811
  margin-left: 0.5px;
6788
6812
  }
6789
6813
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
6790
- .scalar .scalar-app-layout[data-v-77897d1c] {
6814
+ .scalar .scalar-app-layout[data-v-0eebddf5] {
6791
6815
  background: var(--scalar-background-1);
6792
6816
  border: var(--scalar-border-width) solid var(--scalar-border-color);
6793
6817
  border-radius: 8px;
@@ -6799,12 +6823,12 @@ to {
6799
6823
  overflow: hidden;
6800
6824
  }
6801
6825
  @media (max-width: 720px) and (max-height: 480px) {
6802
- .scalar .scalar-app-layout[data-v-77897d1c] {
6826
+ .scalar .scalar-app-layout[data-v-0eebddf5] {
6803
6827
  height: 100%;
6804
6828
  max-height: 90svh;
6805
6829
  }
6806
6830
  }
6807
- .scalar .scalar-app-exit[data-v-77897d1c] {
6831
+ .scalar .scalar-app-exit[data-v-0eebddf5] {
6808
6832
  cursor: pointer;
6809
6833
  z-index: -1;
6810
6834
  background: #00000038;
@@ -6814,10 +6838,10 @@ to {
6814
6838
  top: 0;
6815
6839
  left: 0;
6816
6840
  }
6817
- .dark-mode .scalar .scalar-app-exit[data-v-77897d1c] {
6841
+ .dark-mode .scalar .scalar-app-exit[data-v-0eebddf5] {
6818
6842
  background: #00000073;
6819
6843
  }
6820
- .scalar .scalar-app-exit[data-v-77897d1c]:before {
6844
+ .scalar .scalar-app-exit[data-v-0eebddf5]:before {
6821
6845
  text-align: center;
6822
6846
  color: #fff;
6823
6847
  opacity: .6;
@@ -6829,10 +6853,10 @@ to {
6829
6853
  top: 0;
6830
6854
  right: 12px;
6831
6855
  }
6832
- .scalar .scalar-app-exit[data-v-77897d1c]:hover:before {
6856
+ .scalar .scalar-app-exit[data-v-0eebddf5]:hover:before {
6833
6857
  opacity: 1;
6834
6858
  }
6835
- .scalar-container[data-v-77897d1c] {
6859
+ .scalar-container[data-v-0eebddf5] {
6836
6860
  visibility: hidden;
6837
6861
  opacity: 0;
6838
6862
  pointer-events: none;
@@ -6849,20 +6873,20 @@ to {
6849
6873
  left: 0;
6850
6874
  overflow: hidden;
6851
6875
  }
6852
- .scalar-container.scalar-client--open[data-v-77897d1c] {
6876
+ .scalar-container.scalar-client--open[data-v-0eebddf5] {
6853
6877
  opacity: 1;
6854
6878
  visibility: visible;
6855
6879
  pointer-events: auto;
6856
6880
  transition: opacity .35s;
6857
6881
  }
6858
- .scalar .url-form-input[data-v-77897d1c] {
6882
+ .scalar .url-form-input[data-v-0eebddf5] {
6859
6883
  min-height: auto !important;
6860
6884
  }
6861
- .scalar .scalar-container[data-v-77897d1c] {
6885
+ .scalar .scalar-container[data-v-0eebddf5] {
6862
6886
  line-height: normal;
6863
6887
  }
6864
6888
 
6865
- .ref-search-meta[data-v-89ab8a2d] {
6889
+ .ref-search-meta[data-v-6ea0d1fb] {
6866
6890
  background: var(--scalar-background-1);
6867
6891
  border-bottom-left-radius: var(--scalar-radius-lg);
6868
6892
  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.48",
22
+ "version": "2.0.49",
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.19.3",
43
- "@scalar/blocks": "0.1.20",
44
- "@scalar/helpers": "0.12.0",
45
- "@scalar/workspace-store": "0.64.0"
42
+ "@scalar/api-client": "3.20.0",
43
+ "@scalar/blocks": "0.2.0",
44
+ "@scalar/helpers": "0.13.0",
45
+ "@scalar/workspace-store": "0.65.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@testing-library/dom": "^10.4.1",