@stainless-api/docs-ui 0.1.0-beta.55 → 0.1.0-beta.57

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.
Files changed (114) hide show
  1. package/dist/{breadcrumbs-DbMfWbzf.d.ts → breadcrumbs-BFCcsaL5.d.ts} +2 -2
  2. package/dist/{breadcrumbs-DgN-xdoA.js → breadcrumbs-CCViAnPI.js} +2 -2
  3. package/dist/breadcrumbs-DTHE6aca.d.ts +25 -0
  4. package/dist/{component-CjLDkCLe.js → component-2IFa97aV.js} +2 -2
  5. package/dist/{component-generics-jEHMmsET.d.ts → component-generics-CXfH4VNh.d.ts} +2 -2
  6. package/dist/component-generics-Dbwqv7EL.d.ts +30 -0
  7. package/dist/components/MaskedInput.d.ts +3 -3
  8. package/dist/components/MaskedInput.js +1 -1
  9. package/dist/components/breadcrumbs.d.ts +1 -1
  10. package/dist/components/breadcrumbs.js +2 -2
  11. package/dist/components/icons.d.ts +11 -11
  12. package/dist/components/index.d.ts +10 -10
  13. package/dist/components/index.js +10 -10
  14. package/dist/components/method.d.ts +2 -2
  15. package/dist/components/method.js +3 -3
  16. package/dist/components/overview.d.ts +1 -1
  17. package/dist/components/overview.js +3 -3
  18. package/dist/components/primitives.d.ts +1 -1
  19. package/dist/components/primitives.js +1 -1
  20. package/dist/components/properties.d.ts +1 -1
  21. package/dist/components/properties.js +1 -1
  22. package/dist/components/sdk.d.ts +1 -1
  23. package/dist/components/sdk.js +1 -1
  24. package/dist/components/sidebar.d.ts +1 -1
  25. package/dist/components/sidebar.js +1 -3
  26. package/dist/components/snippets.d.ts +2 -2
  27. package/dist/components/snippets.js +1 -1
  28. package/dist/{components-oq97SH1A.js → components-B6opXKh2.js} +8 -11
  29. package/dist/contexts/component-generics.d.ts +1 -1
  30. package/dist/contexts/component-types.d.ts +10 -10
  31. package/dist/contexts/component.d.ts +13 -13
  32. package/dist/contexts/component.js +18 -18
  33. package/dist/contexts/docs.d.ts +1 -1
  34. package/dist/contexts/index.d.ts +14 -14
  35. package/dist/contexts/markdown.d.ts +1 -1
  36. package/dist/contexts/navigation.d.ts +1 -1
  37. package/dist/contexts/use-components.d.ts +9 -9
  38. package/dist/{csharp-E3FbT47c.js → csharp-Cs2V5Q49.js} +1 -1
  39. package/dist/{docs-B8ujUobE.d.ts → docs-AUJrRqst.d.ts} +2 -2
  40. package/dist/docs-BQbH-a6R.d.ts +47 -0
  41. package/dist/{go-DNSFGJle.js → go-jtKybF5f.js} +1 -1
  42. package/dist/{http-DXRdcllM.js → http-ByTnZCdl.js} +3 -3
  43. package/dist/{index-DJSj_TkD.d.ts → index-Bk5AWxiZ.d.ts} +30 -30
  44. package/dist/index-CBfCrZxK.d.ts +15 -0
  45. package/dist/index-CxTvYsqI.d.ts +15 -0
  46. package/dist/index-DUvl24AZ.d.ts +274 -0
  47. package/dist/index.d.ts +15 -15
  48. package/dist/index.js +18 -18
  49. package/dist/{java-X1yS0K52.js → java-CSfLt_jp.js} +1 -1
  50. package/dist/languages/csharp.d.ts +10 -10
  51. package/dist/languages/csharp.js +1 -1
  52. package/dist/languages/go.d.ts +10 -10
  53. package/dist/languages/go.js +1 -1
  54. package/dist/languages/http.d.ts +10 -10
  55. package/dist/languages/http.js +10 -10
  56. package/dist/languages/index.d.ts +10 -10
  57. package/dist/languages/index.js +17 -17
  58. package/dist/languages/java.d.ts +10 -10
  59. package/dist/languages/java.js +1 -1
  60. package/dist/languages/python.d.ts +10 -10
  61. package/dist/languages/python.js +1 -1
  62. package/dist/languages/ruby.d.ts +10 -10
  63. package/dist/languages/ruby.js +1 -1
  64. package/dist/languages/typescript.d.ts +10 -10
  65. package/dist/languages/typescript.js +1 -1
  66. package/dist/{languages-Ir9QQoCT.js → languages-X8bJZjuW.js} +7 -7
  67. package/dist/markdown/index.d.ts +1 -1
  68. package/dist/markdown/index.js +18 -18
  69. package/dist/markdown/printer.d.ts +1 -1
  70. package/dist/markdown/printer.js +19 -19
  71. package/dist/markdown/utils.d.ts +2 -2
  72. package/dist/{markdown-BeBRJqrt.d.ts → markdown-CqEZJJrZ.d.ts} +2 -2
  73. package/dist/markdown-V_bNKjle.d.ts +22 -0
  74. package/dist/{method-nEcioXL5.js → method-BPsNdtwS.js} +10 -35
  75. package/dist/method-CD_dwBsB.d.ts +59 -0
  76. package/dist/method-CkGKALRi.d.ts +59 -0
  77. package/dist/{navigation-ULXC5uFs.d.ts → navigation-BlOvTCTX.d.ts} +2 -2
  78. package/dist/navigation-CXQA2RZo.d.ts +29 -0
  79. package/dist/{overview-BQk6WvtS.js → overview-BslKVsRE.js} +3 -3
  80. package/dist/{overview-5f2psBcl.d.ts → overview-CVTaIlP6.d.ts} +6 -6
  81. package/dist/overview-DFrenwhf.d.ts +39 -0
  82. package/dist/{primitives-1WQd5NT-.js → primitives-CCj2Pn-o.js} +25 -33
  83. package/dist/primitives-Da9sUCQo.d.ts +104 -0
  84. package/dist/primitives-DiDzLHoK.d.ts +104 -0
  85. package/dist/{properties-Clv76Ne3.d.ts → properties-CEjSSMRr.d.ts} +5 -5
  86. package/dist/properties-CXDSYNGL.d.ts +54 -0
  87. package/dist/{properties-BTdEzx5f.js → properties-DhttBLpf.js} +1 -1
  88. package/dist/{python-DqdvqQ9I.js → python-BU7eaJMy.js} +1 -1
  89. package/dist/routing.d.ts +1 -1
  90. package/dist/{ruby-CHeld1ey.js → ruby-LiJ6VW-R.js} +1 -1
  91. package/dist/{sdk-DT9NI4cv.d.ts → sdk-CL6r5JlK.d.ts} +13 -13
  92. package/dist/{sdk-DEoUlY8I.js → sdk-CbNqFzOI.js} +2 -2
  93. package/dist/sdk-CenwRRXT.d.ts +118 -0
  94. package/dist/{sidebar-M9RnjNtV.d.ts → sidebar-BDwx6h14.d.ts} +5 -5
  95. package/dist/sidebar-CcX4PdH0.d.ts +36 -0
  96. package/dist/{sidebar-D_cK7JN_.js → sidebar-ZNWRDHyv.js} +7 -3
  97. package/dist/{snippets-BiXJx1BL.js → snippets-CO4kIovz.js} +6 -5
  98. package/dist/{snippets-swUWTk4z.d.ts → snippets-DePfv2T6.d.ts} +8 -8
  99. package/dist/snippets-ykHHsG1B.d.ts +51 -0
  100. package/dist/spec.d.ts +3 -3
  101. package/dist/{style-cJZFOvnF.js → style-Vk87Pfuy.js} +0 -2
  102. package/dist/style.d.ts +0 -2
  103. package/dist/style.js +1 -1
  104. package/dist/styles/main.css +1 -26
  105. package/dist/styles/primitives.css +5 -4
  106. package/dist/styles/resets.css +1 -1
  107. package/dist/styles/search.css +32 -30
  108. package/dist/styles/sidebar.css +0 -4
  109. package/dist/styles.css +190 -66
  110. package/dist/{typescript-C--P_L-R.js → typescript-C8J1uyak.js} +1 -1
  111. package/package.json +2 -2
  112. package/dist/index-DhAIZ735.d.ts +0 -15
  113. package/dist/method-cLcsCc31.d.ts +0 -71
  114. package/dist/primitives-BBa2vKex.d.ts +0 -97
