@scalar/api-client-react 2.0.25 → 2.0.27
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 +4 -0
- package/dist/style.css +186 -103
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/dist/style.css
CHANGED
|
@@ -434,7 +434,11 @@
|
|
|
434
434
|
border-radius: var(--scalar-radius);
|
|
435
435
|
border-width: 1px;
|
|
436
436
|
}
|
|
437
|
-
:where(.scalar-app) input::placeholder {
|
|
437
|
+
:where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
|
|
438
|
+
color: var(--scalar-color-3);
|
|
439
|
+
font-family: var(--scalar-font);
|
|
440
|
+
}
|
|
441
|
+
:where(.scalar-app) ::-webkit-input-placeholder {
|
|
438
442
|
color: var(--scalar-color-3);
|
|
439
443
|
font-family: var(--scalar-font);
|
|
440
444
|
}
|
|
@@ -798,7 +802,7 @@
|
|
|
798
802
|
.hljs.language-objectivec .hljs-meta {
|
|
799
803
|
color: var(--scalar-color-1);
|
|
800
804
|
}
|
|
801
|
-
.hljs.language-objectivec .hljs-built_in
|
|
805
|
+
.hljs.language-objectivec .hljs-built_in {
|
|
802
806
|
color: var(--scalar-color-orange);
|
|
803
807
|
}
|
|
804
808
|
.scalar-app .markdown {
|
|
@@ -1431,7 +1435,7 @@
|
|
|
1431
1435
|
}
|
|
1432
1436
|
:where(body) > .scalar-tooltip {
|
|
1433
1437
|
--scalar-tooltip-padding: 8px;
|
|
1434
|
-
padding:
|
|
1438
|
+
padding: var(--scalar-tooltip-padding);
|
|
1435
1439
|
z-index: 99999;
|
|
1436
1440
|
max-width: 320px;
|
|
1437
1441
|
font-size: var(--scalar-font-size-5);
|
|
@@ -1441,9 +1445,20 @@
|
|
|
1441
1445
|
overflow-wrap: break-word;
|
|
1442
1446
|
color: var(--scalar-tooltip-color);
|
|
1443
1447
|
}
|
|
1448
|
+
:where(body) > .scalar-tooltip[data-side="top"] {
|
|
1449
|
+
padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
|
|
1450
|
+
}
|
|
1451
|
+
:where(body) > .scalar-tooltip[data-side="bottom"] {
|
|
1452
|
+
padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
|
|
1453
|
+
}
|
|
1454
|
+
:where(body) > .scalar-tooltip[data-side="left"] {
|
|
1455
|
+
padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
|
|
1456
|
+
}
|
|
1457
|
+
:where(body) > .scalar-tooltip[data-side="right"] {
|
|
1458
|
+
padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
|
|
1459
|
+
}
|
|
1444
1460
|
:where(body) > .scalar-tooltip:before {
|
|
1445
1461
|
content: "";
|
|
1446
|
-
inset: var(--scalar-tooltip-offset);
|
|
1447
1462
|
z-index: calc(1 * -1);
|
|
1448
1463
|
border-radius: var(--scalar-radius);
|
|
1449
1464
|
background-color: var(--scalar-tooltip-background);
|
|
@@ -1451,6 +1466,19 @@
|
|
|
1451
1466
|
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
1452
1467
|
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
|
|
1453
1468
|
position: absolute;
|
|
1469
|
+
inset: 0;
|
|
1470
|
+
}
|
|
1471
|
+
:where(body) > .scalar-tooltip[data-side="top"]:before {
|
|
1472
|
+
bottom: var(--scalar-tooltip-offset);
|
|
1473
|
+
}
|
|
1474
|
+
:where(body) > .scalar-tooltip[data-side="bottom"]:before {
|
|
1475
|
+
top: var(--scalar-tooltip-offset);
|
|
1476
|
+
}
|
|
1477
|
+
:where(body) > .scalar-tooltip[data-side="left"]:before {
|
|
1478
|
+
right: var(--scalar-tooltip-offset);
|
|
1479
|
+
}
|
|
1480
|
+
:where(body) > .scalar-tooltip[data-side="right"]:before {
|
|
1481
|
+
left: var(--scalar-tooltip-offset);
|
|
1454
1482
|
}
|
|
1455
1483
|
:where(body.dark-mode) > .scalar-tooltip:before {
|
|
1456
1484
|
--tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
|
|
@@ -1690,9 +1718,15 @@
|
|
|
1690
1718
|
.scalar-app .inset-y-0\.5 {
|
|
1691
1719
|
inset-block: 2px;
|
|
1692
1720
|
}
|
|
1721
|
+
.scalar-app .-start {
|
|
1722
|
+
inset-inline-start: -4px;
|
|
1723
|
+
}
|
|
1693
1724
|
.scalar-app .start {
|
|
1694
1725
|
inset-inline-start: 4px;
|
|
1695
1726
|
}
|
|
1727
|
+
.scalar-app .-end {
|
|
1728
|
+
inset-inline-end: -4px;
|
|
1729
|
+
}
|
|
1696
1730
|
.scalar-app .end {
|
|
1697
1731
|
inset-inline-end: 4px;
|
|
1698
1732
|
}
|
|
@@ -3857,13 +3891,13 @@
|
|
|
3857
3891
|
outline-style: var(--tw-outline-style);
|
|
3858
3892
|
outline-width: 1px;
|
|
3859
3893
|
}
|
|
3860
|
-
.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
|
|
3894
|
+
.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *), .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:z-1:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
|
|
3861
3895
|
z-index: 1;
|
|
3862
3896
|
}
|
|
3863
|
-
.scalar-app .group-has-\[\.
|
|
3897
|
+
.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:flex:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
|
|
3864
3898
|
display: flex;
|
|
3865
3899
|
}
|
|
3866
|
-
.scalar-app .group-has-\[\.
|
|
3900
|
+
.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:pr-10:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
|
|
3867
3901
|
padding-right: 40px;
|
|
3868
3902
|
}
|
|
3869
3903
|
.scalar-app .group-has-\[\:focus-visible\]\/cell\:border-c-accent:is(:where(.group\/cell):has(:focus-visible) *) {
|
|
@@ -3957,7 +3991,7 @@
|
|
|
3957
3991
|
.scalar-app .peer-focus-visible\/button\:opacity-100:is(:where(.peer\/button):focus-visible ~ *) {
|
|
3958
3992
|
opacity: 1;
|
|
3959
3993
|
}
|
|
3960
|
-
.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *) {
|
|
3994
|
+
.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *), .scalar-app .peer-has-\[\.code-input-lite__editor\:focus\]\:opacity-0:is(:where(.peer):has(:is(.code-input-lite editor:focus)) ~ *) {
|
|
3961
3995
|
opacity: 0;
|
|
3962
3996
|
}
|
|
3963
3997
|
.scalar-app .peer-has-\[\.color-selector\]\:hidden:is(:where(.peer):has(.color-selector) ~ *) {
|
|
@@ -4892,23 +4926,23 @@ to {
|
|
|
4892
4926
|
/*
|
|
4893
4927
|
Deep styling for customizing Codemirror
|
|
4894
4928
|
*/
|
|
4895
|
-
[data-v-
|
|
4929
|
+
[data-v-d6fb2049] .cm-editor {
|
|
4896
4930
|
height: 100%;
|
|
4897
4931
|
outline: none;
|
|
4898
4932
|
padding: 0;
|
|
4899
4933
|
background: transparent;
|
|
4900
4934
|
}
|
|
4901
|
-
[data-v-
|
|
4935
|
+
[data-v-d6fb2049] .cm-placeholder {
|
|
4902
4936
|
color: var(--scalar-color-3);
|
|
4903
4937
|
}
|
|
4904
|
-
[data-v-
|
|
4938
|
+
[data-v-d6fb2049] .cm-content {
|
|
4905
4939
|
font-family: var(--scalar-font-code);
|
|
4906
4940
|
font-size: var(--scalar-small);
|
|
4907
4941
|
max-height: 20px;
|
|
4908
4942
|
padding: 8px 0;
|
|
4909
4943
|
}
|
|
4910
4944
|
/* Tooltip helper */
|
|
4911
|
-
[data-v-
|
|
4945
|
+
[data-v-d6fb2049] .cm-tooltip {
|
|
4912
4946
|
background: transparent !important;
|
|
4913
4947
|
filter: brightness(var(--scalar-lifted-brightness));
|
|
4914
4948
|
border-radius: var(--scalar-radius);
|
|
@@ -4917,43 +4951,43 @@ to {
|
|
|
4917
4951
|
outline: none !important;
|
|
4918
4952
|
overflow: hidden !important;
|
|
4919
4953
|
}
|
|
4920
|
-
[data-v-
|
|
4954
|
+
[data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
|
|
4921
4955
|
padding: 3px 6px !important;
|
|
4922
4956
|
}
|
|
4923
|
-
[data-v-
|
|
4957
|
+
[data-v-d6fb2049] .cm-completionIcon-type:after {
|
|
4924
4958
|
color: var(--scalar-color-3) !important;
|
|
4925
4959
|
}
|
|
4926
|
-
[data-v-
|
|
4960
|
+
[data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
|
|
4927
4961
|
background: var(--scalar-background-2) !important;
|
|
4928
4962
|
color: var(--scalar-color-1) !important;
|
|
4929
4963
|
}
|
|
4930
|
-
[data-v-
|
|
4964
|
+
[data-v-d6fb2049] .cm-tooltip-autocomplete ul {
|
|
4931
4965
|
padding: 6px !important;
|
|
4932
4966
|
position: relative;
|
|
4933
4967
|
}
|
|
4934
|
-
[data-v-
|
|
4968
|
+
[data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
|
|
4935
4969
|
border-radius: 3px;
|
|
4936
4970
|
color: var(--scalar-color-1) !important;
|
|
4937
4971
|
background: var(--scalar-background-3) !important;
|
|
4938
4972
|
}
|
|
4939
4973
|
/* Disable active line highlighting */
|
|
4940
|
-
[data-v-
|
|
4974
|
+
[data-v-d6fb2049] .cm-activeLine,[data-v-d6fb2049] .cm-activeLineGutter {
|
|
4941
4975
|
background-color: transparent;
|
|
4942
4976
|
}
|
|
4943
4977
|
/* Color selection matching */
|
|
4944
|
-
[data-v-
|
|
4978
|
+
[data-v-d6fb2049] .cm-selectionMatch,[data-v-d6fb2049] .cm-matchingBracket {
|
|
4945
4979
|
border-radius: var(--scalar-radius);
|
|
4946
4980
|
background: var(--scalar-background-4) !important;
|
|
4947
4981
|
}
|
|
4948
4982
|
/* Color Picker Swatches */
|
|
4949
|
-
[data-v-
|
|
4983
|
+
[data-v-d6fb2049] .cm-css-color-picker-wrapper {
|
|
4950
4984
|
display: inline-flex;
|
|
4951
4985
|
outline: 1px solid var(--scalar-background-3);
|
|
4952
4986
|
border-radius: 3px;
|
|
4953
4987
|
overflow: hidden;
|
|
4954
4988
|
}
|
|
4955
4989
|
/* Number gutter */
|
|
4956
|
-
[data-v-
|
|
4990
|
+
[data-v-d6fb2049] .cm-gutters {
|
|
4957
4991
|
background-color: transparent;
|
|
4958
4992
|
border-right: none;
|
|
4959
4993
|
color: var(--scalar-color-3);
|
|
@@ -4961,7 +4995,7 @@ to {
|
|
|
4961
4995
|
line-height: 22px;
|
|
4962
4996
|
border-radius: 0 0 0 3px;
|
|
4963
4997
|
}
|
|
4964
|
-
[data-v-
|
|
4998
|
+
[data-v-d6fb2049] .cm-gutters:before {
|
|
4965
4999
|
content: '';
|
|
4966
5000
|
position: absolute;
|
|
4967
5001
|
top: 2px;
|
|
@@ -4971,7 +5005,7 @@ to {
|
|
|
4971
5005
|
border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
|
|
4972
5006
|
background-color: var(--scalar-background-1);
|
|
4973
5007
|
}
|
|
4974
|
-
[data-v-
|
|
5008
|
+
[data-v-d6fb2049] .cm-gutterElement {
|
|
4975
5009
|
font-family: var(--scalar-font-code) !important;
|
|
4976
5010
|
padding-left: 0px !important;
|
|
4977
5011
|
padding-right: 6px !important;
|
|
@@ -4980,16 +5014,16 @@ to {
|
|
|
4980
5014
|
justify-content: flex-end;
|
|
4981
5015
|
position: relative;
|
|
4982
5016
|
}
|
|
4983
|
-
[data-v-
|
|
5017
|
+
[data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
|
|
4984
5018
|
min-width: fit-content;
|
|
4985
5019
|
}
|
|
4986
|
-
[data-v-
|
|
5020
|
+
[data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
|
|
4987
5021
|
padding-left: 0 !important;
|
|
4988
5022
|
}
|
|
4989
|
-
[data-v-
|
|
5023
|
+
[data-v-d6fb2049] .cm-scroller {
|
|
4990
5024
|
overflow: auto;
|
|
4991
5025
|
}
|
|
4992
|
-
.line-wrapping[data-v-
|
|
5026
|
+
.line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
|
|
4993
5027
|
display: inline-table;
|
|
4994
5028
|
min-height: fit-content;
|
|
4995
5029
|
padding: 3px 6px;
|
|
@@ -5062,21 +5096,21 @@ to {
|
|
|
5062
5096
|
.description[data-v-649f9a0d] .markdown > *:first-child {
|
|
5063
5097
|
margin-top: 0;
|
|
5064
5098
|
}
|
|
5065
|
-
[data-v-
|
|
5099
|
+
[data-v-d37cbfcc] .cm-editor {
|
|
5066
5100
|
height: 100%;
|
|
5067
5101
|
outline: none;
|
|
5068
5102
|
width: 100%;
|
|
5069
5103
|
}
|
|
5070
|
-
[data-v-
|
|
5104
|
+
[data-v-d37cbfcc] .cm-line {
|
|
5071
5105
|
padding: 0;
|
|
5072
5106
|
}
|
|
5073
|
-
[data-v-
|
|
5107
|
+
[data-v-d37cbfcc] .cm-content {
|
|
5074
5108
|
padding: 0;
|
|
5075
5109
|
display: flex;
|
|
5076
5110
|
align-items: center;
|
|
5077
5111
|
font-size: var(--scalar-small);
|
|
5078
5112
|
}
|
|
5079
|
-
.scroll-timeline-x[data-v-
|
|
5113
|
+
.scroll-timeline-x[data-v-d37cbfcc] {
|
|
5080
5114
|
-ms-overflow-style: none;
|
|
5081
5115
|
/* Fade the URL at the viewport edges. Mask lives on the scrollport (this
|
|
5082
5116
|
element) rather than on `.cm-scroller`, whose width follows the URL's
|
|
@@ -5089,31 +5123,31 @@ to {
|
|
|
5089
5123
|
transparent 100%
|
|
5090
5124
|
);
|
|
5091
5125
|
}
|
|
5092
|
-
.scroll-timeline-x-hidden[data-v-
|
|
5126
|
+
.scroll-timeline-x-hidden[data-v-d37cbfcc] {
|
|
5093
5127
|
overflow-x: auto;
|
|
5094
5128
|
}
|
|
5095
|
-
.scroll-timeline-x-hidden[data-v-
|
|
5129
|
+
.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller {
|
|
5096
5130
|
scrollbar-width: none;
|
|
5097
5131
|
-ms-overflow-style: none;
|
|
5098
5132
|
padding-right: 20px;
|
|
5099
5133
|
overflow: auto;
|
|
5100
5134
|
}
|
|
5101
|
-
.scroll-timeline-x-hidden[data-v-
|
|
5135
|
+
.scroll-timeline-x-hidden[data-v-d37cbfcc]::-webkit-scrollbar {
|
|
5102
5136
|
width: 0;
|
|
5103
5137
|
height: 0;
|
|
5104
5138
|
display: none;
|
|
5105
5139
|
}
|
|
5106
|
-
.scroll-timeline-x-hidden[data-v-
|
|
5140
|
+
.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller::-webkit-scrollbar {
|
|
5107
5141
|
width: 0;
|
|
5108
5142
|
height: 0;
|
|
5109
5143
|
display: none;
|
|
5110
5144
|
}
|
|
5111
|
-
.scroll-timeline-x-address[data-v-
|
|
5145
|
+
.scroll-timeline-x-address[data-v-d37cbfcc] {
|
|
5112
5146
|
line-height: 27px;
|
|
5113
5147
|
scrollbar-width: none; /* Firefox */
|
|
5114
5148
|
}
|
|
5115
5149
|
/* make clickable are to left of send button */
|
|
5116
|
-
.scroll-timeline-x-address[data-v-
|
|
5150
|
+
.scroll-timeline-x-address[data-v-d37cbfcc]:after {
|
|
5117
5151
|
content: '';
|
|
5118
5152
|
position: absolute;
|
|
5119
5153
|
height: 100%;
|
|
@@ -5121,12 +5155,12 @@ to {
|
|
|
5121
5155
|
right: 0;
|
|
5122
5156
|
cursor: text;
|
|
5123
5157
|
}
|
|
5124
|
-
.scroll-timeline-x-address[data-v-
|
|
5158
|
+
.scroll-timeline-x-address[data-v-d37cbfcc]:empty:before {
|
|
5125
5159
|
content: 'Enter URL or cURL request';
|
|
5126
5160
|
color: var(--scalar-color-3);
|
|
5127
5161
|
pointer-events: none;
|
|
5128
5162
|
}
|
|
5129
|
-
.address-bar-bg-states[data-v-
|
|
5163
|
+
.address-bar-bg-states[data-v-d37cbfcc] {
|
|
5130
5164
|
--scalar-address-bar-bg: color-mix(
|
|
5131
5165
|
in srgb,
|
|
5132
5166
|
var(--scalar-background-1),
|
|
@@ -5134,12 +5168,16 @@ to {
|
|
|
5134
5168
|
);
|
|
5135
5169
|
background: var(--scalar-address-bar-bg);
|
|
5136
5170
|
}
|
|
5137
|
-
.address-bar-bg-states[data-v-
|
|
5171
|
+
.address-bar-bg-states[data-v-d37cbfcc]:has(.cm-focused) {
|
|
5138
5172
|
--scalar-address-bar-bg: var(--scalar-background-1);
|
|
5139
5173
|
border-color: var(--scalar-border-color);
|
|
5140
5174
|
outline-width: 1px;
|
|
5141
5175
|
outline-style: solid;
|
|
5142
5176
|
}
|
|
5177
|
+
.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-d37cbfcc],
|
|
5178
|
+
.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-d37cbfcc] {
|
|
5179
|
+
--scalar-address-bar-bg: var(--scalar-background-1);
|
|
5180
|
+
}
|
|
5143
5181
|
.app-exit-button[data-v-42c563b3] {
|
|
5144
5182
|
color: white;
|
|
5145
5183
|
background: rgba(0, 0, 0, 0.1);
|
|
@@ -5235,33 +5273,107 @@ to {
|
|
|
5235
5273
|
.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
|
|
5236
5274
|
display: none;
|
|
5237
5275
|
}
|
|
5238
|
-
[data-v-
|
|
5239
|
-
|
|
5276
|
+
.code-input-lite[data-v-1974e80d] {
|
|
5277
|
+
/* Flex so the editor centres vertically in whatever height the cell gives us.
|
|
5278
|
+
Font properties inherit so we adopt the surrounding typography. */
|
|
5279
|
+
display: flex;
|
|
5280
|
+
align-items: center;
|
|
5240
5281
|
}
|
|
5241
|
-
[data-v-
|
|
5282
|
+
.code-input-lite__editor[data-v-1974e80d] {
|
|
5283
|
+
/* Everything font-related inherits from the surrounding context. */
|
|
5284
|
+
font: inherit;
|
|
5285
|
+
letter-spacing: inherit;
|
|
5286
|
+
flex: 1;
|
|
5287
|
+
min-width: 0;
|
|
5288
|
+
background: transparent;
|
|
5289
|
+
outline: none;
|
|
5290
|
+
color: var(--scalar-color-1);
|
|
5291
|
+
caret-color: var(--scalar-color-1);
|
|
5292
|
+
/* Single-line: horizontal scroll keeps the caret visible for long values;
|
|
5293
|
+
the scrollbar itself is hidden (would be noisy inside a table cell). */
|
|
5294
|
+
white-space: pre;
|
|
5295
|
+
overflow-x: auto;
|
|
5296
|
+
overflow-y: hidden;
|
|
5297
|
+
scrollbar-width: none;
|
|
5298
|
+
padding: 0 0.5em;
|
|
5299
|
+
box-sizing: border-box;
|
|
5300
|
+
line-height: 1.44;
|
|
5301
|
+
/* Positioning context for the absolutely positioned placeholder. */
|
|
5302
|
+
position: relative;
|
|
5303
|
+
}
|
|
5304
|
+
.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
|
|
5305
|
+
display: none;
|
|
5306
|
+
}
|
|
5307
|
+
/* Absolute so the placeholder does not occupy flow space inside the
|
|
5308
|
+
contenteditable; otherwise the caret would land after it on focus.
|
|
5309
|
+
`pointer-events: none` lets clicks fall through to focus the editor.
|
|
5310
|
+
Hidden on focus so it never renders on top of the text caret. */
|
|
5311
|
+
.code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus)::before {
|
|
5312
|
+
content: attr(data-placeholder);
|
|
5313
|
+
color: var(--scalar-color-3);
|
|
5314
|
+
pointer-events: none;
|
|
5315
|
+
position: absolute;
|
|
5316
|
+
top: 0;
|
|
5317
|
+
bottom: 0;
|
|
5318
|
+
left: 0.5em;
|
|
5319
|
+
display: flex;
|
|
5242
5320
|
align-items: center;
|
|
5321
|
+
}
|
|
5322
|
+
.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
|
|
5323
|
+
outline: 1px solid var(--scalar-color-red);
|
|
5324
|
+
}
|
|
5325
|
+
/* Pill styling. Each pill is `<span contenteditable="false">name</span>` —
|
|
5326
|
+
an atomic widget; the caret lands before or after it, never inside. */
|
|
5327
|
+
.scalar-pill {
|
|
5328
|
+
color: var(--scalar-color-2);
|
|
5329
|
+
border-radius: 30px;
|
|
5330
|
+
display: inline-block;
|
|
5331
|
+
font-family: var(--scalar-font-code);
|
|
5332
|
+
font-size: 0.9em;
|
|
5333
|
+
line-height: 1.4;
|
|
5334
|
+
vertical-align: baseline;
|
|
5335
|
+
background: var(--scalar-background-3);
|
|
5336
|
+
padding: 0.125em 0.6em;
|
|
5337
|
+
margin-right: 0.35em;
|
|
5338
|
+
cursor: text;
|
|
5339
|
+
/* Single click selects the whole pill — chip/mention model, deletes in one go. */
|
|
5340
|
+
user-select: all;
|
|
5341
|
+
-webkit-user-select: all;
|
|
5342
|
+
}
|
|
5343
|
+
.dark-mode .scalar-pill {
|
|
5344
|
+
background: color-mix(
|
|
5345
|
+
in srgb,
|
|
5346
|
+
var(--tw-bg-base, var(--scalar-color-1)),
|
|
5347
|
+
transparent 90%
|
|
5348
|
+
);
|
|
5349
|
+
}
|
|
5350
|
+
.light-mode .scalar-pill {
|
|
5351
|
+
background: var(--scalar-background-3);
|
|
5352
|
+
}
|
|
5353
|
+
.scalar-pill--context-fn {
|
|
5354
|
+
/* Inset box-shadow as a border so the layout box stays identical to plain pills. */
|
|
5355
|
+
box-shadow: 0 0 0 1px
|
|
5356
|
+
color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;
|
|
5357
|
+
}
|
|
5358
|
+
.dark-mode .scalar-pill--context-fn {
|
|
5359
|
+
background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);
|
|
5360
|
+
}
|
|
5361
|
+
.light-mode .scalar-pill--context-fn {
|
|
5362
|
+
background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
|
|
5363
|
+
}
|
|
5364
|
+
[data-v-6b2d7899] .code-input-lite__editor {
|
|
5243
5365
|
background-color: transparent;
|
|
5244
|
-
display: flex;
|
|
5245
5366
|
font-family: var(--scalar-font);
|
|
5246
5367
|
font-size: var(--scalar-small);
|
|
5247
5368
|
padding: 5px 8px;
|
|
5248
|
-
width: 100%;
|
|
5249
|
-
}
|
|
5250
|
-
[data-v-36811e28] .cm-content:has(.cm-pill) {
|
|
5251
|
-
padding: 5px 8px;
|
|
5252
5369
|
}
|
|
5253
|
-
[data-v-
|
|
5254
|
-
margin-right: 0.
|
|
5370
|
+
[data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
|
|
5371
|
+
margin-right: 0.15em;
|
|
5255
5372
|
}
|
|
5256
|
-
[data-v-
|
|
5373
|
+
[data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
|
|
5257
5374
|
margin-left: 0.5px;
|
|
5258
5375
|
}
|
|
5259
|
-
[data-v-
|
|
5260
|
-
overflow: hidden;
|
|
5261
|
-
padding: 0;
|
|
5262
|
-
text-overflow: ellipsis;
|
|
5263
|
-
}
|
|
5264
|
-
.filemask[data-v-36811e28] {
|
|
5376
|
+
.filemask[data-v-6b2d7899] {
|
|
5265
5377
|
mask-image: linear-gradient(
|
|
5266
5378
|
to right,
|
|
5267
5379
|
transparent 0,
|
|
@@ -5292,60 +5404,45 @@ to {
|
|
|
5292
5404
|
-ms-overflow-style: none;
|
|
5293
5405
|
scrollbar-width: none;
|
|
5294
5406
|
}
|
|
5295
|
-
[data-v-
|
|
5296
|
-
padding: 0;
|
|
5297
|
-
}
|
|
5298
|
-
[data-v-1ee3c31d] .cm-content {
|
|
5299
|
-
align-items: center;
|
|
5407
|
+
[data-v-a6f4752a] .code-input-lite__editor {
|
|
5300
5408
|
background-color: transparent;
|
|
5301
|
-
display: flex;
|
|
5302
5409
|
font-family: var(--scalar-font);
|
|
5303
5410
|
font-size: var(--scalar-small);
|
|
5304
5411
|
padding: 5px 8px;
|
|
5305
|
-
width: 100%;
|
|
5306
|
-
}
|
|
5307
|
-
[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
|
|
5308
|
-
padding: 5px 8px;
|
|
5309
5412
|
}
|
|
5310
|
-
[data-v-
|
|
5311
|
-
margin-right: 0.
|
|
5413
|
+
[data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
|
|
5414
|
+
margin-right: 0.15em;
|
|
5312
5415
|
}
|
|
5313
|
-
[data-v-
|
|
5416
|
+
[data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
|
|
5314
5417
|
margin-left: 0.5px;
|
|
5315
5418
|
}
|
|
5316
|
-
[data-v-
|
|
5317
|
-
overflow: hidden;
|
|
5318
|
-
padding: 0;
|
|
5319
|
-
text-overflow: ellipsis;
|
|
5320
|
-
word-break: break-word;
|
|
5321
|
-
}
|
|
5322
|
-
.required[data-v-1ee3c31d]::after {
|
|
5419
|
+
.required[data-v-a6f4752a]::after {
|
|
5323
5420
|
content: 'Required';
|
|
5324
5421
|
}
|
|
5325
5422
|
/* Tailwind placeholder is busted */
|
|
5326
|
-
input[data-v-
|
|
5423
|
+
input[data-v-a6f4752a]::placeholder {
|
|
5327
5424
|
color: var(--scalar-color-3);
|
|
5328
5425
|
}
|
|
5329
5426
|
/* we want our inputs to look like a password input but not be one */
|
|
5330
|
-
.scalar-password-input[data-v-
|
|
5427
|
+
.scalar-password-input[data-v-a6f4752a] {
|
|
5331
5428
|
text-security: disc;
|
|
5332
5429
|
-webkit-text-security: disc;
|
|
5333
5430
|
-moz-text-security: disc;
|
|
5334
5431
|
}
|
|
5335
|
-
.request-section-content[data-v-
|
|
5432
|
+
.request-section-content[data-v-612d194c] {
|
|
5336
5433
|
--scalar-border-width: 0.5px;
|
|
5337
5434
|
}
|
|
5338
|
-
.request-section-content-filter[data-v-
|
|
5435
|
+
.request-section-content-filter[data-v-612d194c] {
|
|
5339
5436
|
box-shadow: 0 -10px 0 10px var(--scalar-background-1);
|
|
5340
5437
|
}
|
|
5341
|
-
.request-item:focus-within .request-meta-buttons[data-v-
|
|
5438
|
+
.request-item:focus-within .request-meta-buttons[data-v-612d194c] {
|
|
5342
5439
|
opacity: 1;
|
|
5343
5440
|
}
|
|
5344
|
-
.group-hover-input[data-v-
|
|
5441
|
+
.group-hover-input[data-v-612d194c] {
|
|
5345
5442
|
border-width: var(--scalar-border-width);
|
|
5346
5443
|
border-color: transparent;
|
|
5347
5444
|
}
|
|
5348
|
-
.group:hover .group-hover-input[data-v-
|
|
5445
|
+
.group:hover .group-hover-input[data-v-612d194c] {
|
|
5349
5446
|
background: color-mix(
|
|
5350
5447
|
in srgb,
|
|
5351
5448
|
var(--scalar-background-1),
|
|
@@ -5353,7 +5450,7 @@ input[data-v-1ee3c31d]::placeholder {
|
|
|
5353
5450
|
);
|
|
5354
5451
|
border-color: var(--scalar-border-color);
|
|
5355
5452
|
}
|
|
5356
|
-
.group-hover-input[data-v-
|
|
5453
|
+
.group-hover-input[data-v-612d194c]:focus {
|
|
5357
5454
|
background: transparent !important;
|
|
5358
5455
|
border-color: var(--scalar-border-color) !important;
|
|
5359
5456
|
}
|
|
@@ -5523,32 +5620,18 @@ to {
|
|
|
5523
5620
|
right: 0;
|
|
5524
5621
|
bottom: 0;
|
|
5525
5622
|
}
|
|
5526
|
-
[data-v-
|
|
5527
|
-
padding: 0;
|
|
5528
|
-
}
|
|
5529
|
-
[data-v-69be2d6c] .cm-content {
|
|
5530
|
-
align-items: center;
|
|
5623
|
+
[data-v-5b336842] .code-input-lite__editor {
|
|
5531
5624
|
background-color: transparent;
|
|
5532
|
-
display: flex;
|
|
5533
5625
|
font-family: var(--scalar-font);
|
|
5534
5626
|
font-size: var(--scalar-small);
|
|
5535
5627
|
padding: 5px 8px;
|
|
5536
|
-
width: 100%;
|
|
5537
5628
|
}
|
|
5538
|
-
[data-v-
|
|
5539
|
-
|
|
5629
|
+
[data-v-5b336842] .scalar-pill:not(:last-of-type) {
|
|
5630
|
+
margin-right: 0.15em;
|
|
5540
5631
|
}
|
|
5541
|
-
[data-v-
|
|
5542
|
-
margin-right: 0.5px;
|
|
5543
|
-
}
|
|
5544
|
-
[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
|
|
5632
|
+
[data-v-5b336842] .scalar-pill:not(:first-of-type) {
|
|
5545
5633
|
margin-left: 0.5px;
|
|
5546
5634
|
}
|
|
5547
|
-
[data-v-69be2d6c] .cm-line {
|
|
5548
|
-
overflow: hidden;
|
|
5549
|
-
padding: 0;
|
|
5550
|
-
text-overflow: ellipsis;
|
|
5551
|
-
}
|
|
5552
5635
|
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
5553
5636
|
.scalar .scalar-app-layout[data-v-77897d1c] {
|
|
5554
5637
|
background: var(--scalar-background-1);
|
package/package.json
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"testing",
|
|
20
20
|
"react"
|
|
21
21
|
],
|
|
22
|
-
"version": "2.0.
|
|
22
|
+
"version": "2.0.27",
|
|
23
23
|
"engines": {
|
|
24
24
|
"node": ">=22"
|
|
25
25
|
},
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"CHANGELOG.md"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@scalar/api-client": "3.10.3",
|
|
43
42
|
"@scalar/helpers": "0.8.2",
|
|
44
|
-
"@scalar/
|
|
43
|
+
"@scalar/api-client": "3.11.0",
|
|
44
|
+
"@scalar/workspace-store": "0.54.5"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@testing-library/dom": "^10.4.1",
|