@scalar/api-reference-react 0.9.16 → 0.9.17

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.17
4
+
3
5
  ## 0.9.16
4
6
 
5
7
  ## 0.9.15
package/dist/style.css CHANGED
@@ -7668,12 +7668,12 @@ input[data-v-c1a50a6e]::placeholder {
7668
7668
  .scalar-app .h-64 {
7669
7669
  height: 256px;
7670
7670
  }
7671
+ .scalar-app .h-125 {
7672
+ height: 500px;
7673
+ }
7671
7674
  .scalar-app .h-\[68px\] {
7672
7675
  height: 68px;
7673
7676
  }
7674
- .scalar-app .h-\[500px\] {
7675
- height: 500px;
7676
- }
7677
7677
  .scalar-app .h-\[calc\(100\%-273\.5px\)\] {
7678
7678
  height: calc(100% - 273.5px);
7679
7679
  }
@@ -9997,6 +9997,9 @@ input[data-v-c1a50a6e]::placeholder {
9997
9997
  .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
9998
9998
  -webkit-app-region: drag;
9999
9999
  }
10000
+ .scalar-app .\[\&_\.monaco-editor\]\:rounded-lg .monaco-editor, .scalar-app .\[\&_\.overflow-guard\]\:rounded-lg .overflow-guard {
10001
+ border-radius: var(--scalar-radius-lg);
10002
+ }
10000
10003
  .scalar-app .\[\&\>label\]\:bg-transparent > label {
10001
10004
  background-color: #0000;
10002
10005
  }
@@ -11279,23 +11282,23 @@ to {
11279
11282
  padding: 0;
11280
11283
  overflow: hidden;
11281
11284
  }
11282
- .editor-container[data-v-850fff8f] {
11285
+ .editor-container[data-v-e99ee660] {
11283
11286
  width: 100%;
11284
11287
  height: 100%;
11285
11288
  }
11286
- [data-v-850fff8f] .json-path-highlight {
11289
+ [data-v-e99ee660] .json-path-highlight {
11287
11290
  background-color: #ffc80059;
11288
11291
  border-radius: 4px;
11289
11292
  }
11290
- [data-v-850fff8f] .json-focus-highlight {
11293
+ [data-v-e99ee660] .json-focus-highlight {
11291
11294
  background-color: var(--scalar-color-accent, #24b47e);
11292
11295
  }
11293
11296
  @supports (color: color-mix(in lab, red, red)) {
11294
- [data-v-850fff8f] .json-focus-highlight {
11297
+ [data-v-e99ee660] .json-focus-highlight {
11295
11298
  background-color: color-mix(in srgb, var(--scalar-color-accent, #24b47e) 18%, transparent);
11296
11299
  }
11297
11300
  }
11298
- [data-v-850fff8f] .json-focus-highlight {
11301
+ [data-v-e99ee660] .json-focus-highlight {
11299
11302
  border-radius: 4px;
11300
11303
  }
11301
11304
  [data-v-28c8509c] .cm-editor {
@@ -13459,7 +13462,7 @@ div + .userMessage[data-v-8e43ed7a] {
13459
13462
  }
13460
13463
  /* Configurable Layout Variables */
13461
13464
  @layer scalar-config {
13462
- .scalar-api-reference[data-v-274a4872] {
13465
+ .scalar-api-reference[data-v-4a2e1b67] {
13463
13466
  /* The header height */
13464
13467
  --refs-header-height: calc(
13465
13468
  var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -13481,19 +13484,19 @@ div + .userMessage[data-v-8e43ed7a] {
13481
13484
  /* The maximum width of the content column */
13482
13485
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
13483
13486
  }
13484
- .scalar-api-reference.references-classic[data-v-274a4872] {
13487
+ .scalar-api-reference.references-classic[data-v-4a2e1b67] {
13485
13488
  /* Classic layout is wider */
13486
13489
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
13487
13490
  min-height: 100dvh;
13488
13491
  --refs-sidebar-width: 0;
13489
13492
  }
13490
13493
  }
13491
- .t-doc__sidebar[data-v-274a4872] {
13494
+ .t-doc__sidebar[data-v-4a2e1b67] {
13492
13495
  z-index: 10;
13493
13496
  }
13494
13497
  /* ----------------------------------------------------- */
13495
13498
  /* References Layout */
13496
- .references-layout[data-v-274a4872] {
13499
+ .references-layout[data-v-4a2e1b67] {
13497
13500
  /* Try to fill the container */
13498
13501
  min-height: 100dvh;
13499
13502
  min-width: 100%;
@@ -13517,43 +13520,43 @@ div + .userMessage[data-v-8e43ed7a] {
13517
13520
 
13518
13521
  background: var(--scalar-background-1);
13519
13522
  }
13520
- .references-editor[data-v-274a4872] {
13523
+ .references-editor[data-v-4a2e1b67] {
13521
13524
  grid-area: editor;
13522
13525
  display: flex;
13523
13526
  min-width: 0;
13524
13527
  background: var(--scalar-background-1);
13525
13528
  }
13526
- .references-rendered[data-v-274a4872] {
13529
+ .references-rendered[data-v-4a2e1b67] {
13527
13530
  position: relative;
13528
13531
  grid-area: rendered;
13529
13532
  min-width: 0;
13530
13533
  background: var(--scalar-background-1);
13531
13534
  }
13532
- .scalar-api-reference.references-classic[data-v-274a4872],
13533
- .references-classic .references-rendered[data-v-274a4872] {
13535
+ .scalar-api-reference.references-classic[data-v-4a2e1b67],
13536
+ .references-classic .references-rendered[data-v-4a2e1b67] {
13534
13537
  height: initial !important;
13535
13538
  max-height: initial !important;
13536
13539
  }
13537
13540
  @layer scalar-config {
13538
- .references-sidebar[data-v-274a4872] {
13541
+ .references-sidebar[data-v-4a2e1b67] {
13539
13542
  /* Set a default width if references are enabled */
13540
13543
  --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
13541
13544
  }
13542
13545
  }
13543
13546
  /* Footer */
13544
- .references-footer[data-v-274a4872] {
13547
+ .references-footer[data-v-4a2e1b67] {
13545
13548
  grid-area: footer;
13546
13549
  }
13547
13550
  /* ----------------------------------------------------- */
13548
13551
  /* Responsive / Mobile Layout */
13549
13552
  @media (max-width: 1000px) {
13550
13553
  /* Keep toolbar hidden on mobile without forcing desktop display mode. */
13551
- .references-developer-tools[data-v-274a4872] {
13554
+ .references-developer-tools[data-v-4a2e1b67] {
13552
13555
  display: none;
13553
13556
  }
13554
13557
 
13555
13558
  /* Stack view on mobile */
13556
- .references-layout[data-v-274a4872] {
13559
+ .references-layout[data-v-4a2e1b67] {
13557
13560
  /* Adjust the sidebar height to the viewport height minus the header height */
13558
13561
  --refs-sidebar-height: calc(
13559
13562
  var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -13568,13 +13571,13 @@ div + .userMessage[data-v-8e43ed7a] {
13568
13571
  'rendered'
13569
13572
  'footer';
13570
13573
  }
13571
- .references-editable[data-v-274a4872] {
13574
+ .references-editable[data-v-4a2e1b67] {
13572
13575
  grid-template-areas:
13573
13576
  'header'
13574
13577
  'navigation'
13575
13578
  'editor';
13576
13579
  }
13577
- .references-rendered[data-v-274a4872] {
13580
+ .references-rendered[data-v-4a2e1b67] {
13578
13581
  position: static;
13579
13582
  }
13580
13583
  }
@@ -13584,11 +13587,11 @@ div + .userMessage[data-v-8e43ed7a] {
13584
13587
  * when the new elements are available
13585
13588
  */
13586
13589
  @media (max-width: 1000px) {
13587
- .scalar-api-references-standalone-mobile[data-v-274a4872]:not(.references-classic) {
13590
+ .scalar-api-references-standalone-mobile[data-v-4a2e1b67]:not(.references-classic) {
13588
13591
  --scalar-header-height: 50px;
13589
13592
  }
13590
13593
  }
13591
- .darklight-reference[data-v-274a4872] {
13594
+ .darklight-reference[data-v-4a2e1b67] {
13592
13595
  width: 100%;
13593
13596
  margin-top: auto;
13594
13597
  }
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "testing",
19
19
  "react"
20
20
  ],
21
- "version": "0.9.16",
21
+ "version": "0.9.17",
22
22
  "engines": {
23
23
  "node": ">=22"
24
24
  },
@@ -39,8 +39,8 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/types": "0.7.5",
43
- "@scalar/api-reference": "1.49.6"
42
+ "@scalar/api-reference": "1.49.7",
43
+ "@scalar/types": "0.7.5"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@types/react": "^19.2.7",