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.
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Link
3
- } from "./chunk-OZLYRXAD.mjs";
3
+ } from "./chunk-TKLQWU7H.mjs";
4
4
  import "./chunk-FMTOYQLO.mjs";
5
5
 
6
6
  // src/client/theme/ui/SearchDialog/SearchDialog.tsx
@@ -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-bottom: 1px solid var(--ld-border-subtle);
2589
+ border-top: 1px solid var(--ld-border-subtle);
2503
2590
  background: var(--ld-code-bg);
2591
+ position: relative;
2504
2592
  }
2505
- @media (min-width: 1024px) {
2506
- .playground-editor-panel {
2507
- border-bottom: none;
2508
- border-right: 1px solid var(--ld-border-subtle);
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: 2rem;
2710
+ padding: 2.5rem;
2579
2711
  display: flex;
2580
2712
  align-items: center;
2581
2713
  justify-content: center;
2582
- background-color: var(--ld-bg-mute);
2583
- background-image: radial-gradient(var(--ld-border-subtle) 1.5px, transparent 1.5px);
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: 200px;
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 {