@scalar/api-reference-react 0.9.21 → 0.9.22

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.22
4
+
3
5
  ## 0.9.21
4
6
 
5
7
  ## 0.9.20
package/dist/style.css CHANGED
@@ -907,74 +907,74 @@ code.property-detail-value[data-v-1295f965] {
907
907
  border: var(--scalar-border-width) solid var(--scalar-border-color);
908
908
  border-radius: var(--scalar-radius);
909
909
  }
910
- .property-example[data-v-9a5f10a7] {
911
- display: flex;
912
- flex-direction: column;
910
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
911
+ .property-example[data-v-3388e4cb] {
913
912
  font-size: var(--scalar-mini);
913
+ flex-direction: column;
914
+ display: flex;
914
915
  position: relative;
915
916
  }
916
- .property-example[data-v-9a5f10a7]:hover:before {
917
- content: '';
917
+ .property-example[data-v-3388e4cb]:hover:before {
918
+ content: "";
919
+ border-radius: var(--scalar-radius);
920
+ width: 100%;
921
+ height: 20px;
918
922
  position: absolute;
919
923
  top: 0;
920
924
  left: 0;
921
- width: 100%;
922
- height: 20px;
923
- border-radius: var(--scalar-radius);
924
925
  }
925
- .property-example:hover .property-example-label span[data-v-9a5f10a7] {
926
+ .property-example:hover .property-example-label span[data-v-3388e4cb] {
926
927
  color: var(--scalar-color-1);
927
928
  }
928
- .property-example-label span[data-v-9a5f10a7] {
929
+ .property-example-label span[data-v-3388e4cb] {
929
930
  color: var(--scalar-color-3);
930
- position: relative;
931
931
  border-bottom: var(--scalar-border-width) dotted currentColor;
932
+ position: relative;
932
933
  }
933
- .property-example-value[data-v-9a5f10a7] {
934
+ .property-example-value[data-v-3388e4cb] {
934
935
  font-family: var(--scalar-font-code);
935
- display: flex;
936
- gap: 8px;
937
936
  align-items: center;
937
+ gap: 8px;
938
938
  width: 100%;
939
939
  padding: 6px;
940
+ display: flex;
940
941
  }
941
- .property-example-value span[data-v-9a5f10a7] {
942
- display: block;
943
- overflow: hidden;
942
+ .property-example-value span[data-v-3388e4cb] {
944
943
  text-overflow: ellipsis;
945
944
  white-space: nowrap;
945
+ display: block;
946
+ overflow: hidden;
946
947
  }
947
- .property-example-value[data-v-9a5f10a7] svg {
948
+ .property-example-value[data-v-3388e4cb] svg {
948
949
  color: var(--scalar-color-3);
949
950
  }
950
- .property-example-value[data-v-9a5f10a7]:hover svg {
951
+ .property-example-value[data-v-3388e4cb]:hover svg {
951
952
  color: var(--scalar-color-1);
952
953
  }
953
- .property-example-value[data-v-9a5f10a7] {
954
+ .property-example-value[data-v-3388e4cb] {
954
955
  background: var(--scalar-background-2);
955
956
  border: var(--scalar-border-width) solid var(--scalar-border-color);
956
957
  border-radius: var(--scalar-radius);
957
958
  }
958
- .property-example-value-list[data-v-9a5f10a7] {
959
- position: absolute;
960
- top: 18px;
961
- left: 50%;
962
- transform: translate3d(-50%, 0, 0);
963
- overflow: auto;
959
+ .property-example-value-list[data-v-3388e4cb] {
964
960
  background-color: var(--scalar-background-1);
965
961
  box-shadow: var(--scalar-shadow-1);
966
962
  border-radius: var(--scalar-radius-lg);
967
963
  border: var(--scalar-border-width) solid var(--scalar-border-color);
968
- padding: 9px;
969
- min-width: 200px;
970
- max-width: 300px;
964
+ z-index: 1000;
971
965
  flex-direction: column;
972
966
  gap: 3px;
967
+ min-width: 200px;
968
+ max-width: 300px;
969
+ padding: 9px;
973
970
  display: none;
974
- z-index: 2;
971
+ position: absolute;
972
+ top: 18px;
973
+ left: 50%;
974
+ overflow: auto;
975
+ transform: translate3d(-50%, 0, 0);
975
976
  }
976
- .property-example:hover .property-example-value-list[data-v-9a5f10a7],
977
- .property-example:focus-within .property-example-value-list[data-v-9a5f10a7] {
977
+ .property-example:hover .property-example-value-list[data-v-3388e4cb], .property-example:focus-within .property-example-value-list[data-v-3388e4cb] {
978
978
  display: flex;
979
979
  }
980
980
  .property-heading[data-v-d6007af3] {
@@ -1544,22 +1544,22 @@ button.headers-card-title[data-v-ab19704d]:hover {
1544
1544
  .headers-card-title > .headers-card-title-icon--open[data-v-ab19704d] {
1545
1545
  transform: rotate(45deg);
1546
1546
  }
1547
- .parameter-item[data-v-f6277c9a] {
1547
+ .parameter-item[data-v-1f06a780] {
1548
1548
  display: flex;
1549
1549
  flex-direction: column;
1550
1550
  position: relative;
1551
1551
  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
1552
1552
  }
1553
- .parameter-item:last-of-type .parameter-schema[data-v-f6277c9a] {
1553
+ .parameter-item:last-of-type .parameter-schema[data-v-1f06a780] {
1554
1554
  padding-bottom: 0;
1555
1555
  }
1556
- .parameter-item-container[data-v-f6277c9a] {
1556
+ .parameter-item-container[data-v-1f06a780] {
1557
1557
  padding: 0;
1558
1558
  }
1559
- .parameter-item-headers[data-v-f6277c9a] {
1559
+ .parameter-item-headers[data-v-1f06a780] {
1560
1560
  border: var(--scalar-border-width) solid var(--scalar-border-color);
1561
1561
  }
1562
- .parameter-item-name[data-v-f6277c9a] {
1562
+ .parameter-item-name[data-v-1f06a780] {
1563
1563
  position: relative;
1564
1564
  font-weight: var(--scalar-bold);
1565
1565
  font-size: var(--scalar-font-size-4);
@@ -1567,49 +1567,49 @@ button.headers-card-title[data-v-ab19704d]:hover {
1567
1567
  color: var(--scalar-color-1);
1568
1568
  overflow-wrap: break-word;
1569
1569
  }
1570
- .parameter-item-description[data-v-f6277c9a],
1571
- .parameter-item-description-summary[data-v-f6277c9a] {
1570
+ .parameter-item-description[data-v-1f06a780],
1571
+ .parameter-item-description-summary[data-v-1f06a780] {
1572
1572
  font-size: var(--scalar-mini);
1573
1573
  color: var(--scalar-color-2);
1574
1574
  }
1575
- .parameter-item-description-summary.parameter-item-description-summary[data-v-f6277c9a] > * {
1576
- --markdown-line-height: 1;
1575
+ .parameter-item-description-summary.parameter-item-description-summary[data-v-1f06a780] > * {
1576
+ --markdown-line-height: var(--scalar-line-height-5);
1577
1577
  }
1578
1578
  /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
1579
1579
  .parameter-item-trigger
1580
- ~ .parameter-item-container[data-v-f6277c9a]
1580
+ ~ .parameter-item-container[data-v-1f06a780]
1581
1581
  .property--level-0 > .property-heading .property-detail-value {
1582
1582
  font-size: var(--scalar-micro);
1583
1583
  }
1584
- .parameter-item-required-optional[data-v-f6277c9a] {
1584
+ .parameter-item-required-optional[data-v-1f06a780] {
1585
1585
  color: var(--scalar-color-2);
1586
1586
  font-weight: var(--scalar-semibold);
1587
1587
  margin-right: 6px;
1588
1588
  position: relative;
1589
1589
  }
1590
- .parameter-item--required[data-v-f6277c9a] {
1590
+ .parameter-item--required[data-v-1f06a780] {
1591
1591
  text-transform: uppercase;
1592
1592
  font-size: var(--scalar-micro);
1593
1593
  font-weight: var(--scalar-semibold);
1594
1594
  color: var(--scalar-color-orange);
1595
1595
  }
1596
- .parameter-item-description[data-v-f6277c9a] {
1596
+ .parameter-item-description[data-v-1f06a780] {
1597
1597
  margin-top: 6px;
1598
1598
  font-size: var(--scalar-small);
1599
1599
  color: var(--scalar-color-2);
1600
1600
  line-height: 1.4;
1601
1601
  }
1602
- .parameter-item-description[data-v-f6277c9a] p {
1602
+ .parameter-item-description[data-v-1f06a780] p {
1603
1603
  margin-top: 4px;
1604
1604
  font-size: var(--scalar-small);
1605
1605
  color: var(--scalar-color-2);
1606
1606
  line-height: 1.4;
1607
1607
  }
1608
- .parameter-schema[data-v-f6277c9a] {
1608
+ .parameter-schema[data-v-1f06a780] {
1609
1609
  padding-bottom: 9px;
1610
1610
  margin-top: 3px;
1611
1611
  }
1612
- .parameter-item-trigger[data-v-f6277c9a] {
1612
+ .parameter-item-trigger[data-v-1f06a780] {
1613
1613
  display: flex;
1614
1614
  align-items: baseline;
1615
1615
  line-height: var(--scalar-line-height-5);
@@ -1618,21 +1618,21 @@ button.headers-card-title[data-v-ab19704d]:hover {
1618
1618
  padding: 10px 0;
1619
1619
  outline: none;
1620
1620
  }
1621
- .parameter-item-trigger-open[data-v-f6277c9a] {
1621
+ .parameter-item-trigger-open[data-v-1f06a780] {
1622
1622
  padding-bottom: 0;
1623
1623
  }
1624
- .parameter-item-icon[data-v-f6277c9a] {
1624
+ .parameter-item-icon[data-v-1f06a780] {
1625
1625
  color: var(--scalar-color-3);
1626
1626
  left: -19px;
1627
1627
  top: 0.5lh;
1628
1628
  translate: 0 -50%;
1629
1629
  position: absolute;
1630
1630
  }
1631
- .parameter-item-trigger:hover .parameter-item-icon[data-v-f6277c9a],
1632
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
1631
+ .parameter-item-trigger:hover .parameter-item-icon[data-v-1f06a780],
1632
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
1633
1633
  color: var(--scalar-color-1);
1634
1634
  }
1635
- .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-f6277c9a] {
1635
+ .parameter-item-trigger:focus-visible .parameter-item-icon[data-v-1f06a780] {
1636
1636
  outline: 1px solid var(--scalar-color-accent);
1637
1637
  outline-offset: 2px;
1638
1638
  border-radius: var(--scalar-radius);
@@ -1854,10 +1854,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
1854
1854
  .scalar-card-header.scalar-card-header-tabs[data-v-fec8fbbb] {
1855
1855
  padding: 0;
1856
1856
  }
1857
- .response-card[data-v-9f4fecde] {
1857
+ .response-card[data-v-e0da130d] {
1858
1858
  font-size: var(--scalar-font-size-3);
1859
1859
  }
1860
- .code-copy[data-v-9f4fecde] {
1860
+ .code-copy[data-v-e0da130d] {
1861
1861
  display: flex;
1862
1862
  align-items: center;
1863
1863
  justify-content: center;
@@ -1871,14 +1871,14 @@ button.headers-card-title[data-v-ab19704d]:hover {
1871
1871
  padding: 0;
1872
1872
  margin-right: 12px;
1873
1873
  }
1874
- .code-copy[data-v-9f4fecde]:hover {
1874
+ .code-copy[data-v-e0da130d]:hover {
1875
1875
  color: var(--scalar-color-1);
1876
1876
  }
1877
- .code-copy svg[data-v-9f4fecde] {
1877
+ .code-copy svg[data-v-e0da130d] {
1878
1878
  width: 13px;
1879
1879
  height: 13px;
1880
1880
  }
1881
- .response-card-footer[data-v-9f4fecde] {
1881
+ .response-card-footer[data-v-e0da130d] {
1882
1882
  display: flex;
1883
1883
  flex-direction: row-reverse;
1884
1884
  flex-wrap: wrap;
@@ -1887,11 +1887,11 @@ button.headers-card-title[data-v-ab19704d]:hover {
1887
1887
  padding: 7px 12px;
1888
1888
  column-gap: 8px;
1889
1889
  }
1890
- .response-example-selector[data-v-9f4fecde] {
1890
+ .response-example-selector[data-v-e0da130d] {
1891
1891
  flex-shrink: 0;
1892
1892
  margin: -4px;
1893
1893
  }
1894
- .response-description[data-v-9f4fecde] {
1894
+ .response-description[data-v-e0da130d] {
1895
1895
  font-weight: var(--scalar-semibold);
1896
1896
  font-size: var(--scalar-small);
1897
1897
  color: var(--scalar-color--1);
@@ -1900,13 +1900,13 @@ button.headers-card-title[data-v-ab19704d]:hover {
1900
1900
 
1901
1901
  flex-grow: 1;
1902
1902
  }
1903
- .response-description-markdown[data-v-9f4fecde] {
1903
+ .response-description-markdown[data-v-e0da130d] {
1904
1904
  max-height: 3lh;
1905
1905
  }
1906
- .response-description-markdown[data-v-9f4fecde] * {
1906
+ .response-description-markdown[data-v-e0da130d] * {
1907
1907
  margin: 0;
1908
1908
  }
1909
- .schema-type[data-v-9f4fecde] {
1909
+ .schema-type[data-v-e0da130d] {
1910
1910
  font-size: var(--scalar-micro);
1911
1911
  color: var(--scalar-color-2);
1912
1912
  font-weight: var(--scalar-semibold);
@@ -1915,16 +1915,16 @@ button.headers-card-title[data-v-ab19704d]:hover {
1915
1915
  border-radius: 4px;
1916
1916
  margin-right: 4px;
1917
1917
  }
1918
- .schema-example[data-v-9f4fecde] {
1918
+ .schema-example[data-v-e0da130d] {
1919
1919
  font-size: var(--scalar-micro);
1920
1920
  color: var(--scalar-color-2);
1921
1921
  font-weight: var(--scalar-semibold);
1922
1922
  }
1923
- .example-response-tab[data-v-9f4fecde] {
1923
+ .example-response-tab[data-v-e0da130d] {
1924
1924
  display: block;
1925
1925
  margin: 6px;
1926
1926
  }
1927
- .scalar-card-checkbox[data-v-9f4fecde] {
1927
+ .scalar-card-checkbox[data-v-e0da130d] {
1928
1928
  display: flex;
1929
1929
  align-items: center;
1930
1930
  justify-content: center;
@@ -1941,20 +1941,20 @@ button.headers-card-title[data-v-ab19704d]:hover {
1941
1941
  padding: 7px 6px;
1942
1942
  }
1943
1943
  .scalar-card-checkbox:has(.scalar-card-checkbox-input:focus-visible)
1944
- .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
1944
+ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
1945
1945
  outline: 1px solid var(--scalar-color-accent);
1946
1946
  }
1947
- .scalar-card-checkbox[data-v-9f4fecde]:hover {
1947
+ .scalar-card-checkbox[data-v-e0da130d]:hover {
1948
1948
  color: var(--scalar-color--1);
1949
1949
  }
1950
- .scalar-card-checkbox .scalar-card-checkbox-input[data-v-9f4fecde] {
1950
+ .scalar-card-checkbox .scalar-card-checkbox-input[data-v-e0da130d] {
1951
1951
  position: absolute;
1952
1952
  opacity: 0;
1953
1953
  cursor: pointer;
1954
1954
  height: 0;
1955
1955
  width: 0;
1956
1956
  }
1957
- .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
1957
+ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
1958
1958
  height: 16px;
1959
1959
  width: 16px;
1960
1960
  border-radius: var(--scalar-radius);
@@ -1962,27 +1962,27 @@ button.headers-card-title[data-v-ab19704d]:hover {
1962
1962
  background-color: var(--scalar-background-3);
1963
1963
  box-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
1964
1964
  }
1965
- .scalar-card-checkbox[data-v-9f4fecde]:has(.scalar-card-checkbox-input:checked) {
1965
+ .scalar-card-checkbox[data-v-e0da130d]:has(.scalar-card-checkbox-input:checked) {
1966
1966
  color: var(--scalar-color-1);
1967
1967
  font-weight: var(--scalar-semibold);
1968
1968
  }
1969
1969
  .scalar-card-checkbox
1970
1970
  .scalar-card-checkbox-input:checked
1971
- ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde] {
1971
+ ~ .scalar-card-checkbox-checkmark[data-v-e0da130d] {
1972
1972
  background-color: var(--scalar-button-1);
1973
1973
  box-shadow: none;
1974
1974
  }
1975
- .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
1975
+ .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
1976
1976
  content: '';
1977
1977
  position: absolute;
1978
1978
  display: none;
1979
1979
  }
1980
1980
  .scalar-card-checkbox
1981
1981
  .scalar-card-checkbox-input:checked
1982
- ~ .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
1982
+ ~ .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
1983
1983
  display: block;
1984
1984
  }
1985
- .scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-9f4fecde]:after {
1985
+ .scalar-card-checkbox .scalar-card-checkbox-checkmark[data-v-e0da130d]:after {
1986
1986
  right: 11.5px;
1987
1987
  top: 12.5px;
1988
1988
  width: 5px;
@@ -3009,6 +3009,7 @@ body {
3009
3009
  --scalar-text-decoration-hover: underline;
3010
3010
  --scalar-link-font-weight: inherit;
3011
3011
  --scalar-sidebar-indent: 20px;
3012
+ --scalar-sidebar-padding: 12px;
3012
3013
  }
3013
3014
  .dark-mode {
3014
3015
  color-scheme: dark;
@@ -3710,6 +3711,14 @@ to {
3710
3711
  width: 50dvw !important;
3711
3712
  }
3712
3713
  }
3714
+ @keyframes border-bottom {
3715
+ from {
3716
+ border-bottom-width: 0;
3717
+ }
3718
+ to {
3719
+ border-bottom-width: var(--scalar-border-width);
3720
+ }
3721
+ }
3713
3722
  @property --tw-backdrop-blur {
3714
3723
  syntax: "*";
3715
3724
  inherits: false
@@ -6059,6 +6068,11 @@ input[data-v-c1a50a6e]::placeholder {
6059
6068
  max-height: 3.40282e38px;
6060
6069
  display: flex;
6061
6070
  }
6071
+ .animate-sidebar-border-bottom {
6072
+ animation: forwards border-bottom;
6073
+ animation-timeline: scroll();
6074
+ animation-range-end: 1px;
6075
+ }
6062
6076
  .group\/sidebar-section:first-of-type > .group\/spacer-before, .group\/sidebar-section:last-of-type > .group\/spacer-after {
6063
6077
  height: 0;
6064
6078
  }
@@ -6268,6 +6282,9 @@ input[data-v-c1a50a6e]::placeholder {
6268
6282
  .scalar-app .top-\(--nested-items-offset\)\! {
6269
6283
  top: var(--nested-items-offset) !important;
6270
6284
  }
6285
+ .scalar-app .top-\(--scalar-sidebar-sticky-offset\,0\) {
6286
+ top: var(--scalar-sidebar-sticky-offset, 0);
6287
+ }
6271
6288
  .scalar-app .top-0\.5 {
6272
6289
  top: 2px;
6273
6290
  }
@@ -6352,6 +6369,9 @@ input[data-v-c1a50a6e]::placeholder {
6352
6369
  max-width: 96rem;
6353
6370
  }
6354
6371
  }
6372
+ .scalar-app .-m-\(--scalar-sidebar-padding\) {
6373
+ margin: calc(var(--scalar-sidebar-padding) * -1);
6374
+ }
6355
6375
  .scalar-app .-m-1 {
6356
6376
  margin: -4px;
6357
6377
  }
@@ -6479,6 +6499,9 @@ input[data-v-c1a50a6e]::placeholder {
6479
6499
  .scalar-app .min-h-header {
6480
6500
  min-height: 48px;
6481
6501
  }
6502
+ .scalar-app .w-\(--scalar-sidebar-width\) {
6503
+ width: var(--scalar-sidebar-width);
6504
+ }
6482
6505
  .scalar-app .w-12 {
6483
6506
  width: 48px;
6484
6507
  }
@@ -6664,6 +6687,9 @@ input[data-v-c1a50a6e]::placeholder {
6664
6687
  .scalar-app .border-sidebar-border-search {
6665
6688
  border-color: var(--scalar-sidebar-search-border-color, var(--scalar-border-color));
6666
6689
  }
6690
+ .scalar-app .border-b-sidebar-border {
6691
+ border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
6692
+ }
6667
6693
  .scalar-app .bg-\(--bg-light\) {
6668
6694
  background-color: var(--bg-light);
6669
6695
  }
@@ -6772,6 +6798,9 @@ input[data-v-c1a50a6e]::placeholder {
6772
6798
  -webkit-mask-repeat: repeat;
6773
6799
  mask-repeat: repeat;
6774
6800
  }
6801
+ .scalar-app .p-\(--scalar-sidebar-padding\) {
6802
+ padding: var(--scalar-sidebar-padding);
6803
+ }
6775
6804
  .scalar-app .p-0\.25 {
6776
6805
  padding: 1px;
6777
6806
  }
@@ -6981,11 +7010,11 @@ input[data-v-c1a50a6e]::placeholder {
6981
7010
  .scalar-app .placeholder\:font-\[inherit\]::placeholder {
6982
7011
  font-family: inherit;
6983
7012
  }
6984
- .scalar-app .first\:rounded-t-\[inherit\]:first-child, :is(.scalar-app .\*\:first\:rounded-t-\[inherit\] > *):first-child {
7013
+ .scalar-app .first\:rounded-t-\[inherit\]:first-child {
6985
7014
  border-top-left-radius: inherit;
6986
7015
  border-top-right-radius: inherit;
6987
7016
  }
6988
- .scalar-app .last\:rounded-b-\[inherit\]:last-child, :is(.scalar-app .\*\:last\:rounded-b-\[inherit\] > *):last-child {
7017
+ .scalar-app .last\:rounded-b-\[inherit\]:last-child {
6989
7018
  border-bottom-right-radius: inherit;
6990
7019
  border-bottom-left-radius: inherit;
6991
7020
  }
@@ -7134,6 +7163,9 @@ input[data-v-c1a50a6e]::placeholder {
7134
7163
  white-space: normal !important;
7135
7164
  }
7136
7165
  }
7166
+ :where(.scalar-app) [class*="rotate-"], :where(.scalar-app) [class*="translate-"], :where(.scalar-app) [class*="scale-"] {
7167
+ transform: none;
7168
+ }
7137
7169
  .scalar-app .pointer-events-auto {
7138
7170
  pointer-events: auto;
7139
7171
  }
@@ -10341,49 +10373,49 @@ to {
10341
10373
  .description[data-v-1b7a32a4] .markdown > :first-child {
10342
10374
  margin-top: 0;
10343
10375
  }
10344
- [data-v-e06ea441] .cm-editor {
10376
+ [data-v-0ec7147f] .cm-editor {
10345
10377
  outline: none;
10346
10378
  width: 100%;
10347
10379
  height: 100%;
10348
10380
  }
10349
- [data-v-e06ea441] .cm-line {
10381
+ [data-v-0ec7147f] .cm-line {
10350
10382
  padding: 0;
10351
10383
  }
10352
- [data-v-e06ea441] .cm-content {
10384
+ [data-v-0ec7147f] .cm-content {
10353
10385
  font-size: var(--scalar-small);
10354
10386
  align-items: center;
10355
10387
  padding: 0;
10356
10388
  display: flex;
10357
10389
  }
10358
- .scroll-timeline-x[data-v-e06ea441] {
10390
+ .scroll-timeline-x[data-v-0ec7147f] {
10359
10391
  scroll-timeline: --scroll-timeline x;
10360
10392
  scroll-timeline: --scroll-timeline horizontal;
10361
10393
  -ms-overflow-style: none;
10362
10394
  }
10363
- .scroll-timeline-x-hidden[data-v-e06ea441] {
10395
+ .scroll-timeline-x-hidden[data-v-0ec7147f] {
10364
10396
  overflow-x: auto;
10365
10397
  }
10366
- .scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller {
10398
+ .scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller {
10367
10399
  scrollbar-width: none;
10368
10400
  -ms-overflow-style: none;
10369
10401
  padding-right: 20px;
10370
10402
  overflow: auto;
10371
10403
  }
10372
- .scroll-timeline-x-hidden[data-v-e06ea441]::-webkit-scrollbar {
10404
+ .scroll-timeline-x-hidden[data-v-0ec7147f]::-webkit-scrollbar {
10373
10405
  width: 0;
10374
10406
  height: 0;
10375
10407
  display: none;
10376
10408
  }
10377
- .scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller::-webkit-scrollbar {
10409
+ .scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller::-webkit-scrollbar {
10378
10410
  width: 0;
10379
10411
  height: 0;
10380
10412
  display: none;
10381
10413
  }
10382
- .scroll-timeline-x-address[data-v-e06ea441] {
10414
+ .scroll-timeline-x-address[data-v-0ec7147f] {
10383
10415
  scrollbar-width: none;
10384
10416
  line-height: 27px;
10385
10417
  }
10386
- .scroll-timeline-x-address[data-v-e06ea441]:after {
10418
+ .scroll-timeline-x-address[data-v-0ec7147f]:after {
10387
10419
  content: "";
10388
10420
  cursor: text;
10389
10421
  width: 24px;
@@ -10391,48 +10423,48 @@ to {
10391
10423
  position: absolute;
10392
10424
  right: 0;
10393
10425
  }
10394
- .scroll-timeline-x-address[data-v-e06ea441]:empty:before {
10426
+ .scroll-timeline-x-address[data-v-0ec7147f]:empty:before {
10395
10427
  content: "Enter URL or cURL request";
10396
10428
  color: var(--scalar-color-3);
10397
10429
  pointer-events: none;
10398
10430
  }
10399
- .fade-left[data-v-e06ea441], .fade-right[data-v-e06ea441] {
10431
+ .fade-left[data-v-0ec7147f], .fade-right[data-v-0ec7147f] {
10400
10432
  content: "";
10401
10433
  pointer-events: none;
10402
10434
  z-index: 1;
10403
10435
  height: 100%;
10404
- animation-name: fadein-e06ea441;
10436
+ animation-name: fadein-0ec7147f;
10405
10437
  animation-duration: 1ms;
10406
10438
  animation-direction: reverse;
10407
10439
  animation-timeline: --scroll-timeline;
10408
10440
  position: sticky;
10409
10441
  }
10410
- .fade-left[data-v-e06ea441] {
10442
+ .fade-left[data-v-0ec7147f] {
10411
10443
  background: linear-gradient(-90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10412
10444
  }
10413
10445
  @supports (color: color-mix(in lab, red, red)) {
10414
- .fade-left[data-v-e06ea441] {
10446
+ .fade-left[data-v-0ec7147f] {
10415
10447
  background: linear-gradient(-90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10416
10448
  }
10417
10449
  }
10418
- .fade-left[data-v-e06ea441] {
10450
+ .fade-left[data-v-0ec7147f] {
10419
10451
  min-width: 6px;
10420
10452
  animation-direction: normal;
10421
10453
  left: -1px;
10422
10454
  }
10423
- .fade-right[data-v-e06ea441] {
10455
+ .fade-right[data-v-0ec7147f] {
10424
10456
  background: linear-gradient(90deg, var(--scalar-address-bar-bg) 0%, var(--scalar-address-bar-bg) 30%, var(--scalar-address-bar-bg) 100%);
10425
10457
  }
10426
10458
  @supports (color: color-mix(in lab, red, red)) {
10427
- .fade-right[data-v-e06ea441] {
10459
+ .fade-right[data-v-0ec7147f] {
10428
10460
  background: linear-gradient(90deg, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%, color-mix(in srgb, var(--scalar-address-bar-bg), transparent 20%) 30%, var(--scalar-address-bar-bg) 100%);
10429
10461
  }
10430
10462
  }
10431
- .fade-right[data-v-e06ea441] {
10463
+ .fade-right[data-v-0ec7147f] {
10432
10464
  min-width: 24px;
10433
10465
  right: -1px;
10434
10466
  }
10435
- @keyframes fadein-e06ea441 {
10467
+ @keyframes fadein-0ec7147f {
10436
10468
  0% {
10437
10469
  opacity: 0;
10438
10470
  }
@@ -10440,26 +10472,26 @@ to {
10440
10472
  opacity: 1;
10441
10473
  }
10442
10474
  }
10443
- .address-bar-bg-states[data-v-e06ea441] {
10475
+ .address-bar-bg-states[data-v-0ec7147f] {
10444
10476
  --scalar-address-bar-bg: var(--scalar-background-1);
10445
10477
  }
10446
10478
  @supports (color: color-mix(in lab, red, red)) {
10447
- .address-bar-bg-states[data-v-e06ea441] {
10479
+ .address-bar-bg-states[data-v-0ec7147f] {
10448
10480
  --scalar-address-bar-bg: color-mix(in srgb,
10449
10481
  var(--scalar-background-1),
10450
10482
  var(--scalar-background-2));
10451
10483
  }
10452
10484
  }
10453
- .address-bar-bg-states[data-v-e06ea441] {
10485
+ .address-bar-bg-states[data-v-0ec7147f] {
10454
10486
  background: var(--scalar-address-bar-bg);
10455
10487
  }
10456
- .address-bar-bg-states[data-v-e06ea441]:has(.cm-focused) {
10488
+ .address-bar-bg-states[data-v-0ec7147f]:has(.cm-focused) {
10457
10489
  --scalar-address-bar-bg: var(--scalar-background-1);
10458
10490
  border-color: var(--scalar-border-color);
10459
10491
  outline-width: 1px;
10460
10492
  outline-style: solid;
10461
10493
  }
10462
- .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-e06ea441], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-e06ea441] {
10494
+ .address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0ec7147f], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0ec7147f] {
10463
10495
  --scalar-address-bar-bg: var(--scalar-background-1);
10464
10496
  }
10465
10497
  .app-exit-button[data-v-0e03d0d8] {
@@ -10844,27 +10876,27 @@ to {
10844
10876
  .dark-mode .download-app-button[data-v-9b609275]:hover {
10845
10877
  background: linear-gradient(#00000026, #ffffff1a);
10846
10878
  }
10847
- .empty-sidebar-item-content[data-v-6f80f8d3] {
10879
+ .empty-sidebar-item-content[data-v-96a54993] {
10848
10880
  display: none;
10849
10881
  }
10850
- .empty-sidebar-item .empty-sidebar-item-content[data-v-6f80f8d3] {
10882
+ .empty-sidebar-item .empty-sidebar-item-content[data-v-96a54993] {
10851
10883
  display: block;
10852
10884
  }
10853
- .rabbitjump[data-v-6f80f8d3] {
10885
+ .rabbitjump[data-v-96a54993] {
10854
10886
  opacity: 0;
10855
10887
  }
10856
- .empty-sidebar-item:hover .rabbitjump[data-v-6f80f8d3] {
10888
+ .empty-sidebar-item:hover .rabbitjump[data-v-96a54993] {
10857
10889
  opacity: 1;
10858
- animation: .5s step-end infinite rabbitAnimation-6f80f8d3;
10890
+ animation: .5s step-end infinite rabbitAnimation-96a54993;
10859
10891
  }
10860
- .empty-sidebar-item:hover .rabbitsit[data-v-6f80f8d3] {
10892
+ .empty-sidebar-item:hover .rabbitsit[data-v-96a54993] {
10861
10893
  opacity: 0;
10862
- animation: .5s step-end infinite rabbitAnimation2-6f80f8d3;
10894
+ animation: .5s step-end infinite rabbitAnimation2-96a54993;
10863
10895
  }
10864
- .empty-sidebar-item:hover .rabbit-ascii[data-v-6f80f8d3] {
10865
- animation: 8s linear infinite rabbitRun-6f80f8d3;
10896
+ .empty-sidebar-item:hover .rabbit-ascii[data-v-96a54993] {
10897
+ animation: 8s linear infinite rabbitRun-96a54993;
10866
10898
  }
10867
- @keyframes rabbitRun-6f80f8d3 {
10899
+ @keyframes rabbitRun-96a54993 {
10868
10900
  0% {
10869
10901
  transform: translate3d(0, 0, 0);
10870
10902
  }
@@ -10884,7 +10916,7 @@ to {
10884
10916
  transform: translate3d(0, 0, 0);
10885
10917
  }
10886
10918
  }
10887
- @keyframes rabbitAnimation-6f80f8d3 {
10919
+ @keyframes rabbitAnimation-96a54993 {
10888
10920
  0%, 100% {
10889
10921
  opacity: 1;
10890
10922
  }
@@ -10892,7 +10924,7 @@ to {
10892
10924
  opacity: 0;
10893
10925
  }
10894
10926
  }
10895
- @keyframes rabbitAnimation2-6f80f8d3 {
10927
+ @keyframes rabbitAnimation2-96a54993 {
10896
10928
  0%, 100% {
10897
10929
  opacity: 0;
10898
10930
  }
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "testing",
19
19
  "react"
20
20
  ],
21
- "version": "0.9.21",
21
+ "version": "0.9.22",
22
22
  "engines": {
23
23
  "node": ">=22"
24
24
  },
@@ -39,7 +39,7 @@
39
39
  "CHANGELOG.md"
40
40
  ],
41
41
  "dependencies": {
42
- "@scalar/api-reference": "1.52.0",
42
+ "@scalar/api-reference": "1.52.1",
43
43
  "@scalar/types": "0.8.0"
44
44
  },
45
45
  "devDependencies": {