boltdocs 1.10.1 → 1.10.2
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/{SearchDialog-MEWGAONO.mjs → SearchDialog-AGVF6JBO.mjs} +1 -1
- package/dist/{SearchDialog-BEVZQ74P.css → SearchDialog-YPDOM7Q6.css} +196 -28
- package/dist/{chunk-OZLYRXAD.mjs → chunk-TKLQWU7H.mjs} +177 -171
- package/dist/client/index.css +196 -28
- package/dist/client/index.d.mts +3 -10
- package/dist/client/index.d.ts +3 -10
- package/dist/client/index.js +377 -341
- package/dist/client/index.mjs +91 -52
- package/dist/client/ssr.css +196 -28
- package/dist/client/ssr.js +190 -192
- package/dist/client/ssr.mjs +1 -1
- package/package.json +1 -1
- package/src/client/index.ts +0 -1
- package/src/client/theme/components/CodeBlock/CodeBlock.tsx +22 -1
- package/src/client/theme/components/Playground/Playground.tsx +104 -48
- package/src/client/theme/components/Playground/playground.css +88 -18
- package/src/client/theme/styles/markdown.css +53 -0
- package/src/client/theme/styles/variables.css +0 -12
- package/src/client/theme/styles.css +1 -0
- package/src/client/theme/ui/CopyMarkdown/copy-markdown.css +0 -2
- package/src/client/theme/ui/ErrorBoundary/ErrorBoundary.tsx +19 -15
- package/src/client/theme/ui/ErrorBoundary/error-boundary.css +55 -0
- package/src/client/theme/ui/Layout/Layout.tsx +5 -10
- package/src/client/theme/ui/Layout/base.css +2 -1
- package/src/client/theme/ui/Layout/responsive.css +11 -0
- package/src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx +0 -10
- package/src/client/theme/ui/BackgroundGradient/index.ts +0 -1
|
@@ -43,8 +43,6 @@
|
|
|
43
43
|
--ld-btn-primary-text: #ffffff;
|
|
44
44
|
--ld-btn-secondary-bg: #ffffff;
|
|
45
45
|
--ld-btn-secondary-text: #111827;
|
|
46
|
-
--ld-gradient-from: var(--ld-color-primary);
|
|
47
|
-
--ld-gradient-to: #a855f7;
|
|
48
46
|
--ld-code-bg: #f3f4f6;
|
|
49
47
|
--ld-code-header: #e5e7eb;
|
|
50
48
|
--ld-code-text: #1f2937;
|
|
@@ -52,8 +50,6 @@
|
|
|
52
50
|
--ld-navbar-blur: 12px;
|
|
53
51
|
--ld-sidebar-bg: transparent;
|
|
54
52
|
--ld-sidebar-blur: 0px;
|
|
55
|
-
--ld-glow-1-bg: var(--ld-color-primary-glow);
|
|
56
|
-
--ld-glow-2-bg: rgba(215, 59, 246, 0.15);
|
|
57
53
|
--ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
|
|
58
54
|
--ld-ui-btn-primary-text: var(--ld-btn-primary-text);
|
|
59
55
|
--ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
|
|
@@ -97,8 +93,6 @@
|
|
|
97
93
|
--ld-btn-primary-text: #0a0a0f;
|
|
98
94
|
--ld-btn-secondary-bg: #1a1a2e;
|
|
99
95
|
--ld-btn-secondary-text: #e4e4ed;
|
|
100
|
-
--ld-gradient-from: #ffffff;
|
|
101
|
-
--ld-gradient-to: rgba(255, 255, 255, 0.7);
|
|
102
96
|
--ld-code-bg: #050505;
|
|
103
97
|
--ld-code-header: #111119;
|
|
104
98
|
--ld-code-text: #d4d4d4;
|
|
@@ -106,8 +100,6 @@
|
|
|
106
100
|
--ld-navbar-blur: 12px;
|
|
107
101
|
--ld-sidebar-bg: transparent;
|
|
108
102
|
--ld-sidebar-blur: 0px;
|
|
109
|
-
--ld-glow-1-bg: var(--ld-color-primary-glow);
|
|
110
|
-
--ld-glow-2-bg: rgba(246, 59, 187, 0.15);
|
|
111
103
|
--ld-ui-btn-primary-bg: var(--ld-btn-primary-bg);
|
|
112
104
|
--ld-ui-btn-primary-text: var(--ld-btn-primary-text);
|
|
113
105
|
--ld-ui-btn-secondary-bg: var(--ld-btn-secondary-bg);
|
|
@@ -250,12 +242,13 @@ a {
|
|
|
250
242
|
}
|
|
251
243
|
.boltdocs-page-header {
|
|
252
244
|
position: absolute;
|
|
253
|
-
top: 0;
|
|
245
|
+
top: -0.5rem;
|
|
254
246
|
right: 0;
|
|
255
247
|
display: flex;
|
|
256
248
|
justify-content: flex-end;
|
|
257
249
|
padding: 1rem 0;
|
|
258
250
|
pointer-events: none;
|
|
251
|
+
z-index: 101;
|
|
259
252
|
}
|
|
260
253
|
.boltdocs-page-header > * {
|
|
261
254
|
pointer-events: auto;
|
|
@@ -1078,11 +1071,9 @@ a {
|
|
|
1078
1071
|
border-radius: var(--ld-radius-full);
|
|
1079
1072
|
overflow: hidden;
|
|
1080
1073
|
transition: all 0.2s ease;
|
|
1081
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
1082
1074
|
}
|
|
1083
1075
|
.copy-btn-group:hover {
|
|
1084
1076
|
border-color: var(--ld-color-primary-hover);
|
|
1085
|
-
box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15);
|
|
1086
1077
|
}
|
|
1087
1078
|
.copy-btn {
|
|
1088
1079
|
display: flex;
|
|
@@ -1229,6 +1220,7 @@ a {
|
|
|
1229
1220
|
font-weight: 700;
|
|
1230
1221
|
letter-spacing: -0.025em;
|
|
1231
1222
|
color: var(--ld-text-main);
|
|
1223
|
+
padding-right: 160px;
|
|
1232
1224
|
}
|
|
1233
1225
|
.boltdocs-page h1 + p {
|
|
1234
1226
|
color: var(--ld-text-muted);
|
|
@@ -1389,6 +1381,56 @@ a {
|
|
|
1389
1381
|
display: grid !important;
|
|
1390
1382
|
padding: 1.25rem 1rem !important;
|
|
1391
1383
|
}
|
|
1384
|
+
.code-block-wrapper.is-truncated pre {
|
|
1385
|
+
max-height: 250px;
|
|
1386
|
+
overflow: hidden;
|
|
1387
|
+
}
|
|
1388
|
+
.code-block-expand-wrapper {
|
|
1389
|
+
position: absolute;
|
|
1390
|
+
bottom: 0;
|
|
1391
|
+
left: 0;
|
|
1392
|
+
right: 0;
|
|
1393
|
+
height: 80px;
|
|
1394
|
+
background:
|
|
1395
|
+
linear-gradient(
|
|
1396
|
+
to top,
|
|
1397
|
+
var(--ld-code-bg) 20%,
|
|
1398
|
+
transparent);
|
|
1399
|
+
display: none;
|
|
1400
|
+
align-items: flex-end;
|
|
1401
|
+
justify-content: center;
|
|
1402
|
+
padding-bottom: 1rem;
|
|
1403
|
+
z-index: 10;
|
|
1404
|
+
}
|
|
1405
|
+
.code-block-wrapper.is-truncated .code-block-expand-wrapper {
|
|
1406
|
+
display: flex;
|
|
1407
|
+
}
|
|
1408
|
+
.code-block-expand-btn {
|
|
1409
|
+
background-color: var(--ld-surface);
|
|
1410
|
+
border: 1px solid var(--ld-border-subtle);
|
|
1411
|
+
border-radius: 20px;
|
|
1412
|
+
color: var(--ld-text-main);
|
|
1413
|
+
padding: 0.5rem 1.25rem;
|
|
1414
|
+
font-size: 0.8125rem;
|
|
1415
|
+
font-weight: 500;
|
|
1416
|
+
cursor: pointer;
|
|
1417
|
+
transition: all 0.2s ease;
|
|
1418
|
+
backdrop-filter: blur(8px);
|
|
1419
|
+
-webkit-backdrop-filter: blur(8px);
|
|
1420
|
+
}
|
|
1421
|
+
.code-block-expand-btn:hover {
|
|
1422
|
+
background-color: var(--ld-border-subtle);
|
|
1423
|
+
transform: translateY(-1px);
|
|
1424
|
+
}
|
|
1425
|
+
.code-block-wrapper:not(.is-truncated) .code-block-expand-wrapper {
|
|
1426
|
+
position: relative;
|
|
1427
|
+
height: auto;
|
|
1428
|
+
background: none;
|
|
1429
|
+
display: flex;
|
|
1430
|
+
justify-content: center;
|
|
1431
|
+
padding: 1rem 0;
|
|
1432
|
+
border-top: 1px solid var(--ld-border-subtle);
|
|
1433
|
+
}
|
|
1392
1434
|
.code-block-wrapper pre > code .line {
|
|
1393
1435
|
padding: 0 1.25rem;
|
|
1394
1436
|
}
|
|
@@ -2468,6 +2510,58 @@ a.not-found-link:hover {
|
|
|
2468
2510
|
margin: 0;
|
|
2469
2511
|
}
|
|
2470
2512
|
|
|
2513
|
+
/* src/client/theme/ui/ErrorBoundary/error-boundary.css */
|
|
2514
|
+
.boltdocs-error-boundary {
|
|
2515
|
+
display: flex;
|
|
2516
|
+
flex-direction: column;
|
|
2517
|
+
align-items: center;
|
|
2518
|
+
justify-content: center;
|
|
2519
|
+
padding: 3rem 2rem;
|
|
2520
|
+
margin: 2rem 0;
|
|
2521
|
+
background-color: var(--ld-bg-soft);
|
|
2522
|
+
border: 1px solid var(--ld-ui-danger-border);
|
|
2523
|
+
border-radius: var(--ld-radius-lg);
|
|
2524
|
+
text-align: center;
|
|
2525
|
+
backdrop-filter: blur(8px);
|
|
2526
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2527
|
+
}
|
|
2528
|
+
.boltdocs-error-title {
|
|
2529
|
+
font-size: 1.5rem;
|
|
2530
|
+
font-weight: 700;
|
|
2531
|
+
color: var(--ld-ui-danger-text);
|
|
2532
|
+
margin-bottom: 0.75rem;
|
|
2533
|
+
font-family: var(--ld-font-sans);
|
|
2534
|
+
}
|
|
2535
|
+
.boltdocs-error-message {
|
|
2536
|
+
font-size: 1rem;
|
|
2537
|
+
color: var(--ld-text-muted);
|
|
2538
|
+
max-width: 100%;
|
|
2539
|
+
margin-bottom: 1.5rem;
|
|
2540
|
+
line-height: 1.6;
|
|
2541
|
+
overflow-wrap: break-word;
|
|
2542
|
+
word-break: break-word;
|
|
2543
|
+
}
|
|
2544
|
+
.boltdocs-error-retry {
|
|
2545
|
+
padding: 0.6rem 1.25rem;
|
|
2546
|
+
background-color: var(--ld-ui-btn-primary-bg);
|
|
2547
|
+
color: var(--ld-ui-btn-primary-text);
|
|
2548
|
+
border: none;
|
|
2549
|
+
border-radius: var(--ld-radius-full);
|
|
2550
|
+
font-size: 0.875rem;
|
|
2551
|
+
font-weight: 600;
|
|
2552
|
+
cursor: pointer;
|
|
2553
|
+
transition: all 0.2s ease;
|
|
2554
|
+
box-shadow: 0 4px 12px var(--ld-color-primary-glow);
|
|
2555
|
+
}
|
|
2556
|
+
.boltdocs-error-retry:hover {
|
|
2557
|
+
background-color: var(--ld-color-primary-hover);
|
|
2558
|
+
transform: translateY(-1px);
|
|
2559
|
+
box-shadow: 0 6px 16px var(--ld-color-primary-glow);
|
|
2560
|
+
}
|
|
2561
|
+
.boltdocs-error-retry:active {
|
|
2562
|
+
transform: translateY(0);
|
|
2563
|
+
}
|
|
2564
|
+
|
|
2471
2565
|
/* src/client/theme/components/Playground/playground.css */
|
|
2472
2566
|
.boltdocs-playground {
|
|
2473
2567
|
display: flex;
|
|
@@ -2485,13 +2579,6 @@ a.not-found-link:hover {
|
|
|
2485
2579
|
flex-direction: column;
|
|
2486
2580
|
width: 100%;
|
|
2487
2581
|
}
|
|
2488
|
-
@media (min-width: 1024px) {
|
|
2489
|
-
.playground-split-container {
|
|
2490
|
-
flex-direction: row;
|
|
2491
|
-
min-height: 350px;
|
|
2492
|
-
align-items: stretch;
|
|
2493
|
-
}
|
|
2494
|
-
}
|
|
2495
2582
|
.playground-panel {
|
|
2496
2583
|
display: flex;
|
|
2497
2584
|
flex-direction: column;
|
|
@@ -2499,14 +2586,59 @@ a.not-found-link:hover {
|
|
|
2499
2586
|
min-width: 0;
|
|
2500
2587
|
}
|
|
2501
2588
|
.playground-editor-panel {
|
|
2502
|
-
border-
|
|
2589
|
+
border-top: 1px solid var(--ld-border-subtle);
|
|
2503
2590
|
background: var(--ld-code-bg);
|
|
2591
|
+
position: relative;
|
|
2504
2592
|
}
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2593
|
+
.boltdocs-playground.is-truncated .playground-editor {
|
|
2594
|
+
max-height: 250px;
|
|
2595
|
+
overflow: hidden;
|
|
2596
|
+
}
|
|
2597
|
+
.boltdocs-playground[data-readonly=true]:not(.is-truncated) .playground-editor {
|
|
2598
|
+
max-height: 600px;
|
|
2599
|
+
}
|
|
2600
|
+
.playground-expand-wrapper {
|
|
2601
|
+
position: absolute;
|
|
2602
|
+
bottom: 0;
|
|
2603
|
+
left: 0;
|
|
2604
|
+
right: 0;
|
|
2605
|
+
height: 80px;
|
|
2606
|
+
background:
|
|
2607
|
+
linear-gradient(
|
|
2608
|
+
to top,
|
|
2609
|
+
var(--ld-code-bg) 20%,
|
|
2610
|
+
transparent);
|
|
2611
|
+
display: flex;
|
|
2612
|
+
align-items: flex-end;
|
|
2613
|
+
justify-content: center;
|
|
2614
|
+
padding-bottom: 1rem;
|
|
2615
|
+
z-index: 10;
|
|
2616
|
+
}
|
|
2617
|
+
.playground-expand-btn {
|
|
2618
|
+
background-color: var(--ld-surface);
|
|
2619
|
+
border: 1px solid var(--ld-border-subtle);
|
|
2620
|
+
border-radius: 20px;
|
|
2621
|
+
color: var(--ld-text-main);
|
|
2622
|
+
padding: 0.5rem 1.25rem;
|
|
2623
|
+
font-size: 0.8125rem;
|
|
2624
|
+
font-weight: 500;
|
|
2625
|
+
cursor: pointer;
|
|
2626
|
+
transition: all 0.2s ease;
|
|
2627
|
+
backdrop-filter: blur(8px);
|
|
2628
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2629
|
+
}
|
|
2630
|
+
.playground-expand-btn:hover {
|
|
2631
|
+
background-color: var(--ld-border-subtle);
|
|
2632
|
+
transform: translateY(-1px);
|
|
2633
|
+
}
|
|
2634
|
+
.boltdocs-playground:not(.is-truncated) .playground-expand-wrapper {
|
|
2635
|
+
position: relative;
|
|
2636
|
+
height: auto;
|
|
2637
|
+
background: none;
|
|
2638
|
+
display: flex;
|
|
2639
|
+
justify-content: center;
|
|
2640
|
+
padding: 1rem 0;
|
|
2641
|
+
border-top: 1px solid var(--ld-border-subtle);
|
|
2510
2642
|
}
|
|
2511
2643
|
.playground-preview-panel {
|
|
2512
2644
|
background: var(--ld-bg-mute);
|
|
@@ -2575,15 +2707,15 @@ a.not-found-link:hover {
|
|
|
2575
2707
|
cursor: default !important;
|
|
2576
2708
|
}
|
|
2577
2709
|
.playground-preview {
|
|
2578
|
-
padding:
|
|
2710
|
+
padding: 2.5rem;
|
|
2579
2711
|
display: flex;
|
|
2580
2712
|
align-items: center;
|
|
2581
2713
|
justify-content: center;
|
|
2582
|
-
background-color:
|
|
2583
|
-
background-image: radial-gradient(
|
|
2714
|
+
background-color: #000;
|
|
2715
|
+
background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1.5px, transparent 1.5px);
|
|
2584
2716
|
background-size: 24px 24px;
|
|
2585
2717
|
color: var(--ld-text-main);
|
|
2586
|
-
min-height:
|
|
2718
|
+
min-height: 300px;
|
|
2587
2719
|
}
|
|
2588
2720
|
.playground-error {
|
|
2589
2721
|
margin: 0;
|
|
@@ -2604,6 +2736,33 @@ a.not-found-link:hover {
|
|
|
2604
2736
|
margin: 2rem 0;
|
|
2605
2737
|
border: 1px solid var(--ld-border-subtle);
|
|
2606
2738
|
}
|
|
2739
|
+
.playground-copy-btn-inner {
|
|
2740
|
+
position: absolute;
|
|
2741
|
+
top: 1rem;
|
|
2742
|
+
right: 1.5rem;
|
|
2743
|
+
z-index: 20;
|
|
2744
|
+
display: flex;
|
|
2745
|
+
align-items: center;
|
|
2746
|
+
justify-content: center;
|
|
2747
|
+
width: 32px;
|
|
2748
|
+
height: 32px;
|
|
2749
|
+
border-radius: 6px;
|
|
2750
|
+
border: 1px solid var(--ld-border-subtle);
|
|
2751
|
+
background: var(--ld-surface);
|
|
2752
|
+
color: var(--ld-text-dim);
|
|
2753
|
+
cursor: pointer;
|
|
2754
|
+
transition: all 0.2s ease;
|
|
2755
|
+
backdrop-filter: blur(8px);
|
|
2756
|
+
-webkit-backdrop-filter: blur(8px);
|
|
2757
|
+
}
|
|
2758
|
+
.playground-copy-btn-inner:hover {
|
|
2759
|
+
background: var(--ld-border-subtle);
|
|
2760
|
+
color: var(--ld-text-main);
|
|
2761
|
+
transform: translateY(-1px);
|
|
2762
|
+
}
|
|
2763
|
+
.playground-static-code {
|
|
2764
|
+
display: none;
|
|
2765
|
+
}
|
|
2607
2766
|
|
|
2608
2767
|
/* src/client/theme/ui/Layout/responsive.css */
|
|
2609
2768
|
@media (max-width: 1100px) {
|
|
@@ -2621,6 +2780,15 @@ a.not-found-link:hover {
|
|
|
2621
2780
|
.hero-title {
|
|
2622
2781
|
font-size: 2.25rem;
|
|
2623
2782
|
}
|
|
2783
|
+
.boltdocs-page h1 {
|
|
2784
|
+
padding-right: 0;
|
|
2785
|
+
}
|
|
2786
|
+
.boltdocs-page-header {
|
|
2787
|
+
position: static;
|
|
2788
|
+
justify-content: flex-start;
|
|
2789
|
+
margin-bottom: 1rem;
|
|
2790
|
+
padding: 0;
|
|
2791
|
+
}
|
|
2624
2792
|
.ld-cards--2,
|
|
2625
2793
|
.ld-cards--3,
|
|
2626
2794
|
.ld-cards--4 {
|