raffel 1.1.10-next.ca3dcc9 → 1.1.10
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/dist/docs/ui/assets/raffel-docs.css +131 -178
- package/dist/docs/ui/style-sections/layout-navigation.d.ts +1 -1
- package/dist/docs/ui/style-sections/layout-navigation.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/layout-navigation.js +24 -96
- package/dist/docs/ui/style-sections/layout-navigation.js.map +1 -1
- package/dist/docs/ui/style-sections/shell.d.ts.map +1 -1
- package/dist/docs/ui/style-sections/shell.js +106 -81
- package/dist/docs/ui/style-sections/shell.js.map +1 -1
- package/dist/docs/ui/utils.d.ts.map +1 -1
- package/dist/docs/ui/utils.js +2 -6
- package/dist/docs/ui/utils.js.map +1 -1
- package/dist/ui/docs/ui/style-sections/layout-navigation.d.ts +1 -1
- package/dist/ui/docs/ui/style-sections/layout-navigation.d.ts.map +1 -1
- package/dist/ui/docs/ui/style-sections/shell.d.ts.map +1 -1
- package/dist/ui/docs/ui/utils.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -206,163 +206,188 @@
|
|
|
206
206
|
align-items: center;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
/* ========== HERO SECTION
|
|
210
|
-
/* Distilled (#111 #3): no gradient, no centred hero, no pill buttons,
|
|
211
|
-
no shadow stacking, no glassmorphism. Left-aligned editorial layout
|
|
212
|
-
in the same surface as the rest of the page. The optional gradient
|
|
213
|
-
background remains opt-in for users who configure it explicitly. */
|
|
209
|
+
/* ========== HERO SECTION (built-in) ========== */
|
|
214
210
|
.hero {
|
|
215
|
-
background:
|
|
216
|
-
|
|
217
|
-
|
|
211
|
+
background: #6366f1;
|
|
212
|
+
color: white;
|
|
213
|
+
min-height: 100vh;
|
|
214
|
+
display: flex;
|
|
215
|
+
align-items: center;
|
|
216
|
+
justify-content: center;
|
|
217
|
+
padding: 60px 40px;
|
|
218
|
+
text-align: center;
|
|
218
219
|
position: relative;
|
|
219
220
|
}
|
|
220
221
|
|
|
222
|
+
.hero::before {
|
|
223
|
+
content: '';
|
|
224
|
+
position: absolute;
|
|
225
|
+
inset: 0;
|
|
226
|
+
background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%);
|
|
227
|
+
pointer-events: none;
|
|
228
|
+
}
|
|
229
|
+
|
|
221
230
|
.hero-content {
|
|
222
|
-
max-width:
|
|
223
|
-
margin: 0;
|
|
224
|
-
|
|
231
|
+
max-width: 800px;
|
|
232
|
+
margin: 0 auto;
|
|
233
|
+
position: relative;
|
|
234
|
+
z-index: 1;
|
|
225
235
|
}
|
|
226
236
|
|
|
227
237
|
.hero-logo {
|
|
228
|
-
height:
|
|
229
|
-
margin-bottom:
|
|
230
|
-
|
|
238
|
+
height: 120px;
|
|
239
|
+
margin-bottom: 32px;
|
|
240
|
+
filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
|
|
231
241
|
}
|
|
232
242
|
|
|
233
243
|
.hero-title {
|
|
234
|
-
font-size:
|
|
244
|
+
font-size: 56px;
|
|
235
245
|
font-weight: 700;
|
|
236
|
-
margin:
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
line-height: var(--line-height-tight);
|
|
246
|
+
margin-bottom: 8px;
|
|
247
|
+
text-shadow: 0 2px 8px rgba(0,0,0,0.15);
|
|
248
|
+
letter-spacing: -0.02em;
|
|
240
249
|
}
|
|
241
250
|
|
|
242
251
|
.hero-version {
|
|
243
252
|
display: inline-block;
|
|
244
|
-
font-size:
|
|
253
|
+
font-size: 14px;
|
|
245
254
|
font-weight: 500;
|
|
246
|
-
|
|
255
|
+
background: rgba(255,255,255,0.2);
|
|
256
|
+
padding: 4px 12px;
|
|
257
|
+
border-radius: 100px;
|
|
247
258
|
margin-left: 12px;
|
|
248
259
|
vertical-align: middle;
|
|
249
|
-
|
|
260
|
+
backdrop-filter: blur(4px);
|
|
250
261
|
}
|
|
251
262
|
|
|
252
263
|
.hero-tagline {
|
|
253
|
-
font-size:
|
|
254
|
-
|
|
255
|
-
margin:
|
|
256
|
-
max-width:
|
|
257
|
-
|
|
258
|
-
|
|
264
|
+
font-size: 22px;
|
|
265
|
+
opacity: 0.95;
|
|
266
|
+
margin-bottom: 28px;
|
|
267
|
+
max-width: 600px;
|
|
268
|
+
margin-left: auto;
|
|
269
|
+
margin-right: auto;
|
|
270
|
+
line-height: 1.5;
|
|
271
|
+
font-weight: 300;
|
|
259
272
|
}
|
|
260
273
|
|
|
261
274
|
.hero-features {
|
|
262
275
|
list-style: none;
|
|
263
276
|
padding: 0;
|
|
264
|
-
margin: 0
|
|
277
|
+
margin: 0 auto 36px;
|
|
265
278
|
display: flex;
|
|
266
279
|
flex-wrap: wrap;
|
|
267
|
-
gap:
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
color: var(--text-secondary);
|
|
280
|
+
gap: 8px 24px;
|
|
281
|
+
justify-content: center;
|
|
282
|
+
max-width: 600px;
|
|
271
283
|
}
|
|
272
284
|
|
|
273
285
|
.hero-features li {
|
|
274
|
-
|
|
286
|
+
font-size: 16px;
|
|
287
|
+
opacity: 0.9;
|
|
288
|
+
display: flex;
|
|
289
|
+
align-items: center;
|
|
290
|
+
gap: 8px;
|
|
275
291
|
}
|
|
276
292
|
|
|
277
|
-
.hero-features li
|
|
278
|
-
content: '
|
|
279
|
-
|
|
280
|
-
|
|
293
|
+
.hero-features li::before {
|
|
294
|
+
content: '✓';
|
|
295
|
+
display: inline-flex;
|
|
296
|
+
align-items: center;
|
|
297
|
+
justify-content: center;
|
|
298
|
+
width: 20px;
|
|
299
|
+
height: 20px;
|
|
300
|
+
background: rgba(255,255,255,0.2);
|
|
301
|
+
border-radius: 50%;
|
|
302
|
+
font-size: 12px;
|
|
303
|
+
font-weight: bold;
|
|
281
304
|
}
|
|
282
305
|
|
|
283
306
|
.hero-buttons {
|
|
284
307
|
display: flex;
|
|
285
|
-
gap:
|
|
308
|
+
gap: 16px;
|
|
309
|
+
justify-content: center;
|
|
286
310
|
flex-wrap: wrap;
|
|
287
|
-
margin:
|
|
288
|
-
font-size: var(--font-size-body);
|
|
311
|
+
margin-bottom: 48px;
|
|
289
312
|
}
|
|
290
313
|
|
|
291
314
|
.hero-btn {
|
|
292
315
|
display: inline-flex;
|
|
293
316
|
align-items: center;
|
|
294
|
-
gap:
|
|
295
|
-
padding:
|
|
296
|
-
border:
|
|
297
|
-
|
|
298
|
-
font-weight:
|
|
317
|
+
gap: 8px;
|
|
318
|
+
padding: 14px 32px;
|
|
319
|
+
border-radius: 100px;
|
|
320
|
+
font-size: 16px;
|
|
321
|
+
font-weight: 600;
|
|
299
322
|
text-decoration: none;
|
|
300
323
|
cursor: pointer;
|
|
301
|
-
|
|
302
|
-
border
|
|
303
|
-
transition: color 0.15s, border-color 0.15s;
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
.hero-btn::after {
|
|
307
|
-
content: '\2192';
|
|
308
|
-
font-weight: 400;
|
|
324
|
+
transition: all 0.2s ease;
|
|
325
|
+
border: 2px solid rgba(255,255,255,0.8);
|
|
309
326
|
}
|
|
310
327
|
|
|
311
328
|
.hero-btn-primary {
|
|
329
|
+
background: white;
|
|
312
330
|
color: var(--primary-color);
|
|
331
|
+
border-color: white;
|
|
332
|
+
box-shadow: 0 4px 14px rgba(0,0,0,0.15);
|
|
313
333
|
}
|
|
314
334
|
|
|
315
|
-
.hero-btn:hover {
|
|
316
|
-
|
|
317
|
-
|
|
335
|
+
.hero-btn-primary:hover {
|
|
336
|
+
background: rgba(255,255,255,0.95);
|
|
337
|
+
transform: translateY(-2px);
|
|
338
|
+
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
|
|
318
339
|
}
|
|
319
340
|
|
|
320
|
-
.hero-btn-
|
|
321
|
-
|
|
341
|
+
.hero-btn-secondary {
|
|
342
|
+
background: transparent;
|
|
343
|
+
color: white;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.hero-btn-secondary:hover {
|
|
347
|
+
background: rgba(255,255,255,0.15);
|
|
348
|
+
transform: translateY(-2px);
|
|
322
349
|
}
|
|
323
350
|
|
|
324
351
|
.hero-quicklinks {
|
|
325
352
|
display: grid;
|
|
326
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
327
|
-
gap:
|
|
328
|
-
max-width:
|
|
329
|
-
margin:
|
|
330
|
-
border-top: 1px solid var(--border-color);
|
|
353
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
354
|
+
gap: 16px;
|
|
355
|
+
max-width: 900px;
|
|
356
|
+
margin: 0 auto;
|
|
331
357
|
}
|
|
332
358
|
|
|
333
359
|
.hero-quicklink {
|
|
334
|
-
|
|
360
|
+
background: rgba(255,255,255,0.12);
|
|
361
|
+
backdrop-filter: blur(12px);
|
|
362
|
+
border-radius: 16px;
|
|
363
|
+
padding: 24px;
|
|
335
364
|
text-decoration: none;
|
|
336
|
-
color:
|
|
337
|
-
|
|
338
|
-
transition:
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
.hero-quicklink:last-child {
|
|
342
|
-
border-right: 0;
|
|
365
|
+
color: white;
|
|
366
|
+
text-align: left;
|
|
367
|
+
transition: all 0.25s ease;
|
|
368
|
+
border: 1px solid rgba(255,255,255,0.15);
|
|
343
369
|
}
|
|
344
370
|
|
|
345
371
|
.hero-quicklink:hover {
|
|
346
|
-
|
|
372
|
+
background: rgba(255,255,255,0.2);
|
|
373
|
+
transform: translateY(-4px);
|
|
374
|
+
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
|
347
375
|
}
|
|
348
376
|
|
|
349
377
|
.hero-quicklink-icon {
|
|
350
|
-
font-size:
|
|
351
|
-
margin-bottom:
|
|
352
|
-
display: block;
|
|
353
|
-
color: var(--primary-color);
|
|
378
|
+
font-size: 28px;
|
|
379
|
+
margin-bottom: 12px;
|
|
354
380
|
}
|
|
355
381
|
|
|
356
382
|
.hero-quicklink-title {
|
|
357
|
-
font-size:
|
|
383
|
+
font-size: 17px;
|
|
358
384
|
font-weight: 600;
|
|
359
|
-
margin-bottom:
|
|
360
|
-
color: var(--text-primary);
|
|
385
|
+
margin-bottom: 6px;
|
|
361
386
|
}
|
|
362
387
|
|
|
363
388
|
.hero-quicklink-desc {
|
|
364
|
-
font-size:
|
|
365
|
-
|
|
389
|
+
font-size: 14px;
|
|
390
|
+
opacity: 0.8;
|
|
366
391
|
line-height: 1.4;
|
|
367
392
|
}
|
|
368
393
|
|
|
@@ -706,24 +731,22 @@
|
|
|
706
731
|
display: flex;
|
|
707
732
|
align-items: center;
|
|
708
733
|
gap: 10px;
|
|
709
|
-
padding:
|
|
710
|
-
border-
|
|
711
|
-
border-radius: 0;
|
|
734
|
+
padding: 8px 12px;
|
|
735
|
+
border-radius: 6px;
|
|
712
736
|
text-decoration: none;
|
|
713
|
-
color: var(--text-
|
|
714
|
-
font-size:
|
|
737
|
+
color: var(--text-color);
|
|
738
|
+
font-size: 14px;
|
|
715
739
|
cursor: pointer;
|
|
716
|
-
transition:
|
|
740
|
+
transition: all 0.15s;
|
|
717
741
|
}
|
|
718
742
|
|
|
719
743
|
.nav-item:hover {
|
|
720
|
-
|
|
744
|
+
background: var(--hover-bg);
|
|
721
745
|
}
|
|
722
746
|
|
|
723
747
|
.nav-item.active {
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
font-weight: 600;
|
|
748
|
+
background: var(--primary-color);
|
|
749
|
+
color: white;
|
|
727
750
|
}
|
|
728
751
|
|
|
729
752
|
.nav-subitems {
|
|
@@ -759,13 +782,13 @@
|
|
|
759
782
|
}
|
|
760
783
|
|
|
761
784
|
.nav-subitem:hover {
|
|
762
|
-
|
|
785
|
+
background: var(--hover-bg);
|
|
786
|
+
color: var(--text-color);
|
|
763
787
|
}
|
|
764
788
|
|
|
765
789
|
.nav-subitem.active {
|
|
766
|
-
color: var(--
|
|
790
|
+
color: var(--primary-color);
|
|
767
791
|
font-weight: 600;
|
|
768
|
-
box-shadow: inset 2px 0 0 var(--primary-color);
|
|
769
792
|
}
|
|
770
793
|
|
|
771
794
|
.docs-sidebar-depth-1 { margin-left: 4px; }
|
|
@@ -799,40 +822,24 @@
|
|
|
799
822
|
.nav-item-method {
|
|
800
823
|
font-size: 10px;
|
|
801
824
|
font-weight: 600;
|
|
802
|
-
padding:
|
|
803
|
-
border:
|
|
804
|
-
border-radius: 2px;
|
|
825
|
+
padding: 2px 6px;
|
|
826
|
+
border-radius: 3px;
|
|
805
827
|
text-transform: uppercase;
|
|
806
|
-
font-family:
|
|
807
|
-
color: var(--text-secondary);
|
|
808
|
-
background: transparent;
|
|
809
|
-
letter-spacing: 0.02em;
|
|
810
|
-
}
|
|
811
|
-
|
|
812
|
-
/* Method classes kept for HTML compatibility but visually unified.
|
|
813
|
-
The DELETE verb gets the only chromatic accent — destructive
|
|
814
|
-
intent earns visual weight. */
|
|
815
|
-
.method-get,
|
|
816
|
-
.method-post,
|
|
817
|
-
.method-put,
|
|
818
|
-
.method-patch,
|
|
819
|
-
.method-ws,
|
|
820
|
-
.method-stream,
|
|
821
|
-
.method-rpc,
|
|
822
|
-
.method-grpc {
|
|
823
|
-
color: var(--text-secondary);
|
|
824
|
-
background: transparent;
|
|
825
|
-
border-color: var(--border-color);
|
|
828
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
826
829
|
}
|
|
827
830
|
|
|
828
|
-
.method-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
}
|
|
831
|
+
.method-get { background: #10b981; color: white; }
|
|
832
|
+
.method-post { background: #3b82f6; color: white; }
|
|
833
|
+
.method-put { background: #f59e0b; color: white; }
|
|
834
|
+
.method-patch { background: #8b5cf6; color: white; }
|
|
835
|
+
.method-delete { background: #ef4444; color: white; }
|
|
836
|
+
.method-ws { background: #ec4899; color: white; }
|
|
837
|
+
.method-stream { background: #06b6d4; color: white; }
|
|
838
|
+
.method-rpc { background: #f97316; color: white; }
|
|
839
|
+
.method-grpc { background: #14b8a6; color: white; }
|
|
833
840
|
|
|
834
841
|
.nav-item-path {
|
|
835
|
-
font-family:
|
|
842
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
836
843
|
font-size: 13px;
|
|
837
844
|
flex: 1;
|
|
838
845
|
overflow: hidden;
|
|
@@ -840,60 +847,6 @@
|
|
|
840
847
|
white-space: nowrap;
|
|
841
848
|
}
|
|
842
849
|
|
|
843
|
-
/* ========== TOC (On this page) — editorial sidenote ========== */
|
|
844
|
-
.toc {
|
|
845
|
-
align-self: start;
|
|
846
|
-
position: sticky;
|
|
847
|
-
top: 24px;
|
|
848
|
-
padding: 8px 0 8px 16px;
|
|
849
|
-
border-left: 1px solid var(--border-color);
|
|
850
|
-
font-size: var(--font-size-small);
|
|
851
|
-
line-height: 1.5;
|
|
852
|
-
max-height: calc(100vh - 48px);
|
|
853
|
-
overflow-y: auto;
|
|
854
|
-
}
|
|
855
|
-
|
|
856
|
-
.toc:empty {
|
|
857
|
-
border: 0;
|
|
858
|
-
padding: 0;
|
|
859
|
-
}
|
|
860
|
-
|
|
861
|
-
.toc-title {
|
|
862
|
-
color: var(--text-muted);
|
|
863
|
-
font-size: var(--font-size-xs);
|
|
864
|
-
font-weight: 600;
|
|
865
|
-
letter-spacing: 0.04em;
|
|
866
|
-
margin: 0 0 8px;
|
|
867
|
-
text-transform: uppercase;
|
|
868
|
-
}
|
|
869
|
-
|
|
870
|
-
.toc-link {
|
|
871
|
-
display: block;
|
|
872
|
-
padding: 3px 0;
|
|
873
|
-
color: var(--text-secondary);
|
|
874
|
-
text-decoration: none;
|
|
875
|
-
border-left: 2px solid transparent;
|
|
876
|
-
margin-left: -16px;
|
|
877
|
-
padding-left: 14px;
|
|
878
|
-
transition: color 0.15s, border-color 0.15s;
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
.toc-link:hover {
|
|
882
|
-
color: var(--text-primary);
|
|
883
|
-
}
|
|
884
|
-
|
|
885
|
-
.toc-link.active {
|
|
886
|
-
color: var(--text-primary);
|
|
887
|
-
border-left-color: var(--primary-color);
|
|
888
|
-
font-weight: 600;
|
|
889
|
-
}
|
|
890
|
-
|
|
891
|
-
.toc-level-2 { padding-left: 14px; }
|
|
892
|
-
.toc-level-3 { padding-left: 26px; }
|
|
893
|
-
.toc-level-4 { padding-left: 38px; }
|
|
894
|
-
.toc-level-5 { padding-left: 50px; }
|
|
895
|
-
.toc-level-6 { padding-left: 62px; }
|
|
896
|
-
|
|
897
850
|
/* ========== MAIN CONTENT ========== */
|
|
898
851
|
.main {
|
|
899
852
|
padding: 40px;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const layoutNavigationStyles = " /* ========== LAYOUT ========== */\n .skip-link {\n position: fixed;\n top: 12px;\n left: 12px;\n z-index: 1000;\n transform: translateY(-160%);\n padding: 10px 14px;\n border-radius: 6px;\n background: var(--primary-color);\n color: white;\n font-weight: 600;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.15s ease;\n }\n\n .skip-link:focus {\n transform: translateY(0);\n outline: 2px solid white;\n outline-offset: 2px;\n }\n\n .app-container {\n display: grid;\n grid-template-columns: 300px 1fr;\n min-height: calc(100vh - 300px);\n }\n\n .app-container-no-sidebar {\n grid-template-columns: 1fr;\n }\n\n /* ========== SIDEBAR ========== */\n .sidebar {\n background: var(--sidebar-bg);\n border-right: 1px solid var(--border-color);\n padding: 24px 0;\n overflow-y: auto;\n position: sticky;\n top: 0;\n height: 100vh;\n }\n\n .sidebar-hidden {\n display: none;\n }\n\n .sidebar-header {\n padding: 0 20px 20px;\n border-bottom: 1px solid var(--border-color);\n margin-bottom: 16px;\n }\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .sidebar-logo img { height: 32px; }\n .sidebar-logo h1 { font-size: 18px; font-weight: 600; }\n\n .sidebar-search {\n position: relative;\n }\n\n .sidebar-search input {\n width: 100%;\n padding: 10px 12px 10px 36px;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n font-size: 14px;\n background: var(--bg-color);\n color: var(--text-color);\n outline: none;\n transition: border-color 0.2s;\n }\n\n .sidebar-search input:focus {\n border-color: var(--primary-color);\n }\n\n .sidebar-search::before {\n content: '\uD83D\uDD0D';\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n }\n\n .protocol-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding: 0 20px;\n margin-bottom: 20px;\n }\n\n .protocol-tab {\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n background: var(--code-bg);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n transition: all 0.2s;\n }\n\n .protocol-tab:hover {\n border-color: var(--primary-color);\n }\n\n .protocol-tab.active {\n background: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .protocol-tab .count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n margin-left: 6px;\n font-size: 10px;\n border-radius: 9px;\n background: rgba(0,0,0,0.15);\n }\n\n .protocol-tab.active .count {\n background: rgba(255,255,255,0.25);\n }\n\n /* ========== TAG GROUPS ========== */\n .sidebar-nav {\n padding: 0 12px;\n }\n\n .tag-group {\n margin-bottom: 8px;\n }\n\n .tag-group-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n transition: all 0.2s;\n }\n\n .tag-group-header:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .tag-group-header.active {\n color: var(--primary-color);\n }\n\n .tag-group-arrow {\n transition: transform 0.2s;\n font-size: 10px;\n }\n\n .tag-group.collapsed .tag-group-arrow {\n transform: rotate(-90deg);\n }\n\n .tag-group-count {\n margin-left: auto;\n font-size: 11px;\n color: var(--text-muted);\n font-weight: 400;\n }\n\n .tag-group-items {\n padding-left: 8px;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .tag-group.collapsed .tag-group-items {\n max-height: 0 !important;\n }\n\n .nav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding:
|
|
1
|
+
export declare const layoutNavigationStyles = " /* ========== LAYOUT ========== */\n .skip-link {\n position: fixed;\n top: 12px;\n left: 12px;\n z-index: 1000;\n transform: translateY(-160%);\n padding: 10px 14px;\n border-radius: 6px;\n background: var(--primary-color);\n color: white;\n font-weight: 600;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.15s ease;\n }\n\n .skip-link:focus {\n transform: translateY(0);\n outline: 2px solid white;\n outline-offset: 2px;\n }\n\n .app-container {\n display: grid;\n grid-template-columns: 300px 1fr;\n min-height: calc(100vh - 300px);\n }\n\n .app-container-no-sidebar {\n grid-template-columns: 1fr;\n }\n\n /* ========== SIDEBAR ========== */\n .sidebar {\n background: var(--sidebar-bg);\n border-right: 1px solid var(--border-color);\n padding: 24px 0;\n overflow-y: auto;\n position: sticky;\n top: 0;\n height: 100vh;\n }\n\n .sidebar-hidden {\n display: none;\n }\n\n .sidebar-header {\n padding: 0 20px 20px;\n border-bottom: 1px solid var(--border-color);\n margin-bottom: 16px;\n }\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .sidebar-logo img { height: 32px; }\n .sidebar-logo h1 { font-size: 18px; font-weight: 600; }\n\n .sidebar-search {\n position: relative;\n }\n\n .sidebar-search input {\n width: 100%;\n padding: 10px 12px 10px 36px;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n font-size: 14px;\n background: var(--bg-color);\n color: var(--text-color);\n outline: none;\n transition: border-color 0.2s;\n }\n\n .sidebar-search input:focus {\n border-color: var(--primary-color);\n }\n\n .sidebar-search::before {\n content: '\uD83D\uDD0D';\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n }\n\n .protocol-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding: 0 20px;\n margin-bottom: 20px;\n }\n\n .protocol-tab {\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n background: var(--code-bg);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n transition: all 0.2s;\n }\n\n .protocol-tab:hover {\n border-color: var(--primary-color);\n }\n\n .protocol-tab.active {\n background: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .protocol-tab .count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n margin-left: 6px;\n font-size: 10px;\n border-radius: 9px;\n background: rgba(0,0,0,0.15);\n }\n\n .protocol-tab.active .count {\n background: rgba(255,255,255,0.25);\n }\n\n /* ========== TAG GROUPS ========== */\n .sidebar-nav {\n padding: 0 12px;\n }\n\n .tag-group {\n margin-bottom: 8px;\n }\n\n .tag-group-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n transition: all 0.2s;\n }\n\n .tag-group-header:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .tag-group-header.active {\n color: var(--primary-color);\n }\n\n .tag-group-arrow {\n transition: transform 0.2s;\n font-size: 10px;\n }\n\n .tag-group.collapsed .tag-group-arrow {\n transform: rotate(-90deg);\n }\n\n .tag-group-count {\n margin-left: auto;\n font-size: 11px;\n color: var(--text-muted);\n font-weight: 400;\n }\n\n .tag-group-items {\n padding-left: 8px;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .tag-group.collapsed .tag-group-items {\n max-height: 0 !important;\n }\n\n .nav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n border-radius: 6px;\n text-decoration: none;\n color: var(--text-color);\n font-size: 14px;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .nav-item:hover {\n background: var(--hover-bg);\n }\n\n .nav-item.active {\n background: var(--primary-color);\n color: white;\n }\n\n .nav-subitems {\n display: grid;\n gap: 2px;\n margin: 2px 0 8px 12px;\n padding-left: 12px;\n border-left: 1px solid var(--border-color);\n }\n\n .nav-subitem {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--text-muted);\n cursor: pointer;\n font: inherit;\n font-size: 12px;\n line-height: 1.35;\n padding: 5px 8px;\n text-align: left;\n border-radius: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .nav-subitem-level-3,\n .nav-subitem-level-4,\n .nav-subitem-level-5,\n .nav-subitem-level-6 {\n margin-left: 10px;\n }\n\n .nav-subitem:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .nav-subitem.active {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n .docs-sidebar-depth-1 { margin-left: 4px; }\n .docs-sidebar-depth-2 { margin-left: 10px; }\n .docs-sidebar-depth-3,\n .docs-sidebar-depth-4,\n .docs-sidebar-depth-5,\n .docs-sidebar-depth-6 { margin-left: 16px; }\n\n .nav-item-intro {\n margin-bottom: 16px;\n padding: 10px 12px;\n background: var(--surface-color);\n border: 1px solid var(--border-color);\n font-weight: 500;\n }\n\n .nav-item-intro:hover {\n background: var(--hover-bg);\n border-color: var(--primary-color);\n }\n\n .nav-item-intro .nav-item-icon {\n font-size: 16px;\n }\n\n .nav-item-intro .nav-item-text {\n font-size: 14px;\n }\n\n .nav-item-method {\n font-size: 10px;\n font-weight: 600;\n padding: 2px 6px;\n border-radius: 3px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .method-get { background: #10b981; color: white; }\n .method-post { background: #3b82f6; color: white; }\n .method-put { background: #f59e0b; color: white; }\n .method-patch { background: #8b5cf6; color: white; }\n .method-delete { background: #ef4444; color: white; }\n .method-ws { background: #ec4899; color: white; }\n .method-stream { background: #06b6d4; color: white; }\n .method-rpc { background: #f97316; color: white; }\n .method-grpc { background: #14b8a6; color: white; }\n\n .nav-item-path {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 13px;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n";
|
|
2
2
|
//# sourceMappingURL=layout-navigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,+sOA6TlC,CAAA"}
|
|
@@ -199,24 +199,22 @@ export const layoutNavigationStyles = ` /* ========== LAYOUT ========== */
|
|
|
199
199
|
display: flex;
|
|
200
200
|
align-items: center;
|
|
201
201
|
gap: 10px;
|
|
202
|
-
padding:
|
|
203
|
-
border-
|
|
204
|
-
border-radius: 0;
|
|
202
|
+
padding: 8px 12px;
|
|
203
|
+
border-radius: 6px;
|
|
205
204
|
text-decoration: none;
|
|
206
|
-
color: var(--text-
|
|
207
|
-
font-size:
|
|
205
|
+
color: var(--text-color);
|
|
206
|
+
font-size: 14px;
|
|
208
207
|
cursor: pointer;
|
|
209
|
-
transition:
|
|
208
|
+
transition: all 0.15s;
|
|
210
209
|
}
|
|
211
210
|
|
|
212
211
|
.nav-item:hover {
|
|
213
|
-
|
|
212
|
+
background: var(--hover-bg);
|
|
214
213
|
}
|
|
215
214
|
|
|
216
215
|
.nav-item.active {
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
font-weight: 600;
|
|
216
|
+
background: var(--primary-color);
|
|
217
|
+
color: white;
|
|
220
218
|
}
|
|
221
219
|
|
|
222
220
|
.nav-subitems {
|
|
@@ -252,13 +250,13 @@ export const layoutNavigationStyles = ` /* ========== LAYOUT ========== */
|
|
|
252
250
|
}
|
|
253
251
|
|
|
254
252
|
.nav-subitem:hover {
|
|
255
|
-
|
|
253
|
+
background: var(--hover-bg);
|
|
254
|
+
color: var(--text-color);
|
|
256
255
|
}
|
|
257
256
|
|
|
258
257
|
.nav-subitem.active {
|
|
259
|
-
color: var(--
|
|
258
|
+
color: var(--primary-color);
|
|
260
259
|
font-weight: 600;
|
|
261
|
-
box-shadow: inset 2px 0 0 var(--primary-color);
|
|
262
260
|
}
|
|
263
261
|
|
|
264
262
|
.docs-sidebar-depth-1 { margin-left: 4px; }
|
|
@@ -292,40 +290,24 @@ export const layoutNavigationStyles = ` /* ========== LAYOUT ========== */
|
|
|
292
290
|
.nav-item-method {
|
|
293
291
|
font-size: 10px;
|
|
294
292
|
font-weight: 600;
|
|
295
|
-
padding:
|
|
296
|
-
border:
|
|
297
|
-
border-radius: 2px;
|
|
293
|
+
padding: 2px 6px;
|
|
294
|
+
border-radius: 3px;
|
|
298
295
|
text-transform: uppercase;
|
|
299
|
-
font-family:
|
|
300
|
-
color: var(--text-secondary);
|
|
301
|
-
background: transparent;
|
|
302
|
-
letter-spacing: 0.02em;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
/* Method classes kept for HTML compatibility but visually unified.
|
|
306
|
-
The DELETE verb gets the only chromatic accent — destructive
|
|
307
|
-
intent earns visual weight. */
|
|
308
|
-
.method-get,
|
|
309
|
-
.method-post,
|
|
310
|
-
.method-put,
|
|
311
|
-
.method-patch,
|
|
312
|
-
.method-ws,
|
|
313
|
-
.method-stream,
|
|
314
|
-
.method-rpc,
|
|
315
|
-
.method-grpc {
|
|
316
|
-
color: var(--text-secondary);
|
|
317
|
-
background: transparent;
|
|
318
|
-
border-color: var(--border-color);
|
|
296
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
319
297
|
}
|
|
320
298
|
|
|
321
|
-
.method-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
}
|
|
299
|
+
.method-get { background: #10b981; color: white; }
|
|
300
|
+
.method-post { background: #3b82f6; color: white; }
|
|
301
|
+
.method-put { background: #f59e0b; color: white; }
|
|
302
|
+
.method-patch { background: #8b5cf6; color: white; }
|
|
303
|
+
.method-delete { background: #ef4444; color: white; }
|
|
304
|
+
.method-ws { background: #ec4899; color: white; }
|
|
305
|
+
.method-stream { background: #06b6d4; color: white; }
|
|
306
|
+
.method-rpc { background: #f97316; color: white; }
|
|
307
|
+
.method-grpc { background: #14b8a6; color: white; }
|
|
326
308
|
|
|
327
309
|
.nav-item-path {
|
|
328
|
-
font-family:
|
|
310
|
+
font-family: 'SF Mono', 'Monaco', monospace;
|
|
329
311
|
font-size: 13px;
|
|
330
312
|
flex: 1;
|
|
331
313
|
overflow: hidden;
|
|
@@ -333,59 +315,5 @@ export const layoutNavigationStyles = ` /* ========== LAYOUT ========== */
|
|
|
333
315
|
white-space: nowrap;
|
|
334
316
|
}
|
|
335
317
|
|
|
336
|
-
/* ========== TOC (On this page) — editorial sidenote ========== */
|
|
337
|
-
.toc {
|
|
338
|
-
align-self: start;
|
|
339
|
-
position: sticky;
|
|
340
|
-
top: 24px;
|
|
341
|
-
padding: 8px 0 8px 16px;
|
|
342
|
-
border-left: 1px solid var(--border-color);
|
|
343
|
-
font-size: var(--font-size-small);
|
|
344
|
-
line-height: 1.5;
|
|
345
|
-
max-height: calc(100vh - 48px);
|
|
346
|
-
overflow-y: auto;
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
.toc:empty {
|
|
350
|
-
border: 0;
|
|
351
|
-
padding: 0;
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
.toc-title {
|
|
355
|
-
color: var(--text-muted);
|
|
356
|
-
font-size: var(--font-size-xs);
|
|
357
|
-
font-weight: 600;
|
|
358
|
-
letter-spacing: 0.04em;
|
|
359
|
-
margin: 0 0 8px;
|
|
360
|
-
text-transform: uppercase;
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
.toc-link {
|
|
364
|
-
display: block;
|
|
365
|
-
padding: 3px 0;
|
|
366
|
-
color: var(--text-secondary);
|
|
367
|
-
text-decoration: none;
|
|
368
|
-
border-left: 2px solid transparent;
|
|
369
|
-
margin-left: -16px;
|
|
370
|
-
padding-left: 14px;
|
|
371
|
-
transition: color 0.15s, border-color 0.15s;
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
.toc-link:hover {
|
|
375
|
-
color: var(--text-primary);
|
|
376
|
-
}
|
|
377
|
-
|
|
378
|
-
.toc-link.active {
|
|
379
|
-
color: var(--text-primary);
|
|
380
|
-
border-left-color: var(--primary-color);
|
|
381
|
-
font-weight: 600;
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
.toc-level-2 { padding-left: 14px; }
|
|
385
|
-
.toc-level-3 { padding-left: 26px; }
|
|
386
|
-
.toc-level-4 { padding-left: 38px; }
|
|
387
|
-
.toc-level-5 { padding-left: 50px; }
|
|
388
|
-
.toc-level-6 { padding-left: 62px; }
|
|
389
|
-
|
|
390
318
|
`;
|
|
391
319
|
//# sourceMappingURL=layout-navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout-navigation.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG
|
|
1
|
+
{"version":3,"file":"layout-navigation.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6TrC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAshBR"}
|
|
@@ -207,163 +207,188 @@ export function generateShellStyles(primaryColor, primaryHover, heroBackgroundCS
|
|
|
207
207
|
align-items: center;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
/* ========== HERO SECTION
|
|
211
|
-
/* Distilled (#111 #3): no gradient, no centred hero, no pill buttons,
|
|
212
|
-
no shadow stacking, no glassmorphism. Left-aligned editorial layout
|
|
213
|
-
in the same surface as the rest of the page. The optional gradient
|
|
214
|
-
background remains opt-in for users who configure it explicitly. */
|
|
210
|
+
/* ========== HERO SECTION (built-in) ========== */
|
|
215
211
|
.hero {
|
|
216
212
|
${heroBackgroundCSS}
|
|
217
|
-
|
|
218
|
-
|
|
213
|
+
color: white;
|
|
214
|
+
min-height: 100vh;
|
|
215
|
+
display: flex;
|
|
216
|
+
align-items: center;
|
|
217
|
+
justify-content: center;
|
|
218
|
+
padding: 60px 40px;
|
|
219
|
+
text-align: center;
|
|
219
220
|
position: relative;
|
|
220
221
|
}
|
|
221
222
|
|
|
223
|
+
.hero::before {
|
|
224
|
+
content: '';
|
|
225
|
+
position: absolute;
|
|
226
|
+
inset: 0;
|
|
227
|
+
background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%);
|
|
228
|
+
pointer-events: none;
|
|
229
|
+
}
|
|
230
|
+
|
|
222
231
|
.hero-content {
|
|
223
|
-
max-width:
|
|
224
|
-
margin: 0;
|
|
225
|
-
|
|
232
|
+
max-width: 800px;
|
|
233
|
+
margin: 0 auto;
|
|
234
|
+
position: relative;
|
|
235
|
+
z-index: 1;
|
|
226
236
|
}
|
|
227
237
|
|
|
228
238
|
.hero-logo {
|
|
229
|
-
height:
|
|
230
|
-
margin-bottom:
|
|
231
|
-
|
|
239
|
+
height: 120px;
|
|
240
|
+
margin-bottom: 32px;
|
|
241
|
+
filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
|
|
232
242
|
}
|
|
233
243
|
|
|
234
244
|
.hero-title {
|
|
235
|
-
font-size:
|
|
245
|
+
font-size: 56px;
|
|
236
246
|
font-weight: 700;
|
|
237
|
-
margin:
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
line-height: var(--line-height-tight);
|
|
247
|
+
margin-bottom: 8px;
|
|
248
|
+
text-shadow: 0 2px 8px rgba(0,0,0,0.15);
|
|
249
|
+
letter-spacing: -0.02em;
|
|
241
250
|
}
|
|
242
251
|
|
|
243
252
|
.hero-version {
|
|
244
253
|
display: inline-block;
|
|
245
|
-
font-size:
|
|
254
|
+
font-size: 14px;
|
|
246
255
|
font-weight: 500;
|
|
247
|
-
|
|
256
|
+
background: rgba(255,255,255,0.2);
|
|
257
|
+
padding: 4px 12px;
|
|
258
|
+
border-radius: 100px;
|
|
248
259
|
margin-left: 12px;
|
|
249
260
|
vertical-align: middle;
|
|
250
|
-
|
|
261
|
+
backdrop-filter: blur(4px);
|
|
251
262
|
}
|
|
252
263
|
|
|
253
264
|
.hero-tagline {
|
|
254
|
-
font-size:
|
|
255
|
-
|
|
256
|
-
margin:
|
|
257
|
-
max-width:
|
|
258
|
-
|
|
259
|
-
|
|
265
|
+
font-size: 22px;
|
|
266
|
+
opacity: 0.95;
|
|
267
|
+
margin-bottom: 28px;
|
|
268
|
+
max-width: 600px;
|
|
269
|
+
margin-left: auto;
|
|
270
|
+
margin-right: auto;
|
|
271
|
+
line-height: 1.5;
|
|
272
|
+
font-weight: 300;
|
|
260
273
|
}
|
|
261
274
|
|
|
262
275
|
.hero-features {
|
|
263
276
|
list-style: none;
|
|
264
277
|
padding: 0;
|
|
265
|
-
margin: 0
|
|
278
|
+
margin: 0 auto 36px;
|
|
266
279
|
display: flex;
|
|
267
280
|
flex-wrap: wrap;
|
|
268
|
-
gap:
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
color: var(--text-secondary);
|
|
281
|
+
gap: 8px 24px;
|
|
282
|
+
justify-content: center;
|
|
283
|
+
max-width: 600px;
|
|
272
284
|
}
|
|
273
285
|
|
|
274
286
|
.hero-features li {
|
|
275
|
-
|
|
287
|
+
font-size: 16px;
|
|
288
|
+
opacity: 0.9;
|
|
289
|
+
display: flex;
|
|
290
|
+
align-items: center;
|
|
291
|
+
gap: 8px;
|
|
276
292
|
}
|
|
277
293
|
|
|
278
|
-
.hero-features li
|
|
279
|
-
content: '
|
|
280
|
-
|
|
281
|
-
|
|
294
|
+
.hero-features li::before {
|
|
295
|
+
content: '✓';
|
|
296
|
+
display: inline-flex;
|
|
297
|
+
align-items: center;
|
|
298
|
+
justify-content: center;
|
|
299
|
+
width: 20px;
|
|
300
|
+
height: 20px;
|
|
301
|
+
background: rgba(255,255,255,0.2);
|
|
302
|
+
border-radius: 50%;
|
|
303
|
+
font-size: 12px;
|
|
304
|
+
font-weight: bold;
|
|
282
305
|
}
|
|
283
306
|
|
|
284
307
|
.hero-buttons {
|
|
285
308
|
display: flex;
|
|
286
|
-
gap:
|
|
309
|
+
gap: 16px;
|
|
310
|
+
justify-content: center;
|
|
287
311
|
flex-wrap: wrap;
|
|
288
|
-
margin:
|
|
289
|
-
font-size: var(--font-size-body);
|
|
312
|
+
margin-bottom: 48px;
|
|
290
313
|
}
|
|
291
314
|
|
|
292
315
|
.hero-btn {
|
|
293
316
|
display: inline-flex;
|
|
294
317
|
align-items: center;
|
|
295
|
-
gap:
|
|
296
|
-
padding:
|
|
297
|
-
border:
|
|
298
|
-
|
|
299
|
-
font-weight:
|
|
318
|
+
gap: 8px;
|
|
319
|
+
padding: 14px 32px;
|
|
320
|
+
border-radius: 100px;
|
|
321
|
+
font-size: 16px;
|
|
322
|
+
font-weight: 600;
|
|
300
323
|
text-decoration: none;
|
|
301
324
|
cursor: pointer;
|
|
302
|
-
|
|
303
|
-
border
|
|
304
|
-
transition: color 0.15s, border-color 0.15s;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
.hero-btn::after {
|
|
308
|
-
content: '\\2192';
|
|
309
|
-
font-weight: 400;
|
|
325
|
+
transition: all 0.2s ease;
|
|
326
|
+
border: 2px solid rgba(255,255,255,0.8);
|
|
310
327
|
}
|
|
311
328
|
|
|
312
329
|
.hero-btn-primary {
|
|
330
|
+
background: white;
|
|
313
331
|
color: var(--primary-color);
|
|
332
|
+
border-color: white;
|
|
333
|
+
box-shadow: 0 4px 14px rgba(0,0,0,0.15);
|
|
314
334
|
}
|
|
315
335
|
|
|
316
|
-
.hero-btn:hover {
|
|
317
|
-
|
|
318
|
-
|
|
336
|
+
.hero-btn-primary:hover {
|
|
337
|
+
background: rgba(255,255,255,0.95);
|
|
338
|
+
transform: translateY(-2px);
|
|
339
|
+
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
|
|
319
340
|
}
|
|
320
341
|
|
|
321
|
-
.hero-btn-
|
|
322
|
-
|
|
342
|
+
.hero-btn-secondary {
|
|
343
|
+
background: transparent;
|
|
344
|
+
color: white;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
.hero-btn-secondary:hover {
|
|
348
|
+
background: rgba(255,255,255,0.15);
|
|
349
|
+
transform: translateY(-2px);
|
|
323
350
|
}
|
|
324
351
|
|
|
325
352
|
.hero-quicklinks {
|
|
326
353
|
display: grid;
|
|
327
|
-
grid-template-columns: repeat(auto-fit, minmax(
|
|
328
|
-
gap:
|
|
329
|
-
max-width:
|
|
330
|
-
margin:
|
|
331
|
-
border-top: 1px solid var(--border-color);
|
|
354
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
355
|
+
gap: 16px;
|
|
356
|
+
max-width: 900px;
|
|
357
|
+
margin: 0 auto;
|
|
332
358
|
}
|
|
333
359
|
|
|
334
360
|
.hero-quicklink {
|
|
335
|
-
|
|
361
|
+
background: rgba(255,255,255,0.12);
|
|
362
|
+
backdrop-filter: blur(12px);
|
|
363
|
+
border-radius: 16px;
|
|
364
|
+
padding: 24px;
|
|
336
365
|
text-decoration: none;
|
|
337
|
-
color:
|
|
338
|
-
|
|
339
|
-
transition:
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
.hero-quicklink:last-child {
|
|
343
|
-
border-right: 0;
|
|
366
|
+
color: white;
|
|
367
|
+
text-align: left;
|
|
368
|
+
transition: all 0.25s ease;
|
|
369
|
+
border: 1px solid rgba(255,255,255,0.15);
|
|
344
370
|
}
|
|
345
371
|
|
|
346
372
|
.hero-quicklink:hover {
|
|
347
|
-
|
|
373
|
+
background: rgba(255,255,255,0.2);
|
|
374
|
+
transform: translateY(-4px);
|
|
375
|
+
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
|
348
376
|
}
|
|
349
377
|
|
|
350
378
|
.hero-quicklink-icon {
|
|
351
|
-
font-size:
|
|
352
|
-
margin-bottom:
|
|
353
|
-
display: block;
|
|
354
|
-
color: var(--primary-color);
|
|
379
|
+
font-size: 28px;
|
|
380
|
+
margin-bottom: 12px;
|
|
355
381
|
}
|
|
356
382
|
|
|
357
383
|
.hero-quicklink-title {
|
|
358
|
-
font-size:
|
|
384
|
+
font-size: 17px;
|
|
359
385
|
font-weight: 600;
|
|
360
|
-
margin-bottom:
|
|
361
|
-
color: var(--text-primary);
|
|
386
|
+
margin-bottom: 6px;
|
|
362
387
|
}
|
|
363
388
|
|
|
364
389
|
.hero-quicklink-desc {
|
|
365
|
-
font-size:
|
|
366
|
-
|
|
390
|
+
font-size: 14px;
|
|
391
|
+
opacity: 0.8;
|
|
367
392
|
line-height: 1.4;
|
|
368
393
|
}
|
|
369
394
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAyCuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY
|
|
1
|
+
{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAyCuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6IvE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkUxB,CAAA;AACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAKxD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMjE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,EACvD,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAKxD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMjE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,EACvD,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CAaR"}
|
package/dist/docs/ui/utils.js
CHANGED
|
@@ -41,9 +41,7 @@ export function adjustColor(color, amount) {
|
|
|
41
41
|
export function generateHeroBackgroundCSS(primaryColor, background, backgroundImage) {
|
|
42
42
|
switch (background) {
|
|
43
43
|
case 'gradient':
|
|
44
|
-
|
|
45
|
-
// hero now uses a solid surface (see `default` branch).
|
|
46
|
-
return `background: linear-gradient(135deg, ${primaryColor} 0%, ${adjustColor(primaryColor, -30)} 100%); color: white;`;
|
|
44
|
+
return `background: linear-gradient(135deg, ${primaryColor} 0%, ${adjustColor(primaryColor, -30)} 100%);`;
|
|
47
45
|
case 'pattern':
|
|
48
46
|
return `background: ${primaryColor}; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");`;
|
|
49
47
|
case 'image':
|
|
@@ -51,9 +49,7 @@ export function generateHeroBackgroundCSS(primaryColor, background, backgroundIm
|
|
|
51
49
|
? `background: url("${backgroundImage}") center/cover no-repeat;`
|
|
52
50
|
: `background: ${primaryColor};`;
|
|
53
51
|
default:
|
|
54
|
-
|
|
55
|
-
// hero reads as an opening section, not a marketing banner.
|
|
56
|
-
return `background: var(--bg-color);`;
|
|
52
|
+
return `background: ${primaryColor};`;
|
|
57
53
|
}
|
|
58
54
|
}
|
|
59
55
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;AAC5B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,GAAY;IAC9C,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;SACxB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;SACxB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAC7B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,MAAc;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAClH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,YAAoB,EACpB,UAAuD,EACvD,eAAwB;IAExB,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,UAAU;YACb
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;AAC5B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,GAAY;IAC9C,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;SACxB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;SACxB,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAC7B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,MAAc;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;IAC5E,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA;AAClH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB,CACvC,YAAoB,EACpB,UAAuD,EACvD,eAAwB;IAExB,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,uCAAuC,YAAY,QAAQ,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,SAAS,CAAA;QAC3G,KAAK,SAAS;YACZ,OAAO,eAAe,YAAY,wYAAwY,CAAA;QAC5a,KAAK,OAAO;YACV,OAAO,eAAe;gBACpB,CAAC,CAAC,oBAAoB,eAAe,4BAA4B;gBACjE,CAAC,CAAC,eAAe,YAAY,GAAG,CAAA;QACpC;YACE,OAAO,eAAe,YAAY,GAAG,CAAA;IACzC,CAAC;AACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const layoutNavigationStyles = " /* ========== LAYOUT ========== */\n .skip-link {\n position: fixed;\n top: 12px;\n left: 12px;\n z-index: 1000;\n transform: translateY(-160%);\n padding: 10px 14px;\n border-radius: 6px;\n background: var(--primary-color);\n color: white;\n font-weight: 600;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.15s ease;\n }\n\n .skip-link:focus {\n transform: translateY(0);\n outline: 2px solid white;\n outline-offset: 2px;\n }\n\n .app-container {\n display: grid;\n grid-template-columns: 300px 1fr;\n min-height: calc(100vh - 300px);\n }\n\n .app-container-no-sidebar {\n grid-template-columns: 1fr;\n }\n\n /* ========== SIDEBAR ========== */\n .sidebar {\n background: var(--sidebar-bg);\n border-right: 1px solid var(--border-color);\n padding: 24px 0;\n overflow-y: auto;\n position: sticky;\n top: 0;\n height: 100vh;\n }\n\n .sidebar-hidden {\n display: none;\n }\n\n .sidebar-header {\n padding: 0 20px 20px;\n border-bottom: 1px solid var(--border-color);\n margin-bottom: 16px;\n }\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .sidebar-logo img { height: 32px; }\n .sidebar-logo h1 { font-size: 18px; font-weight: 600; }\n\n .sidebar-search {\n position: relative;\n }\n\n .sidebar-search input {\n width: 100%;\n padding: 10px 12px 10px 36px;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n font-size: 14px;\n background: var(--bg-color);\n color: var(--text-color);\n outline: none;\n transition: border-color 0.2s;\n }\n\n .sidebar-search input:focus {\n border-color: var(--primary-color);\n }\n\n .sidebar-search::before {\n content: '\uD83D\uDD0D';\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n }\n\n .protocol-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding: 0 20px;\n margin-bottom: 20px;\n }\n\n .protocol-tab {\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n background: var(--code-bg);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n transition: all 0.2s;\n }\n\n .protocol-tab:hover {\n border-color: var(--primary-color);\n }\n\n .protocol-tab.active {\n background: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .protocol-tab .count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n margin-left: 6px;\n font-size: 10px;\n border-radius: 9px;\n background: rgba(0,0,0,0.15);\n }\n\n .protocol-tab.active .count {\n background: rgba(255,255,255,0.25);\n }\n\n /* ========== TAG GROUPS ========== */\n .sidebar-nav {\n padding: 0 12px;\n }\n\n .tag-group {\n margin-bottom: 8px;\n }\n\n .tag-group-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n transition: all 0.2s;\n }\n\n .tag-group-header:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .tag-group-header.active {\n color: var(--primary-color);\n }\n\n .tag-group-arrow {\n transition: transform 0.2s;\n font-size: 10px;\n }\n\n .tag-group.collapsed .tag-group-arrow {\n transform: rotate(-90deg);\n }\n\n .tag-group-count {\n margin-left: auto;\n font-size: 11px;\n color: var(--text-muted);\n font-weight: 400;\n }\n\n .tag-group-items {\n padding-left: 8px;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .tag-group.collapsed .tag-group-items {\n max-height: 0 !important;\n }\n\n .nav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding:
|
|
1
|
+
export declare const layoutNavigationStyles = " /* ========== LAYOUT ========== */\n .skip-link {\n position: fixed;\n top: 12px;\n left: 12px;\n z-index: 1000;\n transform: translateY(-160%);\n padding: 10px 14px;\n border-radius: 6px;\n background: var(--primary-color);\n color: white;\n font-weight: 600;\n text-decoration: none;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n transition: transform 0.15s ease;\n }\n\n .skip-link:focus {\n transform: translateY(0);\n outline: 2px solid white;\n outline-offset: 2px;\n }\n\n .app-container {\n display: grid;\n grid-template-columns: 300px 1fr;\n min-height: calc(100vh - 300px);\n }\n\n .app-container-no-sidebar {\n grid-template-columns: 1fr;\n }\n\n /* ========== SIDEBAR ========== */\n .sidebar {\n background: var(--sidebar-bg);\n border-right: 1px solid var(--border-color);\n padding: 24px 0;\n overflow-y: auto;\n position: sticky;\n top: 0;\n height: 100vh;\n }\n\n .sidebar-hidden {\n display: none;\n }\n\n .sidebar-header {\n padding: 0 20px 20px;\n border-bottom: 1px solid var(--border-color);\n margin-bottom: 16px;\n }\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .sidebar-logo img { height: 32px; }\n .sidebar-logo h1 { font-size: 18px; font-weight: 600; }\n\n .sidebar-search {\n position: relative;\n }\n\n .sidebar-search input {\n width: 100%;\n padding: 10px 12px 10px 36px;\n border: 1px solid var(--border-color);\n border-radius: 8px;\n font-size: 14px;\n background: var(--bg-color);\n color: var(--text-color);\n outline: none;\n transition: border-color 0.2s;\n }\n\n .sidebar-search input:focus {\n border-color: var(--primary-color);\n }\n\n .sidebar-search::before {\n content: '\uD83D\uDD0D';\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 14px;\n }\n\n .protocol-tabs {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding: 0 20px;\n margin-bottom: 20px;\n }\n\n .protocol-tab {\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n background: var(--code-bg);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n transition: all 0.2s;\n }\n\n .protocol-tab:hover {\n border-color: var(--primary-color);\n }\n\n .protocol-tab.active {\n background: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n }\n\n .protocol-tab .count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n margin-left: 6px;\n font-size: 10px;\n border-radius: 9px;\n background: rgba(0,0,0,0.15);\n }\n\n .protocol-tab.active .count {\n background: rgba(255,255,255,0.25);\n }\n\n /* ========== TAG GROUPS ========== */\n .sidebar-nav {\n padding: 0 12px;\n }\n\n .tag-group {\n margin-bottom: 8px;\n }\n\n .tag-group-header {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 14px;\n font-weight: 600;\n color: var(--text-secondary);\n transition: all 0.2s;\n }\n\n .tag-group-header:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .tag-group-header.active {\n color: var(--primary-color);\n }\n\n .tag-group-arrow {\n transition: transform 0.2s;\n font-size: 10px;\n }\n\n .tag-group.collapsed .tag-group-arrow {\n transform: rotate(-90deg);\n }\n\n .tag-group-count {\n margin-left: auto;\n font-size: 11px;\n color: var(--text-muted);\n font-weight: 400;\n }\n\n .tag-group-items {\n padding-left: 8px;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n .tag-group.collapsed .tag-group-items {\n max-height: 0 !important;\n }\n\n .nav-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n border-radius: 6px;\n text-decoration: none;\n color: var(--text-color);\n font-size: 14px;\n cursor: pointer;\n transition: all 0.15s;\n }\n\n .nav-item:hover {\n background: var(--hover-bg);\n }\n\n .nav-item.active {\n background: var(--primary-color);\n color: white;\n }\n\n .nav-subitems {\n display: grid;\n gap: 2px;\n margin: 2px 0 8px 12px;\n padding-left: 12px;\n border-left: 1px solid var(--border-color);\n }\n\n .nav-subitem {\n appearance: none;\n border: 0;\n background: transparent;\n color: var(--text-muted);\n cursor: pointer;\n font: inherit;\n font-size: 12px;\n line-height: 1.35;\n padding: 5px 8px;\n text-align: left;\n border-radius: 5px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .nav-subitem-level-3,\n .nav-subitem-level-4,\n .nav-subitem-level-5,\n .nav-subitem-level-6 {\n margin-left: 10px;\n }\n\n .nav-subitem:hover {\n background: var(--hover-bg);\n color: var(--text-color);\n }\n\n .nav-subitem.active {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n .docs-sidebar-depth-1 { margin-left: 4px; }\n .docs-sidebar-depth-2 { margin-left: 10px; }\n .docs-sidebar-depth-3,\n .docs-sidebar-depth-4,\n .docs-sidebar-depth-5,\n .docs-sidebar-depth-6 { margin-left: 16px; }\n\n .nav-item-intro {\n margin-bottom: 16px;\n padding: 10px 12px;\n background: var(--surface-color);\n border: 1px solid var(--border-color);\n font-weight: 500;\n }\n\n .nav-item-intro:hover {\n background: var(--hover-bg);\n border-color: var(--primary-color);\n }\n\n .nav-item-intro .nav-item-icon {\n font-size: 16px;\n }\n\n .nav-item-intro .nav-item-text {\n font-size: 14px;\n }\n\n .nav-item-method {\n font-size: 10px;\n font-weight: 600;\n padding: 2px 6px;\n border-radius: 3px;\n text-transform: uppercase;\n font-family: 'SF Mono', 'Monaco', monospace;\n }\n\n .method-get { background: #10b981; color: white; }\n .method-post { background: #3b82f6; color: white; }\n .method-put { background: #f59e0b; color: white; }\n .method-patch { background: #8b5cf6; color: white; }\n .method-delete { background: #ef4444; color: white; }\n .method-ws { background: #ec4899; color: white; }\n .method-stream { background: #06b6d4; color: white; }\n .method-rpc { background: #f97316; color: white; }\n .method-grpc { background: #14b8a6; color: white; }\n\n .nav-item-path {\n font-family: 'SF Mono', 'Monaco', monospace;\n font-size: 13px;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n";
|
|
2
2
|
//# sourceMappingURL=layout-navigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"layout-navigation.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/layout-navigation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,+sOA6TlC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAshBR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAKxD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMjE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,EACvD,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAO9C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAKxD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMjE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,EACvD,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CAaR"}
|