@scalar/api-reference-react 0.9.41 → 0.9.42

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.42
4
+
3
5
  ## 0.9.41
4
6
 
5
7
  ## 0.9.40
package/dist/style.css CHANGED
@@ -167,7 +167,7 @@
167
167
  --scalar-scrollbar-color: #0000002e;
168
168
  --scalar-button-1: #000;
169
169
  --scalar-button-1-hover: #000c;
170
- --scalar-button-1-color: #ffffffe6;
170
+ --scalar-button-1-color: #fff;
171
171
  --scalar-shadow-1: 0 1px 3px 0 #0000001c;
172
172
  --scalar-shadow-2: #00000014 0px 13px 20px 0px, #00000014 0px 3px 8px 0px, #eeeeed 0px 0 0 .5px;
173
173
  --scalar-lifted-brightness: 1;
@@ -261,7 +261,7 @@
261
261
  --scalar-link-color-hover: var(--scalar-link-color);
262
262
  --scalar-button-1: #000;
263
263
  --scalar-button-1-hover: #000c;
264
- --scalar-button-1-color: #ffffffe6;
264
+ --scalar-button-1-color: #fff;
265
265
  --scalar-tooltip-background: #1a1a1ae6;
266
266
  --scalar-tooltip-color: #ffffffd9;
267
267
  --scalar-color-alert: var(--scalar-color-orange);
@@ -620,6 +620,9 @@
620
620
  transform: scale(3.5) rotate(360deg);
621
621
  }
622
622
  }
623
+ .scalar-code-block pre {
624
+ font-variant-ligatures: none;
625
+ }
623
626
  .scalar-code-block.bg-b-1 .scalar-code-copy-backdrop {
624
627
  background-color: var(--scalar-background-1);
625
628
  }
@@ -7836,6 +7839,71 @@ to {
7836
7839
  clip: rect(0, 0, 0, 0);
7837
7840
  border: 0;
7838
7841
  }
7842
+ .section-accordion-wrapper[data-v-9419dd23] {
7843
+ padding: 0 60px;
7844
+ }
7845
+ .section-accordion[data-v-9419dd23] {
7846
+ position: relative;
7847
+ width: 100%;
7848
+ max-width: var(--refs-content-max-width);
7849
+ margin: auto;
7850
+ }
7851
+ .section-accordion-content[data-v-9419dd23] {
7852
+ display: flex;
7853
+ flex-direction: column;
7854
+ gap: 12px;
7855
+
7856
+ padding-top: 12px;
7857
+ }
7858
+ .section-accordion-button[data-v-9419dd23] {
7859
+ width: 100%;
7860
+ display: flex;
7861
+
7862
+ cursor: pointer;
7863
+
7864
+ padding: 6px 0 6px 0;
7865
+ margin: -6px 0 -6px 0;
7866
+ border-radius: var(--scalar-radius);
7867
+ }
7868
+ .section-accordion-chevron[data-v-9419dd23] {
7869
+ position: absolute;
7870
+ left: -22px;
7871
+ top: 12px;
7872
+ color: var(--scalar-color-3);
7873
+ }
7874
+ .section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
7875
+ color: var(--scalar-color-1);
7876
+ }
7877
+ .section-accordion-title[data-v-9419dd23] {
7878
+ display: flex;
7879
+ flex-direction: column;
7880
+ align-items: flex-start;
7881
+ flex: 1;
7882
+ padding: 0 6px;
7883
+ }
7884
+ .section-accordion-title[data-v-9419dd23] .section-header-wrapper {
7885
+ grid-template-columns: 1fr;
7886
+ }
7887
+ .section-accordion-title[data-v-9419dd23] .section-header {
7888
+ margin-bottom: 0;
7889
+ }
7890
+ @container narrow-references-container (max-width: 900px) {
7891
+ .section-accordion-chevron[data-v-9419dd23] {
7892
+ width: 16px;
7893
+ left: -16px;
7894
+ top: 14px;
7895
+ }
7896
+ .section-accordion-wrapper[data-v-9419dd23] {
7897
+ padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
7898
+ }
7899
+ }
7900
+ .channel-section[data-v-1eae2fcc] {
7901
+ margin-bottom: 48px;
7902
+ }
7903
+ .channel-description[data-v-1eae2fcc] {
7904
+ padding-bottom: 4px;
7905
+ text-align: left;
7906
+ }
7839
7907
  /* Style the "icon" */