@@ -159,31 +159,6 @@
159
159
  }
160
160
  }
161
161
 
162
- .stldocs-root {
163
- .stldocs-method-route-httpmethod {
164
- display: flex;
165
- gap: 4px;
166
- padding: 4px 8px 4px 4px;
167
- text-transform: uppercase;
168
- border-radius: 4px;
169
- font-size: var(--stl-typography-scale-xs);
170
- line-height: 100%;
171
- align-content: center;
172
- font-weight: 600;
173
- align-items: center;
174
- justify-content: center;
175
-
176
- .stldocs-icon {
177
- max-width: unset;
178
- stroke-width: 3px;
179
- }
180
-
181
- &.stldocs-method-route-httpmethod-icon-only {
182
- padding: 4px;
183
- }
184
- }
185
- }
186
-
187
162
  /* Models and properties */
188
163
  .stldocs-root .stldocs-property,
189
164
  .stldocs-root .stldocs-model {
@@ -571,7 +546,7 @@
571
546
  border-top-right-radius: 12px;
572
547
  border-top-left-radius: 12px;
573
548
  padding: 0.5rem;
574
- padding-left: 1rem;
549
+ padding-left: 0.75rem;
575
550
  gap: 0.5rem;
576
551
  font-family: var(--stl-typography-font);
577
552
 
@@ -228,7 +228,6 @@
228
228
  p {
229
229
  display: block;
230
230
  margin: 0 0 1em;
231
- line-height: 150%;
232
231
 
233
232
  &:last-child {
234
233
  margin: 0;
@@ -284,9 +283,11 @@
284
283
  }
285
284
  }
286
285
 
287
- &:focus-within .stldocs-masked-input-display,
288
- &:not(:focus-within) input {
289
- opacity: 0;
286
+ .stldocs-masked-input-wrapper {
287
+ &:focus-within .stldocs-masked-input-display,
288
+ &:not(:focus-within) input {
289
+ opacity: 0;
290
+ }
290
291
  }
291
292
 
292
293
  .stldocs-masked-input-obscured {
@@ -1,6 +1,6 @@
1
1
  /* Resets */
2
2
  .stldocs-root {
3
- line-height: 100%;
3
+ line-height: 1.5;
4
4
  letter-spacing: -0.01em;
5
5
 
6
6
  a {
@@ -3,20 +3,37 @@
3
3
  flex-direction: column;
4
4
 
5
5
  .stldocs-search-filter {
6
- margin-top: 0.8rem;
6
+ margin-top: 0.5rem;
7
7
  display: flex;
8
- gap: 1rem;
8
+ gap: 0.5rem;
9
9
 
10
10
  .stl-ui-button {
11
- flex-grow: 1;
11
+ flex: 1 1 auto;
12
+ padding: 0;
13
+ display: flex;
14
+ gap: 0.5em;
12
15
 
13
16
  .stldocs-search-filter-count {
14
17
  font-size: 0.75rem;
15
- margin: auto 0;
16
18
  background-color: var(--stldocs-color-selected);
17
- border-radius: 0.5rem;
18
- padding: 0 0.5rem;
19
+ border-radius: 100vmax;
20
+ padding: 0 0.35rem;
19
21
  line-height: 1.5;
22
+ font-variant-numeric: tabular-nums;
23
+ }
24
+
25
+ svg {
26
+ flex: 0 0 auto;
27
+ }
28
+ }
29
+
30
+ @media not (min-width: 50rem) {
31
+ svg {
32
+ display: block;
33
+ }
34
+ .stldocs-search-filter-label,
35
+ .stldocs-search-filter-count {
36
+ display: none;
20
37
  }
21
38
  }
22
39
  }
@@ -31,8 +48,8 @@
31
48
 
32
49
  mark {
33
50
  color: var(--stl-color-foreground);
34
- background-color: var(--stl-color-border);
35
- border-bottom: 1px dotted var(--stl-color-foreground);
51
+ background-color: var(--stl-color-text-selection-background);
52
+ box-shadow: inset 0 -1px rgb(from var(--stl-color-text-selection-background) r g b / 1);
36
53
  }
37
54
 
38
55
  &[data-stldocs-search-result='resource'] {
@@ -78,15 +95,6 @@
78
95
  .stldocs-method-route {
79
96
  font-size: 0.8rem;
80
97
 
81
- .stldocs-method-route-httpmethod {
82
- font-size: 0.7rem;
83
- text-transform: uppercase;
84
- font-weight: 600;
85
- padding: 4px;
86
- border-radius: 4px;
87
- align-self: baseline;
88
- }
89
-
90
98
  .stldocs-method-route-endpoint {
91
99
  font-family: var(--stl-typography-font-mono);
92
100
  color: var(--stl-color-foreground-muted);
@@ -181,7 +189,7 @@
181
189
  width: 100%;
182
190
  overflow: hidden;
183
191
  display: none;
184
- padding: 1rem;
192
+ padding: 1rem 1rem 0;
185
193
  inset: 0;
186
194
  background-color: var(--stl-color-background);
187
195
  color: var(--stl-color-foreground);
@@ -201,8 +209,9 @@
201
209
  width: 100%;
202
210
 
203
211
  .stldocs-listview {
204
- margin: 0.8rem 0;
212
+ margin: 0.8rem 0 0;
205
213
  height: 100%;
214
+ padding-bottom: 1rem;
206
215
  }
207
216
  }
208
217
 
@@ -229,11 +238,13 @@
229
238
  .stldocs-root {
230
239
  .stldocs-search-modal {
231
240
  height: 100%;
232
- max-width: 1024px;
241
+ width: 1024px;
242
+ max-width: calc(100% - 4rem);
233
243
  max-height: 80vh;
234
244
  margin: 3rem auto;
235
245
  border: 1px solid var(--stl-color-border);
236
- border-radius: var(--stl-ui-layout-border-radius-sml);
246
+ /* nest with input that has --stl-ui-layout-border-radius-sml */
247
+ border-radius: calc(var(--stl-ui-layout-border-radius-sml) + 0.9rem);
237
248
 
238
249
  .stldocs-search-modal-close-button {
239
250
  display: none;
@@ -251,12 +262,3 @@
251
262
  }
252
263
  }
253
264
 
254
- @media (max-width: 50rem) {
255
- .stldocs-root .stldocs-search-modal {
256
- .stldocs-search-filter-label,
257
- .stldocs-search-filter-count {
258
- display: none;
259
- }
260
- }
261
- }
262
-
@@ -17,10 +17,6 @@
17
17
  display: flex;
18
18
  gap: 0.5rem;
19
19
 
20
- .stldocs-method-route-httpmethod {
21
- margin-bottom: auto;
22
- }
23
-
24
20
  &[data-selected='true'] {
25
21
  & > a,
26
22
  & > details > summary > a {
package/dist/styles.css CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  --stl-color-text-selection-foreground: /* unset by default; text colors are unchanged */;
34
34
  --stl-color-text-selection-background: light-dark(
35
- rgb(from var(--stl-color-text-selection) r g b / calc(alpha * 0.2)),
35
+ rgb(from var(--stl-color-text-selection) r g b / calc(alpha * 0.15)),
36
36
  rgb(from var(--stl-color-text-selection) r g b / calc(alpha * 0.35))
37
37
  );
38
38
  }
@@ -1169,6 +1169,156 @@ a.stl-ui-button {
1169
1169
  margin-top: 4px;
1170
1170
  }
1171
1171
 
1172
+ .stl-ui-badge {
1173
+ display: inline-flex;
1174
+ align-items: center;
1175
+ gap: 0.125em;
1176
+
1177
+ font-weight: 500;
1178
+ letter-spacing: normal;
1179
+
1180
+ border-width: 1px;
1181
+ border-style: solid;
1182
+
1183
+ /* sizes */
1184
+ &.stl-ui-badge--size-sm {
1185
+ height: 20px;
1186
+ font-size: var(--stl-typography-scale-xs);
1187
+ padding: 0 2px;
1188
+ border-radius: var(--stl-ui-layout-border-radius-xs);
1189
+ --stl-ui-badge-icon-size: 14px;
1190
+ }
1191
+ &,
1192
+ &.stl-ui-badge--size-md {
1193
+ height: 24px;
1194
+ font-size: var(--stl-typography-scale-sm);
1195
+ padding: 0 4px;
1196
+ border-radius: var(--stl-ui-layout-border-radius-xs);
1197
+ --stl-ui-badge-icon-size: 14px;
1198
+ }
1199
+ &.stl-ui-badge--size-lg {
1200
+ height: 32px;
1201
+ font-size: var(--stl-typography-scale-md);
1202
+ padding: 0 6px;
1203
+ border-radius: var(--stl-ui-layout-border-radius-sml);
1204
+ --stl-ui-badge-icon-size: 16px;
1205
+ }
1206
+
1207
+ /* intents */
1208
+ &.stl-ui-badge--intent-none {
1209
+ background-color: var(--stl-color-ui-background);
1210
+ color: var(--stl-color-foreground-muted);
1211
+ --stl-ui-badge-icon-opacity: var(--stl-opacity-level-040);
1212
+ border-color: var(--stl-color-border);
1213
+ }
1214
+ &.stl-ui-badge--intent-info {
1215
+ background-color: var(--stl-color-muted-background);
1216
+ color: var(--stl-color-foreground-muted);
1217
+ --stl-ui-badge-icon-opacity: var(--stl-opacity-level-040);
1218
+ border-color: var(--stl-color-border);
1219
+ &.stl-ui-badge--solid {
1220
+ background-color: var(--stl-color-inverse-background);
1221
+ color: var(--stl-color-inverse-foreground);
1222
+ --stl-ui-badge-icon-opacity: 1;
1223
+ }
1224
+ }
1225
+ &.stl-ui-badge--intent-success,
1226
+ &.stl-ui-badge--http-get {
1227
+ background-color: var(--stl-color-green-muted-background);
1228
+ color: var(--stl-color-green-foreground);
1229
+ border-color: var(--stl-color-green-border);
1230
+ &.stl-ui-badge--solid {
1231
+ background-color: var(--stl-color-green-inverse-background);
1232
+ color: var(--stl-color-green-inverse-foreground);
1233
+ }
1234
+ }
1235
+ &.stl-ui-badge--intent-warning {
1236
+ background-color: var(--stl-color-yellow-muted-background);
1237
+ color: var(--stl-color-yellow-foreground);
1238
+ border-color: var(--stl-color-yellow-border);
1239
+ &.stl-ui-badge--solid {
1240
+ background-color: var(--stl-color-yellow-inverse-background);
1241
+ color: var(--stl-color-yellow-inverse-foreground);
1242
+ }
1243
+ }
1244
+ &.stl-ui-badge--intent-danger,
1245
+ &.stl-ui-badge--http-delete {
1246
+ background-color: var(--stl-color-red-muted-background);
1247
+ color: var(--stl-color-red-foreground);
1248
+ border-color: var(--stl-color-red-border);
1249
+ &.stl-ui-badge--solid {
1250
+ background-color: var(--stl-color-red-inverse-background);
1251
+ color: var(--stl-color-red-inverse-foreground);
1252
+ }
1253
+ }
1254
+ &.stl-ui-badge--intent-note,
1255
+ &.stl-ui-badge--http-post {
1256
+ background-color: var(--stl-color-blue-muted-background);
1257
+ color: var(--stl-color-blue-foreground);
1258
+ border-color: var(--stl-color-blue-border);
1259
+ &.stl-ui-badge--solid {
1260
+ background-color: var(--stl-color-blue-inverse-background);
1261
+ color: var(--stl-color-blue-inverse-foreground);
1262
+ }
1263
+ }
1264
+ &.stl-ui-badge--intent-tip {
1265
+ background-color: var(--stl-color-purple-muted-background);
1266
+ color: var(--stl-color-purple-foreground);
1267
+ border-color: var(--stl-color-purple-border);
1268
+ &.stl-ui-badge--solid {
1269
+ background-color: var(--stl-color-purple-inverse-background);
1270
+ color: var(--stl-color-purple-inverse-foreground);
1271
+ }
1272
+ }
1273
+ &.stl-ui-badge--intent-accent {
1274
+ background-color: var(--stl-color-accent-muted-background);
1275
+ color: var(--stl-color-accent-foreground);
1276
+ border-color: var(--stl-color-accent-border);
1277
+ &.stl-ui-badge--solid {
1278
+ background-color: var(--stl-color-accent-inverse-background);
1279
+ color: var(--stl-color-accent-inverse-foreground);
1280
+ }
1281
+ }
1282
+ &.stl-ui-badge--http-put,
1283
+ &.stl-ui-badge--http-patch {
1284
+ background-color: var(--stl-color-orange-muted-background);
1285
+ color: var(--stl-color-orange-foreground);
1286
+ border-color: var(--stl-color-orange-border);
1287
+ &.stl-ui-badge--solid {
1288
+ background-color: var(--stl-color-orange-inverse-background);
1289
+ color: var(--stl-color-orange-inverse-foreground);
1290
+ }
1291
+ }
1292
+
1293
+ /* Text content */
1294
+ .stl-ui-badge__content {
1295
+ display: inline-block;
1296
+ padding: 0.25em;
1297
+ }
1298
+
1299
+ /* Icons */
1300
+ svg {
1301
+ flex-shrink: 0;
1302
+ display: inline-block;
1303
+ color: rgb(from currentColor r g b / 1);
1304
+ opacity: var(--stl-ui-badge-icon-opacity, 1);
1305
+ width: var(--stl-ui-badge-icon-size);
1306
+ height: var(--stl-ui-badge-icon-size);
1307
+ }
1308
+ &:has(> svg:only-child) {
1309
+ padding: 0;
1310
+ aspect-ratio: 1;
1311
+ justify-content: center;
1312
+ }
1313
+
1314
+ /* HTTP */
1315
+ &.stl-ui-badge--http {
1316
+ font-family: var(--stl-typography-font-mono);
1317
+ font-variant-numeric: tabular-nums;
1318
+ text-transform: uppercase;
1319
+ }
1320
+ }
1321
+
1172
1322
  /* design system variables */
1173
1323
 
1174
1324
  /* components */
@@ -1176,7 +1326,7 @@ a.stl-ui-button {
1176
1326
 
1177
1327
  /* Resets */
1178
1328
  .stldocs-root {
1179
- line-height: 100%;
1329
+ line-height: 1.5;
1180
1330
  letter-spacing: -0.01em;
1181
1331
 
1182
1332
  a {
@@ -1469,7 +1619,6 @@ a.stl-ui-button {
1469
1619
  p {
1470
1620
  display: block;
1471
1621
  margin: 0 0 1em;
1472
- line-height: 150%;
1473
1622
 
1474
1623
  &:last-child {
1475
1624
  margin: 0;
@@ -1525,9 +1674,11 @@ a.stl-ui-button {
1525
1674
  }
1526
1675
  }
1527
1676
 
1528
- &:focus-within .stldocs-masked-input-display,
1529
- &:not(:focus-within) input {
1530
- opacity: 0;
1677
+ .stldocs-masked-input-wrapper {
1678
+ &:focus-within .stldocs-masked-input-display,
1679
+ &:not(:focus-within) input {
1680
+ opacity: 0;
1681
+ }
1531
1682
  }
1532
1683
 
1533
1684
  .stldocs-masked-input-obscured {
@@ -1833,31 +1984,6 @@ a.stl-ui-button {
1833
1984
  }
1834
1985
  }
1835
1986
 
1836
- .stldocs-root {
1837
- .stldocs-method-route-httpmethod {
1838
- display: flex;
1839
- gap: 4px;
1840
- padding: 4px 8px 4px 4px;
1841
- text-transform: uppercase;
1842
- border-radius: 4px;
1843
- font-size: var(--stl-typography-scale-xs);
1844
- line-height: 100%;
1845
- align-content: center;
1846
- font-weight: 600;
1847
- align-items: center;
1848
- justify-content: center;
1849
-
1850
- .stldocs-icon {
1851
- max-width: unset;
1852
- stroke-width: 3px;
1853
- }
1854
-
1855
- &.stldocs-method-route-httpmethod-icon-only {
1856
- padding: 4px;
1857
- }
1858
- }
1859
- }
1860
-
1861
1987
  /* Models and properties */
1862
1988
  .stldocs-root .stldocs-property,
1863
1989
  .stldocs-root .stldocs-model {
@@ -2245,7 +2371,7 @@ a.stl-ui-button {
2245
2371
  border-top-right-radius: 12px;
2246
2372
  border-top-left-radius: 12px;
2247
2373
  padding: 0.5rem;
2248
- padding-left: 1rem;
2374
+ padding-left: 0.75rem;
2249
2375
  gap: 0.5rem;
2250
2376
  font-family: var(--stl-typography-font);
2251
2377
 
@@ -2657,10 +2783,6 @@ a.stl-ui-button {
2657
2783
  display: flex;
2658
2784
  gap: 0.5rem;
2659
2785
 
2660
- .stldocs-method-route-httpmethod {
2661
- margin-bottom: auto;
2662
- }
2663
-
2664
2786
  &[data-selected='true'] {
2665
2787
  & > a,
2666
2788
  & > details > summary > a {
@@ -2729,20 +2851,37 @@ a.stl-ui-button {
2729
2851
  flex-direction: column;
2730
2852
 
2731
2853
  .stldocs-search-filter {
2732
- margin-top: 0.8rem;
2854
+ margin-top: 0.5rem;
2733
2855
  display: flex;
2734
- gap: 1rem;
2856
+ gap: 0.5rem;
2735
2857
 
2736
2858
  .stl-ui-button {
2737
- flex-grow: 1;
2859
+ flex: 1 1 auto;
2860
+ padding: 0;
2861
+ display: flex;
2862
+ gap: 0.5em;
2738
2863
 
2739
2864
  .stldocs-search-filter-count {
2740
2865
  font-size: 0.75rem;
2741
- margin: auto 0;
2742
2866
  background-color: var(--stldocs-color-selected);
2743
- border-radius: 0.5rem;
2744
- padding: 0 0.5rem;
2867
+ border-radius: 100vmax;
2868
+ padding: 0 0.35rem;
2745
2869
  line-height: 1.5;
2870
+ font-variant-numeric: tabular-nums;
2871
+ }
2872
+
2873
+ svg {
2874
+ flex: 0 0 auto;
2875
+ }
2876
+ }
2877
+
2878
+ @media not (min-width: 50rem) {
2879
+ svg {
2880
+ display: block;
2881
+ }
2882
+ .stldocs-search-filter-label,
2883
+ .stldocs-search-filter-count {
2884
+ display: none;
2746
2885
  }
2747
2886
  }
2748
2887
  }
@@ -2757,8 +2896,8 @@ a.stl-ui-button {
2757
2896
 
2758
2897
  mark {
2759
2898
  color: var(--stl-color-foreground);
2760
- background-color: var(--stl-color-border);
2761
- border-bottom: 1px dotted var(--stl-color-foreground);
2899
+ background-color: var(--stl-color-text-selection-background);
2900
+ box-shadow: inset 0 -1px rgb(from var(--stl-color-text-selection-background) r g b / 1);
2762
2901
  }
2763
2902
 
2764
2903
  &[data-stldocs-search-result='resource'] {
@@ -2804,15 +2943,6 @@ a.stl-ui-button {
2804
2943
  .stldocs-method-route {
2805
2944
  font-size: 0.8rem;
2806
2945
 
2807
- .stldocs-method-route-httpmethod {
2808
- font-size: 0.7rem;
2809
- text-transform: uppercase;
2810
- font-weight: 600;
2811
- padding: 4px;
2812
- border-radius: 4px;
2813
- align-self: baseline;
2814
- }
2815
-
2816
2946
  .stldocs-method-route-endpoint {
2817
2947
  font-family: var(--stl-typography-font-mono);
2818
2948
  color: var(--stl-color-foreground-muted);
@@ -2907,7 +3037,7 @@ a.stl-ui-button {
2907
3037
  width: 100%;
2908
3038
  overflow: hidden;
2909
3039
  display: none;
2910
- padding: 1rem;
3040
+ padding: 1rem 1rem 0;
2911
3041
  inset: 0;
2912
3042
  background-color: var(--stl-color-background);
2913
3043
  color: var(--stl-color-foreground);
@@ -2927,8 +3057,9 @@ a.stl-ui-button {
2927
3057
  width: 100%;
2928
3058
 
2929
3059
  .stldocs-listview {
2930
- margin: 0.8rem 0;
3060
+ margin: 0.8rem 0 0;
2931
3061
  height: 100%;
3062
+ padding-bottom: 1rem;
2932
3063
  }
2933
3064
  }
2934
3065
 
@@ -2955,11 +3086,13 @@ a.stl-ui-button {
2955
3086
  .stldocs-root {
2956
3087
  .stldocs-search-modal {
2957
3088
  height: 100%;
2958
- max-width: 1024px;
3089
+ width: 1024px;
3090
+ max-width: calc(100% - 4rem);
2959
3091
  max-height: 80vh;
2960
3092
  margin: 3rem auto;
2961
3093
  border: 1px solid var(--stl-color-border);
2962
- border-radius: var(--stl-ui-layout-border-radius-sml);
3094
+ /* nest with input that has --stl-ui-layout-border-radius-sml */
3095
+ border-radius: calc(var(--stl-ui-layout-border-radius-sml) + 0.9rem);
2963
3096
 
2964
3097
  .stldocs-search-modal-close-button {
2965
3098
  display: none;
@@ -2977,15 +3110,6 @@ a.stl-ui-button {
2977
3110
  }
2978
3111
  }
2979
3112
 
2980
- @media (max-width: 50rem) {
2981
- .stldocs-root .stldocs-search-modal {
2982
- .stldocs-search-filter-label,
2983
- .stldocs-search-filter-count {
2984
- display: none;
2985
- }
2986
- }
2987
- }
2988
-
2989
3113
  /* For standalone usage of docs-ui */
2990
3114
 
2991
3115
  /*
@@ -2,7 +2,7 @@ import { t as __exportAll } from "./chunk-CAbhIZi1.js";
2
2
  import { a as useLanguage, l as useSpec, r as useDeclaration } from "./docs-CXqi26jB.js";
3
3
  import { n as useLanguageComponents } from "./contexts-CLpvBI91.js";
4
4
  import { t as useComponents } from "./use-components-DBx5LZk0.js";
5
- import { t as style_default } from "./style-cJZFOvnF.js";
5
+ import { t as style_default } from "./style-Vk87Pfuy.js";
6
6
  import * as React$1 from "react";
7
7
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
8
8
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stainless-api/docs-ui",
3
3
  "private": false,
4
- "version": "0.1.0-beta.55",
4
+ "version": "0.1.0-beta.57",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
@@ -18,7 +18,7 @@
18
18
  "clsx": "^2.1.1",
19
19
  "htmlparser2": "^10.0.0",
20
20
  "lucide-react": "^0.562.0",
21
- "@stainless-api/ui-primitives": "0.1.0-beta.41"
21
+ "@stainless-api/ui-primitives": "0.1.0-beta.43"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@types/node": "24.10.4",
@@ -1,15 +0,0 @@
1
- import { a as Join, c as ListViewProps, d as ToggleButtonProps, f as Tooltip, i as InputProps, l as Markdown, n as Expander, o as Link, p as VirtualExpander, r as Input, s as ListView, t as Badge, u as ToggleButton } from "./primitives-BBa2vKex.js";
2
- import { n as generateApiBreadcrumbs, t as SDKBreadcrumbs } from "./breadcrumbs-DbMfWbzf.js";
3
- import { a as MethodDescription, c as MethodHeaderProps, d as MethodInfo, f as MethodInfoProps, h as MethodRouteProps, i as Method, l as MethodIconBadge, m as MethodRoute, n as HttpMethodIcons, o as MethodDescriptionProps, p as MethodProps, r as HttpMethods, s as MethodHeader, t as HTTPMethod, u as MethodIconProps } from "./method-cLcsCc31.js";
4
- import { a as PropertyTitle, c as PropertyToggleProps, i as PropertyProps, n as PropertyDescription, o as PropertyTitleProps, r as PropertyDescriptionProps, s as PropertyToggle, t as Property } from "./properties-Clv76Ne3.js";
5
- import { C as TransformRequestSnippetFn, S as SDKSnippetLanguagesType, T as useReferenceNesting, _ as SDKModelProps, a as SDKChildren, b as SDKRequestTitleProps, c as SDKDeclaration, d as SDKLanguageBlock, f as SDKMethod, g as SDKModel, h as SDKMethodProps, i as ReferenceNestingContextType, l as SDKExample, m as SDKMethodInfo, n as PropertyModelContextType, o as SDKConstraints, p as SDKMethodHeader, r as ReferenceNestingContext, s as SDKConstraintsProps, t as PropertyModelContext, u as SDKIcon, v as SDKReference, w as usePropertyModel, x as SDKSnippetLanguages, y as SDKRequestTitle } from "./sdk-DT9NI4cv.js";
6
- import { a as SnippetContainer, c as SnippetRequestContainer, i as SnippetCodeProps, l as SnippetRequestContainerProps, n as SnippetButtons, o as SnippetContainerProps, r as SnippetCode, s as SnippetProps, t as Snippet, u as SnippetResponse } from "./snippets-swUWTk4z.js";
7
- import { a as SDKResource, c as SDKRoot, i as SDKOverviewProps, l as SDKRootProps, n as SDKMethodSummaryProps, o as SDKResourceHeader, r as SDKOverview, s as SDKResourceProps, t as SDKMethodSummary } from "./overview-5f2psBcl.js";
8
- import { a as SidebarProps, i as SidebarMethodProps, n as SidebarExpander, o as SidebarResource, r as SidebarMethod, s as SidebarResourceProps, t as Sidebar } from "./sidebar-M9RnjNtV.js";
9
-
10
- //#region src/components/index.d.ts
11
- declare namespace index_d_exports {
12
- export { Badge, Expander, HTTPMethod, HttpMethodIcons, HttpMethods, Input, InputProps, Join, Link, ListView, ListViewProps, Markdown, Method, MethodDescription, MethodDescriptionProps, MethodHeader, MethodHeaderProps, MethodIconBadge, MethodIconProps, MethodInfo, MethodInfoProps, MethodProps, MethodRoute, MethodRouteProps, Property, PropertyDescription, PropertyDescriptionProps, PropertyModelContext, PropertyModelContextType, PropertyProps, PropertyTitle, PropertyTitleProps, PropertyToggle, PropertyToggleProps, ReferenceNestingContext, ReferenceNestingContextType, SDKBreadcrumbs, SDKChildren, SDKConstraints, SDKConstraintsProps, SDKDeclaration, SDKExample, SDKIcon, SDKLanguageBlock, SDKMethod, SDKMethodHeader, SDKMethodInfo, SDKMethodProps, SDKMethodSummary, SDKMethodSummaryProps, SDKModel, SDKModelProps, SDKOverview, SDKOverviewProps, SDKReference, SDKRequestTitle, SDKRequestTitleProps, SDKResource, SDKResourceHeader, SDKResourceProps, SDKRoot, SDKRootProps, SDKSnippetLanguages, SDKSnippetLanguagesType, Sidebar, SidebarExpander, SidebarMethod, SidebarMethodProps, SidebarProps, SidebarResource, SidebarResourceProps, Snippet, SnippetButtons, SnippetCode, SnippetCodeProps, SnippetContainer, SnippetContainerProps, SnippetProps, SnippetRequestContainer, SnippetRequestContainerProps, SnippetResponse, ToggleButton, ToggleButtonProps, Tooltip, TransformRequestSnippetFn, VirtualExpander, generateApiBreadcrumbs, usePropertyModel, useReferenceNesting };
13
- }
14
- //#endregion
15
- export { index_d_exports as t };
@@ -1,71 +0,0 @@
1
- import * as React$1 from "react";
2
- import { ReactNode } from "react";
3
- import * as react_jsx_runtime12 from "react/jsx-runtime";
4
- import { LucideIcon } from "lucide-react";
5
-
6
- //#region src/components/method.d.ts
7
- declare const HttpMethods: string[];
8
- type HTTPMethod = (typeof HttpMethods)[number];
9
- declare const HttpMethodIcons: Record<HTTPMethod, LucideIcon>;
10
- type MethodIconProps = {
11
- httpMethod?: string;
12
- showName?: boolean;
13
- };
14
- declare function MethodIconBadge({
15
- httpMethod,
16
- showName
17
- }: MethodIconProps): react_jsx_runtime12.JSX.Element | null;
18
- type MethodHeaderProps = {
19
- title: ReactNode;
20
- level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
21
- signature?: ReactNode;
22
- badges?: ReactNode;
23
- children?: ReactNode;
24
- };
25
- declare function MethodHeader({
26
- title,
27
- badges,
28
- signature,
29
- children,
30
- level
31
- }: MethodHeaderProps): react_jsx_runtime12.JSX.Element;
32
- type MethodRouteProps = {
33
- httpMethod?: string;
34
- endpoint?: string | ReactNode;
35
- iconOnly?: boolean;
36
- };
37
- declare function MethodRoute({
38
- httpMethod,
39
- endpoint,
40
- iconOnly
41
- }: MethodRouteProps): react_jsx_runtime12.JSX.Element;
42
- type MethodDescriptionProps = {
43
- description?: string;
44
- };
45
- declare function MethodDescription({
46
- description
47
- }: MethodDescriptionProps): react_jsx_runtime12.JSX.Element | undefined;
48
- type MethodInfoProps = {
49
- children?: ReactNode;
50
- parameters?: ReactNode;
51
- returns?: ReactNode;
52
- };
53
- declare function MethodInfo({
54
- children,
55
- parameters,
56
- returns
57
- }: MethodInfoProps): react_jsx_runtime12.JSX.Element;
58
- type MethodProps = {
59
- id?: string;
60
- header?: ReactNode;
61
- children?: ReactNode;
62
- } & React$1.HTMLProps<HTMLDivElement>;
63
- declare function Method({
64
- id,
65
- header,
66
- children,
67
- className,
68
- ...props
69
- }: MethodProps): react_jsx_runtime12.JSX.Element;
70
- //#endregion
71
- export { MethodDescription as a, MethodHeaderProps as c, MethodInfo as d, MethodInfoProps as f, MethodRouteProps as h, Method as i, MethodIconBadge as l, MethodRoute as m, HttpMethodIcons as n, MethodDescriptionProps as o, MethodProps as p, HttpMethods as r, MethodHeader as s, HTTPMethod as t, MethodIconProps as u };