@scalar/api-client-react 2.0.48 → 2.0.50

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