7840
7908
  .schema-type-icon[data-v-78e7c684] {
7841
7909
  color: var(--scalar-color-1);
@@ -8548,64 +8616,6 @@ code.property-detail-value[data-v-1295f965] {
8548
8616
  margin-bottom: 10px;
8549
8617
  scroll-margin-top: 140px;
8550
8618
  }
8551
- .section-accordion-wrapper[data-v-9419dd23] {
8552
- padding: 0 60px;
8553
- }
8554
- .section-accordion[data-v-9419dd23] {
8555
- position: relative;
8556
- width: 100%;
8557
- max-width: var(--refs-content-max-width);
8558
- margin: auto;
8559
- }
8560
- .section-accordion-content[data-v-9419dd23] {
8561
- display: flex;
8562
- flex-direction: column;
8563
- gap: 12px;
8564
-
8565
- padding-top: 12px;
8566
- }
8567
- .section-accordion-button[data-v-9419dd23] {
8568
- width: 100%;
8569
- display: flex;
8570
-
8571
- cursor: pointer;
8572
-
8573
- padding: 6px 0 6px 0;
8574
- margin: -6px 0 -6px 0;
8575
- border-radius: var(--scalar-radius);
8576
- }
8577
- .section-accordion-chevron[data-v-9419dd23] {
8578
- position: absolute;
8579
- left: -22px;
8580
- top: 12px;
8581
- color: var(--scalar-color-3);
8582
- }
8583
- .section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
8584
- color: var(--scalar-color-1);
8585
- }
8586
- .section-accordion-title[data-v-9419dd23] {
8587
- display: flex;
8588
- flex-direction: column;
8589
- align-items: flex-start;
8590
- flex: 1;
8591
- padding: 0 6px;
8592
- }
8593
- .section-accordion-title[data-v-9419dd23] .section-header-wrapper {
8594
- grid-template-columns: 1fr;
8595
- }
8596
- .section-accordion-title[data-v-9419dd23] .section-header {
8597
- margin-bottom: 0;
8598
- }
8599
- @container narrow-references-container (max-width: 900px) {
8600
- .section-accordion-chevron[data-v-9419dd23] {
8601
- width: 16px;
8602
- left: -16px;
8603
- top: 14px;
8604
- }
8605
- .section-accordion-wrapper[data-v-9419dd23] {
8606
- padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
8607
- }
8608
- }
8609
8619
  .show-more[data-v-d1c2b649] {
8610
8620
  appearance: none;
8611
8621
  border: none;
@@ -9612,7 +9622,7 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
9612
9622
  container-name: narrow-references-container;
9613
9623
  container-type: inline-size;
9614
9624
  }
