@scalar/api-reference-react 0.9.53 → 0.9.54

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-reference-react
2
2
 
3
+ ## 0.9.54
4
+
3
5
  ## 0.9.53
4
6
 
5
7
  ## 0.9.52
package/dist/style.css CHANGED
@@ -4873,6 +4873,10 @@ div + .userMessage[data-v-8e43ed7a] {
4873
4873
  --tw-translate-x: calc(4px * 0);
4874
4874
  translate: var(--tw-translate-x) var(--tw-translate-y);
4875
4875
  }
4876
+ .scalar-app .translate-x-1\.25 {
4877
+ --tw-translate-x: calc(4px * 1.25);
4878
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4879
+ }
4876
4880
  .scalar-app .translate-x-2\.5 {
4877
4881
  --tw-translate-x: calc(4px * 2.5);
4878
4882
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -5367,6 +5371,9 @@ div + .userMessage[data-v-8e43ed7a] {
5367
5371
  .scalar-app .bg-current {
5368
5372
  background-color: currentColor;
5369
5373
  }
5374
+ .scalar-app .bg-green {
5375
+ background-color: var(--scalar-color-green);
5376
+ }
5370
5377
  .scalar-app .bg-inherit {
5371
5378
  background-color: inherit;
5372
5379
  }
@@ -8439,7 +8446,7 @@ code.property-detail-value[data-v-1295f965] {
8439
8446
  .deprecated[data-v-18714eaa] {
8440
8447
  text-decoration: line-through;
8441
8448
  }
8442
- .property[data-v-3bdda27e] {
8449
+ .property[data-v-df25c065] {
8443
8450
  color: var(--scalar-color-1);
8444
8451
  display: flex;
8445
8452
  flex-direction: column;
@@ -8448,7 +8455,7 @@ code.property-detail-value[data-v-1295f965] {
8448
8455
  position: relative;
8449
8456
  }
8450
8457
  /** Remove top padding for top level schema card */
8451
- .property.property--level-0[data-v-3bdda27e]:has(
8458
+ .property.property--level-0[data-v-df25c065]:has(
8452
8459
  > .property-rule
8453
8460
  > .schema-card
8454
8461
  > .schema-properties.schema-properties-open
@@ -8457,24 +8464,24 @@ code.property-detail-value[data-v-1295f965] {
8457
8464
  ) {
8458
8465
  padding-top: 0;
8459
8466
  }
8460
- .property--compact.property--level-0[data-v-3bdda27e],
8461
- .property--compact.property--level-1[data-v-3bdda27e] {
8467
+ .property--compact.property--level-0[data-v-df25c065],
8468
+ .property--compact.property--level-1[data-v-df25c065] {
8462
8469
  padding: 10px 0;
8463
8470
  }
8464
- .composition-panel .property.property.property.property--level-0[data-v-3bdda27e] {
8471
+ .composition-panel .property.property.property.property--level-0[data-v-df25c065] {
8465
8472
  padding: 0px;
8466
8473
  }
8467
8474
  .property--compact.property--level-0
8468
8475
  .composition-panel
8469
- .property--compact.property--level-1[data-v-3bdda27e] {
8476
+ .property--compact.property--level-1[data-v-df25c065] {
8470
8477
  padding: 8px;
8471
8478
  }
8472
8479
  /* if a property doesn't have a heading, remove the top padding */
8473
- .property[data-v-3bdda27e]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
8480
+ .property[data-v-df25c065]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
8474
8481
  padding-top: 8px;
8475
8482
  padding-bottom: 8px;
8476
8483
  }
8477
- .property--deprecated[data-v-3bdda27e] {
8484
+ .property--deprecated[data-v-df25c065] {
8478
8485
  background: repeating-linear-gradient(
8479
8486
  -45deg,
8480
8487
  var(--scalar-background-2) 0,
@@ -8484,49 +8491,49 @@ code.property-detail-value[data-v-1295f965] {
8484
8491
  );
8485
8492
  background-size: 100%;
8486
8493
  }
8487
- .property--deprecated[data-v-3bdda27e] > * {
8494
+ .property--deprecated[data-v-df25c065] > * {
8488
8495
  opacity: 0.75;
8489
8496
  }
8490
- .property-description[data-v-3bdda27e] {
8497
+ .property-description[data-v-df25c065] {
8491
8498
  margin-top: 6px;
8492
8499
  line-height: 1.4;
8493
8500
  font-size: var(--scalar-small);
8494
8501
  }
8495
- .property-description[data-v-3bdda27e]:has(+ .property-rule) {
8502
+ .property-description[data-v-df25c065]:has(+ .property-rule) {
8496
8503
  margin-bottom: 9px;
8497
8504
  }
8498
- [data-v-3bdda27e] .property-description * {
8505
+ [data-v-df25c065] .property-description * {
8499
8506
  color: var(--scalar-color-2) !important;
8500
8507
  }
8501
- .property[data-v-3bdda27e]:not(:last-of-type) {
8508
+ .property[data-v-df25c065]:not(:last-of-type) {
8502
8509
  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
8503
8510
  }
8504
- .property-description + .children[data-v-3bdda27e],
8505
- .children + .property-rule[data-v-3bdda27e] {
8511
+ .property-description + .children[data-v-df25c065],
8512
+ .children + .property-rule[data-v-df25c065] {
8506
8513
  margin-top: 9px;
8507
8514
  }
8508
- .children[data-v-3bdda27e] {
8515
+ .children[data-v-df25c065] {
8509
8516
  display: flex;
8510
8517
  flex-direction: column;
8511
8518
  }
8512
- .children .property--compact.property--level-1[data-v-3bdda27e] {
8519
+ .children .property--compact.property--level-1[data-v-df25c065] {
8513
8520
  padding: 12px;
8514
8521
  }
8515
- .property-example-value[data-v-3bdda27e] {
8522
+ .property-example-value[data-v-df25c065] {
8516
8523
  all: unset;
8517
8524
  font-family: var(--scalar-font-code);
8518
8525
  padding: 6px;
8519
8526
  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
8520
8527
  }
8521
- .property-rule[data-v-3bdda27e] {
8528
+ .property-rule[data-v-df25c065] {
8522
8529
  border-radius: var(--scalar-radius-lg);
8523
8530
  display: flex;
8524
8531
  flex-direction: column;
8525
8532
  }
8526
- .property--level-2[data-v-3bdda27e] .relative > button {
8533
+ .property--level-2[data-v-df25c065] .relative > button {
8527
8534
  left: -2rem;
8528
8535
  }
8529
- .property-rule[data-v-3bdda27e]
8536
+ .property-rule[data-v-df25c065]
8530
8537
 
8531
8538
  .composition-panel
8532
8539
  .schema-card--level-1
@@ -8534,7 +8541,7 @@ code.property-detail-value[data-v-1295f965] {
8534
8541
  {
8535
8542
  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
8536
8543
  }
8537
- .property-rule[data-v-3bdda27e]
8544
+ .property-rule[data-v-df25c065]
8538
8545
  .composition-panel > .schema-card > .schema-card-description {
8539
8546
  padding: 10px;
8540
8547
  border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -8543,29 +8550,29 @@ code.property-detail-value[data-v-1295f965] {
8543
8550
  margin-top: 0;
8544
8551
  }
8545
8552
  }
8546
- .property-example[data-v-3bdda27e] {
8553
+ .property-example[data-v-df25c065] {
8547
8554
  background: transparent;
8548
8555
  border: none;
8549
8556
  display: flex;
8550
8557
  flex-direction: row;
8551
8558
  gap: 8px;
8552
8559
  }
8553
- .property-example-label[data-v-3bdda27e],
8554
- .property-example-value[data-v-3bdda27e] {
8560
+ .property-example-label[data-v-df25c065],
8561
+ .property-example-value[data-v-df25c065] {
8555
8562
  padding: 3px 0 0 0;
8556
8563
  }
8557
- .property-example-value[data-v-3bdda27e] {
8564
+ .property-example-value[data-v-df25c065] {
8558
8565
  background: var(--scalar-background-2);
8559
8566
  border-top: 0;
8560
8567
  border-radius: var(--scalar-radius);
8561
8568
  padding: 3px 4px;
8562
8569
  }
8563
- .property-name[data-v-3bdda27e] {
8570
+ .property-name[data-v-df25c065] {
8564
8571
  font-family: var(--scalar-font-code);
8565
8572
  font-weight: var(--scalar-semibold);
8566
8573
  }
8567
- .property-name-additional-properties[data-v-3bdda27e]::before,
8568
- .property-name-pattern-properties[data-v-3bdda27e]::before {
8574
+ .property-name-additional-properties[data-v-df25c065]::before,
8575
+ .property-name-pattern-properties[data-v-df25c065]::before {
8569
8576
  text-transform: uppercase;
8570
8577
  font-size: var(--scalar-micro);
8571
8578
  display: inline-block;
@@ -8576,11 +8583,11 @@ code.property-detail-value[data-v-1295f965] {
8576
8583
  background-color: var(--scalar-background-2);
8577
8584
  margin-right: 4px;
8578
8585
  }
8579
- .property-name-pattern-properties[data-v-3bdda27e]::before {
8586
+ .property-name-pattern-properties[data-v-df25c065]::before {
8580
8587
  content: 'regex';
8581
8588
  }
8582
- .property-name-additional-properties[data-v-3bdda27e],
8583
- .property-name-pattern-properties[data-v-3bdda27e] {
8589
+ .property-name-additional-properties[data-v-df25c065],
8590
+ .property-name-pattern-properties[data-v-df25c065] {
8584
8591
  border: 1px dashed var(--scalar-border-color);
8585
8592
  color: var(--scalar-color-accent);
8586
8593
  display: inline-block;
@@ -8982,22 +8989,22 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
8982
8989
  .headers-card-title > .headers-card-title-icon--open[data-v-b7ba0e6f] {
8983
8990
  transform: rotate(45deg);
8984
8991
  }
8985
- .parameter-item[data-v-94968dbd] {
8992
+ .parameter-item[data-v-830e91ce] {
8986
8993
  display: flex;
8987
8994
  flex-direction: column;
8988
8995
  position: relative;
8989
8996
  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
8990
8997
  }
8991
- .parameter-item:last-of-type .parameter-schema[data-v-94968dbd] {
8998
+ .parameter-item:last-of-type .parameter-schema[data-v-830e91ce] {
8992
8999
  padding-bottom: 0;
8993
9000
  }
8994
- .parameter-item-container[data-v-94968dbd] {
9001
+ .parameter-item-container[data-v-830e91ce] {
8995
9002
  padding: 0;
8996
9003
  }
8997
- .parameter-item-headers[data-v-94968dbd] {
9004
+ .parameter-item-headers[data-v-830e91ce] {
8998
9005
  border: var(--scalar-border-width) solid var(--scalar-border-color);
8999
9006
  }
9000
- .parameter-item-name[data-v-94968dbd] {
9007
+ .parameter-item-name[data-v-830e91ce] {
9001
9008
  position: relative;
9002
9009
  font-weight: var(--scalar-bold);
9003
9010
  font-size: var(--scalar-font-size-4);
@@ -9005,48 +9012,48 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
9005
9012
  color: var(--scalar-color-1);
9006
9013
  overflow-wrap: break-word;
9007
9014
  }
9008
- .parameter-item-description[data-v-94968dbd],
9009
- .parameter-item-description-summary[data-v-94968dbd] {
9015
+ .parameter-item-description[data-v-830e91ce],
9016
+ .parameter-item-description-summary[data-v-830e91ce] {
9010
9017
  font-size: var(--scalar-mini);
9011
9018
  color: var(--scalar-color-2);
9012
9019
  }
9013
- .parameter-item-description-summary.parameter-item-description-summary[data-v-94968dbd] > * {
9020
+ .parameter-item-description-summary.parameter-item-description-summary[data-v-830e91ce] > * {
9014
9021
  --markdown-line-height: var(--scalar-line-height-5);
9015
9022
  }
9016
9023
  /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
9017
9024
  .parameter-item-trigger
9018
- ~ .parameter-item-container[data-v-94968dbd]
9025
+ ~ .parameter-item-container[data-v-830e91ce]
9019
9026
  .property--level-0 > .property-heading .property-detail-value {
9020
9027
  font-size: var(--scalar-micro);
9021
9028
  }
9022
- .parameter-item-required-optional[data-v-94968dbd] {
9029
+ .parameter-item-required-optional[data-v-830e91ce] {
9023
9030
  color: var(--scalar-color-2);
9024
9031
  font-weight: var(--scalar-semibold);
9025
9032
  margin-right: 6px;
9026
9033
  position: relative;
9027
9034
  }
9028
- .parameter-item--required[data-v-94968dbd] {
9035
+ .parameter-item--required[data-v-830e91ce] {
9029
9036
  text-transform: uppercase;
9030
9037
  font-size: var(--scalar-micro);
9031
9038
  font-weight: var(--scalar-semibold);
9032
9039
  color: var(--scalar-color-orange);
9033
9040
  }
9034
- .parameter-item-description[data-v-94968dbd] {
9041
+ .parameter-item-description[data-v-830e91ce] {
9035
9042
  margin-top: 6px;
9036
9043
  font-size: var(--scalar-small);
9037
9044
  color: var(--scalar-color-2);
9038
9045
  line-height: 1.4;
9039
9046
  }
9040
- .parameter-item-description[data-v-94968dbd] p {
9047
+ .parameter-item-description[data-v-830e91ce] p {
9041
9048
  margin-top: 4px;
9042
9049
  font-size: var(--scalar-small);
9043
9050
  color: var(--scalar-color-2);
9044
9051
  }
9045
- .parameter-schema[data-v-94968dbd] {
9052
+ .parameter-schema[data-v-830e91ce] {
9046
9053
  padding-bottom: 9px;
9047
9054
  margin-top: 3px;
9048
9055
  }
9049
- .parameter-item-trigger[data-v-94968dbd] {
9056
+ .parameter-item-trigger[data-v-830e91ce] {
9050
9057
  display: flex;
9051
9058
  align-items: baseline;
9052
9059
  line-height: var(--scalar-line-height-5);
@@ -9055,21 +9062,21 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
9055
9062
  padding: 10px 0;
9056
9063
  outline: none;
9057
9064
  }
9058
- .parameter-item-trigger-open[data-v-94968dbd] {
9065
+ .parameter-item-trigger-open[data-v-830e91ce] {
9059
9066
  padding-bottom: 0;
9060
9067
  }
9061
- .parameter-item-icon[data-v-94968dbd] {
9068
+ .parameter-item-icon[data-v-830e91ce] {
9062
9069
  color: var(--scalar-color-3);
9063
9070
  left: -19px;
9064
9071
  top: 0.5lh;
9065
9072
  translate: 0 -50%;
9066
9073
  position: absolute;
9067
9074
  }
9068
- .parameter-item-trigger:hover .parameter-item-icon[data-v-94968dbd],
9069
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-94968dbd] {
9075
+ .parameter-item-trigger:hover .parameter-item-icon[data-v-830e91ce],
9076
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-830e91ce] {
9070
9077
  color: var(--scalar-color-1);
9071
9078
  }
9072
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-94968dbd] {
9079
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-830e91ce] {
9073
9080
  outline: 1px solid var(--scalar-color-accent);
9074
9081
  outline-offset: 2px;
9075
9082
  border-radius: var(--scalar-radius);
@@ -10205,7 +10212,7 @@ body {
10205
10212
  }
10206
10213
  /* Configurable Layout Variables */
10207
10214
  @layer scalar-config {
10208
- .scalar-api-reference[data-v-eae03b69] {
10215
+ .scalar-api-reference[data-v-433108a8] {
10209
10216
  /* The header height */
10210
10217
  --refs-header-height: calc(
10211
10218
  var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -10227,19 +10234,19 @@ body {
10227
10234
  /* The maximum width of the content column */
10228
10235
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
10229
10236
  }
10230
- .scalar-api-reference.references-classic[data-v-eae03b69] {
10237
+ .scalar-api-reference.references-classic[data-v-433108a8] {
10231
10238
  /* Classic layout is wider */
10232
10239
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
10233
10240
  min-height: 100dvh;
10234
10241
  --refs-sidebar-width: 0;
10235
10242
  }
10236
10243
  }
10237
- .t-doc__sidebar[data-v-eae03b69] {
10244
+ .t-doc__sidebar[data-v-433108a8] {
10238
10245
  z-index: 10;
10239
10246
  }
10240
10247
  /* ----------------------------------------------------- */
10241
10248
  /* References Layout */
10242
- .references-layout[data-v-eae03b69] {
10249
+ .references-layout[data-v-433108a8] {
10243
10250
  /* Try to fill the container */
10244
10251
  min-height: 100dvh;
10245
10252
  min-width: 100%;
@@ -10263,31 +10270,31 @@ body {
10263
10270
 
10264
10271
  background: var(--scalar-background-1);
10265
10272
  }
10266
- .references-editor[data-v-eae03b69] {
10273
+ .references-editor[data-v-433108a8] {
10267
10274
  grid-area: editor;
10268
10275
  display: flex;
10269
10276
  min-width: 0;
10270
10277
  background: var(--scalar-background-1);
10271
10278
  }
10272
- .references-rendered[data-v-eae03b69] {
10279
+ .references-rendered[data-v-433108a8] {
10273
10280
  position: relative;
10274
10281
  grid-area: rendered;
10275
10282
  min-width: 0;
10276
10283
  background: var(--scalar-background-1);
10277
10284
  }
10278
- .scalar-api-reference.references-classic[data-v-eae03b69],
10279
- .references-classic .references-rendered[data-v-eae03b69] {
10285
+ .scalar-api-reference.references-classic[data-v-433108a8],
10286
+ .references-classic .references-rendered[data-v-433108a8] {
10280
10287
  height: initial !important;
10281
10288
  max-height: initial !important;
10282
10289
  }
10283
10290
  @layer scalar-config {
10284
- .references-sidebar[data-v-eae03b69] {
10291
+ .references-sidebar[data-v-433108a8] {
10285
10292
  /* Set a default width if references are enabled */
10286
10293
  --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
10287
10294
  }
10288
10295
  }
10289
10296
  /* Footer */
10290
- .references-footer[data-v-eae03b69] {
10297
+ .references-footer[data-v-433108a8] {
10291
10298
  grid-area: footer;
10292
10299
  }
10293
10300
  /* ----------------------------------------------------- */
@@ -10302,12 +10309,12 @@ body {
10302
10309
  */
10303
10310
  @media (width < 1000px) {
10304
10311
  /* Keep toolbar hidden on mobile without forcing desktop display mode. */
10305
- .references-developer-tools[data-v-eae03b69] {
10312
+ .references-developer-tools[data-v-433108a8] {
10306
10313
  display: none;
10307
10314
  }
10308
10315
 
10309
10316
  /* Stack view on mobile */
10310
- .references-layout[data-v-eae03b69] {
10317
+ .references-layout[data-v-433108a8] {
10311
10318
  /* Adjust the sidebar height to the viewport height minus the header height */
10312
10319
  --refs-sidebar-height: calc(
10313
10320
  var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -10322,13 +10329,13 @@ body {
10322
10329
  'rendered'
10323
10330
  'footer';
10324
10331
  }
10325
- .references-editable[data-v-eae03b69] {
10332
+ .references-editable[data-v-433108a8] {
10326
10333
  grid-template-areas:
10327
10334
  'header'
10328
10335
  'navigation'
10329
10336
  'editor';
10330
10337
  }
10331
- .references-rendered[data-v-eae03b69] {
10338
+ .references-rendered[data-v-433108a8] {
10332
10339
  position: static;
10333
10340
  }
10334
10341
  }
@@ -10339,11 +10346,11 @@ body {
10339
10346
  */
10340
10347
  /* Match the layout breakpoint above so the mobile header height is only applied below `lg`. */
10341
10348
  @media (width < 1000px) {
10342
- .scalar-api-references-standalone-mobile[data-v-eae03b69]:not(.references-classic) {
10349
+ .scalar-api-references-standalone-mobile[data-v-433108a8]:not(.references-classic) {
10343
10350
  --scalar-header-height: 50px;
10344
10351
  }
10345
10352
  }
10346
- .darklight-reference[data-v-eae03b69] {
10353
+ .darklight-reference[data-v-433108a8] {
10347
10354
  width: 100%;
10348
10355
  margin-top: auto;
10349
10356
  }
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "testing",
19
19
  "react"
20
20
  ],
21
- "version": "0.9.53",
21
+ "version": "0.9.54",
22
22
  "engines": {
23
23
  "node": ">=22"
24
24
  },
@@ -39,8 +39,8 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/api-reference": "1.62.4",
43
- "@scalar/types": "0.16.1"
42
+ "@scalar/api-reference": "1.62.5",
43
+ "@scalar/types": "0.16.2"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@types/react": "^19.2.7",