9615
- .ref-search-meta[data-v-11a4bb2c] {
9625
+ .ref-search-meta[data-v-c66e857d] {
9616
9626
  background: var(--scalar-background-1);
9617
9627
  border-bottom-left-radius: var(--scalar-radius-lg);
9618
9628
  border-bottom-right-radius: var(--scalar-radius-lg);
@@ -9741,7 +9751,7 @@ body {
9741
9751
  }
9742
9752
  /* Configurable Layout Variables */
9743
9753
  @layer scalar-config {
9744
- .scalar-api-reference[data-v-69b8e2f9] {
9754
+ .scalar-api-reference[data-v-22c2988a] {
9745
9755
  /* The header height */
9746
9756
  --refs-header-height: calc(
9747
9757
  var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -9763,19 +9773,19 @@ body {
9763
9773
  /* The maximum width of the content column */
9764
9774
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
9765
9775
  }
9766
- .scalar-api-reference.references-classic[data-v-69b8e2f9] {
9776
+ .scalar-api-reference.references-classic[data-v-22c2988a] {
9767
9777
  /* Classic layout is wider */
9768
9778
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
9769
9779
  min-height: 100dvh;
9770
9780
  --refs-sidebar-width: 0;
9771
9781
  }
9772
9782
  }
9773
- .t-doc__sidebar[data-v-69b8e2f9] {
9783
+ .t-doc__sidebar[data-v-22c2988a] {
9774
9784
  z-index: 10;
9775
9785
  }
9776
9786
  /* ----------------------------------------------------- */
9777
9787
  /* References Layout */
9778
- .references-layout[data-v-69b8e2f9] {
9788
+ .references-layout[data-v-22c2988a] {
9779
9789
  /* Try to fill the container */
9780
9790
  min-height: 100dvh;
9781
9791
  min-width: 100%;
@@ -9799,43 +9809,43 @@ body {
9799
9809
 
9800
9810
  background: var(--scalar-background-1);
9801
9811
  }
9802
- .references-editor[data-v-69b8e2f9] {
9812
+ .references-editor[data-v-22c2988a] {
9803
9813
  grid-area: editor;
9804
9814
  display: flex;
9805
9815
  min-width: 0;
9806
9816
  background: var(--scalar-background-1);
9807
9817
  }
9808
- .references-rendered[data-v-69b8e2f9] {
9818
+ .references-rendered[data-v-22c2988a] {
9809
9819
  position: relative;
9810
9820
  grid-area: rendered;
9811
9821
  min-width: 0;
9812
9822
  background: var(--scalar-background-1);
9813
9823
  }
9814
- .scalar-api-reference.references-classic[data-v-69b8e2f9],
9815
- .references-classic .references-rendered[data-v-69b8e2f9] {
9824
+ .scalar-api-reference.references-classic[data-v-22c2988a],
9825
+ .references-classic .references-rendered[data-v-22c2988a] {
9816
9826
  height: initial !important;
9817
9827
  max-height: initial !important;
9818
9828
  }
9819
9829
  @layer scalar-config {
9820
- .references-sidebar[data-v-69b8e2f9] {
9830
+ .references-sidebar[data-v-22c2988a] {
9821
9831
  /* Set a default width if references are enabled */
9822
9832
  --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
9823
9833
  }
9824
9834
  }
9825
9835
  /* Footer */
9826
- .references-footer[data-v-69b8e2f9] {
9836
+ .references-footer[data-v-22c2988a] {
9827
9837
  grid-area: footer;
9828
9838
  }
9829
9839
  /* ----------------------------------------------------- */
9830
9840
  /* Responsive / Mobile Layout */
9831
9841
  @media (max-width: 1000px) {
9832
9842
  /* Keep toolbar hidden on mobile without forcing desktop display mode. */
9833
- .references-developer-tools[data-v-69b8e2f9] {
9843
+ .references-developer-tools[data-v-22c2988a] {
9834
9844
  display: none;
9835
9845
  }
9836
9846
 
9837
9847
  /* Stack view on mobile */
9838
- .references-layout[data-v-69b8e2f9] {
9848
+ .references-layout[data-v-22c2988a] {
9839
9849
  /* Adjust the sidebar height to the viewport height minus the header height */
9840
9850
  --refs-sidebar-height: calc(
9841
9851
  var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -9850,13 +9860,13 @@ body {
9850
9860
  'rendered'
9851
9861
  'footer';
9852
9862
  }
9853
- .references-editable[data-v-69b8e2f9] {
9863
+ .references-editable[data-v-22c2988a] {
9854
9864
  grid-template-areas:
9855
9865
  'header'
9856
9866
  'navigation'
9857
9867
  'editor';
9858
9868
  }
9859
- .references-rendered[data-v-69b8e2f9] {
9869
+ .references-rendered[data-v-22c2988a] {
9860
9870
  position: static;
9861
9871
  }
9862
9872
  }
@@ -9866,11 +9876,11 @@ body {
9866
9876
  * when the new elements are available
9867
9877
  */
9868
9878
  @media (max-width: 1000px) {
9869
- .scalar-api-references-standalone-mobile[data-v-69b8e2f9]:not(.references-classic) {
9879
+ .scalar-api-references-standalone-mobile[data-v-22c2988a]:not(.references-classic) {
9870
9880
  --scalar-header-height: 50px;
9871
9881
  }
9872
9882
  }
9873
- .darklight-reference[data-v-69b8e2f9] {
9883
+ .darklight-reference[data-v-22c2988a] {
9874
9884
  width: 100%;
9875
9885
  margin-top: auto;
9876
9886
  }
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "testing",
19
19
  "react"
20
20
  ],
21
- "version": "0.9.41",
21
+ "version": "0.9.42",
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.57.5",
43
- "@scalar/types": "0.12.2"
42
+ "@scalar/api-reference": "1.58.0",
43
+ "@scalar/types": "0.12.3"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@types/react": "^19.2.7",
@@ -51,7 +51,7 @@
51
51
  "react-dom": "^19.2.3",
52
52
  "rollup-preserve-directives": "^1.1.1",
53
53
  "vite": "8.0.0",
54
- "@scalar/helpers": "0.8.0"
54
+ "@scalar/helpers": "0.8.1"
55
55
  },
56
56
  "peerDependencies": {
57
57
  "react": "^18.0.0 || ^19.0.0"