robindoc 0.0.0-experimental-dc26dca → 0.0.0-experimental-8087dfb

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 +1 @@
1
- {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/contexts/contents/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAyC9D,CAAC"}
1
+ {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/contexts/contents/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAkD9D,CAAC"}
@@ -1,3 +1,3 @@
1
1
  'use client';
2
- import e,{useState as t,useRef as n,useCallback as r,useEffect as o}from"react";import{HeadingsContext as c,CurrentHeadingContext as i}from"./context.js";const d=({children:d})=>{const[u,l]=t({from:0,to:0}),m=n([]),s=r(()=>{const e=m.current.findLastIndex(e=>e.getBoundingClientRect().top<40),t=m.current.findLastIndex(e=>e.getBoundingClientRect().top<window.innerHeight);l({from:e,to:-1===t?m.current.length:t})},[]);return o(()=>{let e=!1;const t=document.querySelector(".r-root");if(!t)return;const n=t===document.documentElement?window:t,r=()=>{!e&&window.innerWidth>1080&&(e=!0,setTimeout(()=>{s(),e=!1},100))};return s(),n.addEventListener("scroll",r),()=>{n.removeEventListener("scroll",r)}},[]),e.createElement(c.Provider,{value:m.current},e.createElement(i.Provider,{value:u},d))};export{d as ContentsProvider};
2
+ import e,{useState as t,useRef as n,useCallback as r,useEffect as o}from"react";import{HeadingsContext as c,CurrentHeadingContext as i}from"./context.js";const d=({children:d})=>{const[l,u]=t({from:0,to:0}),m=n([]),s=r(()=>{const e=m.current.findLastIndex(e=>e.getBoundingClientRect().top<40),t=e+1,n=m.current.slice(t).findIndex(e=>e.getBoundingClientRect().top<window.innerHeight)+t,r=-1===n?m.current.length:n;u(t=>t.from!==e||t.to!==r?{from:e,to:r}:t)},[]);return o(()=>{let e=!1;const t=document.querySelector(".r-root");if(!t)return;const n=t===document.documentElement?window:t,r=()=>{!e&&window.innerWidth>1080&&(e=!0,setTimeout(()=>{s(),e=!1},100))};return s(),n.addEventListener("scroll",r),()=>{n.removeEventListener("scroll",r)}},[]),e.createElement(c.Provider,{value:m.current},e.createElement(i.Provider,{value:l},d))};export{d as ContentsProvider};
3
3
  //# sourceMappingURL=provider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"provider.js","sources":["../../../../src/components/contexts/contents/provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CurrentHeadingContext, HeadingsContext } from \"./context\";\n\nexport const ContentsProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\n const [activeIndex, setActiveIndex] = useState<{ from: number; to: number }>({ from: 0, to: 0 });\n const headings = useRef<HTMLHeadingElement[]>([]);\n\n const updateTargetSection = useCallback(() => {\n const fromIndex = headings.current.findLastIndex((el) => el.getBoundingClientRect().top < 40);\n const toIndex = headings.current.findLastIndex((el) => el.getBoundingClientRect().top < window.innerHeight);\n setActiveIndex({ from: fromIndex, to: toIndex === -1 ? headings.current.length : toIndex });\n }, []);\n\n useEffect(() => {\n let scheduledAnimationFrame = false;\n const rootElement = document.querySelector<HTMLElement>(\".r-root\");\n\n if (!rootElement) return;\n\n const scrollElement = rootElement === document.documentElement ? window : rootElement;\n\n const scrollHandler = () => {\n if (!scheduledAnimationFrame && window.innerWidth > 1080) {\n scheduledAnimationFrame = true;\n setTimeout(() => {\n updateTargetSection();\n scheduledAnimationFrame = false;\n }, 100);\n }\n };\n\n updateTargetSection();\n scrollElement.addEventListener(\"scroll\", scrollHandler);\n\n return () => {\n scrollElement.removeEventListener(\"scroll\", scrollHandler);\n };\n }, []);\n\n return (\n <HeadingsContext.Provider value={headings.current}>\n <CurrentHeadingContext.Provider value={activeIndex}>{children}</CurrentHeadingContext.Provider>\n </HeadingsContext.Provider>\n );\n};\n"],"names":["ContentsProvider","children","activeIndex","setActiveIndex","useState","from","to","headings","useRef","updateTargetSection","useCallback","fromIndex","current","findLastIndex","el","getBoundingClientRect","top","toIndex","window","innerHeight","length","useEffect","scheduledAnimationFrame","rootElement","document","querySelector","scrollElement","documentElement","scrollHandler","innerWidth","setTimeout","addEventListener","removeEventListener","React","createElement","HeadingsContext","Provider","value","CurrentHeadingContext"],"mappings":"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"}
1
+ {"version":3,"file":"provider.js","sources":["../../../../src/components/contexts/contents/provider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CurrentHeadingContext, HeadingsContext } from \"./context\";\n\nexport const ContentsProvider: React.FC<React.PropsWithChildren> = ({ children }) => {\n const [activeIndex, setActiveIndex] = useState<{ from: number; to: number }>({ from: 0, to: 0 });\n const headings = useRef<HTMLHeadingElement[]>([]);\n\n const updateTargetSection = useCallback(() => {\n const fromIndex = headings.current.findLastIndex((el) => el.getBoundingClientRect().top < 40);\n const searchToStartIndex = fromIndex + 1;\n const toIndex =\n headings.current\n .slice(searchToStartIndex)\n .findIndex((el) => el.getBoundingClientRect().top < window.innerHeight) + searchToStartIndex;\n\n const finalToIndex = toIndex === -1 ? headings.current.length : toIndex;\n\n setActiveIndex((prev) =>\n prev.from !== fromIndex || prev.to !== finalToIndex ? { from: fromIndex, to: finalToIndex } : prev,\n );\n }, []);\n\n useEffect(() => {\n let scheduledAnimationFrame = false;\n const rootElement = document.querySelector<HTMLElement>(\".r-root\");\n\n if (!rootElement) return;\n\n const scrollElement = rootElement === document.documentElement ? window : rootElement;\n\n const scrollHandler = () => {\n if (!scheduledAnimationFrame && window.innerWidth > 1080) {\n scheduledAnimationFrame = true;\n setTimeout(() => {\n updateTargetSection();\n scheduledAnimationFrame = false;\n }, 100);\n }\n };\n\n updateTargetSection();\n scrollElement.addEventListener(\"scroll\", scrollHandler);\n\n return () => {\n scrollElement.removeEventListener(\"scroll\", scrollHandler);\n };\n }, []);\n\n return (\n <HeadingsContext.Provider value={headings.current}>\n <CurrentHeadingContext.Provider value={activeIndex}>{children}</CurrentHeadingContext.Provider>\n </HeadingsContext.Provider>\n );\n};\n"],"names":["ContentsProvider","children","activeIndex","setActiveIndex","useState","from","to","headings","useRef","updateTargetSection","useCallback","fromIndex","current","findLastIndex","el","getBoundingClientRect","top","searchToStartIndex","toIndex","slice","findIndex","window","innerHeight","finalToIndex","length","prev","useEffect","scheduledAnimationFrame","rootElement","document","querySelector","scrollElement","documentElement","scrollHandler","innerWidth","setTimeout","addEventListener","removeEventListener","React","createElement","HeadingsContext","Provider","value","CurrentHeadingContext"],"mappings":"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"}
package/lib/styles.css CHANGED
@@ -1,4 +1,93 @@
1
- .r-footer {
1
+ .r-header {
2
+ position: sticky;
3
+ background-color: var(--r-main-50);
4
+ top: 0;
5
+ border-bottom: 1px solid var(--r-main-300);
6
+ height: 60px;
7
+ z-index: 1000;
8
+ box-sizing: border-box;
9
+ }
10
+
11
+ .r-header-body {
12
+ height: 100%;
13
+ display: flex;
14
+ justify-content: space-between;
15
+ align-items: center;
16
+ gap: 24px;
17
+ box-sizing: border-box;
18
+ }
19
+
20
+ .r-header-logo {
21
+ display: block;
22
+ margin-right: 24px;
23
+ color: var(--r-main-700);
24
+ transition: color 0.2s;
25
+ box-sizing: border-box;
26
+ }
27
+ .r-header-logo:hover, .r-header-logo:focus {
28
+ color: var(--r-main-950);
29
+ }
30
+
31
+ .r-header-nav {
32
+ display: flex;
33
+ flex-direction: column;
34
+ gap: 12px 16px;
35
+ }
36
+ @media screen and (width >= 1024px) {
37
+ .r-header-nav {
38
+ flex-direction: row;
39
+ }
40
+ }
41
+
42
+ .r-header-link {
43
+ color: var(--r-main-600);
44
+ text-decoration: none;
45
+ padding: 4px 0;
46
+ transition: color 0.2s;
47
+ box-sizing: border-box;
48
+ }
49
+ .r-header-link:hover, .r-header-link:focus-visible {
50
+ color: var(--r-main-950);
51
+ }
52
+
53
+ .r-header-link._target {
54
+ color: var(--r-primary-800);
55
+ }
56
+ .r-header-link._target:hover, .r-header-link._target:focus-visible {
57
+ color: var(--r-primary-700);
58
+ }
59
+
60
+ .r-header-actions {
61
+ display: flex;
62
+ flex-direction: column-reverse;
63
+ gap: 16px;
64
+ align-items: stretch;
65
+ }
66
+ @media screen and (width >= 1024px) {
67
+ .r-header-actions {
68
+ flex-direction: row;
69
+ align-items: center;
70
+ gap: 28px;
71
+ }
72
+ }
73
+
74
+ .r-header-sections {
75
+ display: flex;
76
+ align-items: center;
77
+ gap: 12px;
78
+ }
79
+ @media screen and (width < 768px) {
80
+ .r-header-sections .r-dropdown {
81
+ flex: 1;
82
+ }
83
+ }
84
+ @media screen and (width < 768px) {
85
+ .r-header-sections .r-dropdown-drop {
86
+ max-width: none;
87
+ width: 100%;
88
+ left: 0;
89
+ }
90
+ }.r-footer {
2
91
  border-top: 1px solid var(--r-main-300);
3
92
  padding-top: 16px;
4
93
  padding-bottom: 16px;
@@ -33,28 +122,6 @@
33
122
  }
34
123
  .r-powered-link:hover {
35
124
  color: var(--r-primary-900);
36
- }.r-docs-container {
37
- min-height: calc(100dvh - var(--r-header-height));
38
- overflow-wrap: break-word;
39
- box-sizing: border-box;
40
- }
41
- @media screen and (width >= 768px) {
42
- .r-docs-container {
43
- display: grid;
44
- justify-content: center;
45
- column-gap: 32px;
46
- grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
47
- grid-template-columns: 1fr calc(100% - 248px);
48
- grid-template-rows: auto auto 1fr auto;
49
- }
50
- }
51
- @media screen and (width >= 1180px) {
52
- .r-docs-container {
53
- column-gap: 40px;
54
- grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
55
- grid-template-columns: 1fr 640px 1fr;
56
- grid-template-rows: auto 1fr auto;
57
- }
58
125
  }.r-root {
59
126
  --r-header-height: 60px;
60
127
  position: relative;
@@ -287,94 +354,27 @@
287
354
  --r-cl-60: #86181d;
288
355
  --r-cl-61: #144620;
289
356
  --r-cl-62: #c24e00;
290
- }.r-header {
291
- position: sticky;
292
- background-color: var(--r-main-50);
293
- top: 0;
294
- border-bottom: 1px solid var(--r-main-300);
295
- height: 60px;
296
- z-index: 1000;
297
- box-sizing: border-box;
298
- }
299
-
300
- .r-header-body {
301
- height: 100%;
302
- display: flex;
303
- justify-content: space-between;
304
- align-items: center;
305
- gap: 24px;
306
- box-sizing: border-box;
307
- }
308
-
309
- .r-header-logo {
310
- display: block;
311
- margin-right: 24px;
312
- color: var(--r-main-700);
313
- transition: color 0.2s;
314
- box-sizing: border-box;
315
- }
316
- .r-header-logo:hover, .r-header-logo:focus {
317
- color: var(--r-main-950);
318
- }
319
-
320
- .r-header-nav {
321
- display: flex;
322
- flex-direction: column;
323
- gap: 12px 16px;
324
- }
325
- @media screen and (width >= 1024px) {
326
- .r-header-nav {
327
- flex-direction: row;
328
- }
329
- }
330
-
331
- .r-header-link {
332
- color: var(--r-main-600);
333
- text-decoration: none;
334
- padding: 4px 0;
335
- transition: color 0.2s;
357
+ }.r-docs-container {
358
+ min-height: calc(100dvh - var(--r-header-height));
359
+ overflow-wrap: break-word;
336
360
  box-sizing: border-box;
337
361
  }
338
- .r-header-link:hover, .r-header-link:focus-visible {
339
- color: var(--r-main-950);
340
- }
341
-
342
- .r-header-link._target {
343
- color: var(--r-primary-800);
344
- }
345
- .r-header-link._target:hover, .r-header-link._target:focus-visible {
346
- color: var(--r-primary-700);
347
- }
348
-
349
- .r-header-actions {
350
- display: flex;
351
- flex-direction: column-reverse;
352
- gap: 16px;
353
- align-items: stretch;
354
- }
355
- @media screen and (width >= 1024px) {
356
- .r-header-actions {
357
- flex-direction: row;
358
- align-items: center;
359
- gap: 28px;
360
- }
361
- }
362
-
363
- .r-header-sections {
364
- display: flex;
365
- align-items: center;
366
- gap: 12px;
367
- }
368
- @media screen and (width < 768px) {
369
- .r-header-sections .r-dropdown {
370
- flex: 1;
362
+ @media screen and (width >= 768px) {
363
+ .r-docs-container {
364
+ display: grid;
365
+ justify-content: center;
366
+ column-gap: 32px;
367
+ grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
368
+ grid-template-columns: 1fr calc(100% - 248px);
369
+ grid-template-rows: auto auto 1fr auto;
371
370
  }
372
371
  }
373
- @media screen and (width < 768px) {
374
- .r-header-sections .r-dropdown-drop {
375
- max-width: none;
376
- width: 100%;
377
- left: 0;
372
+ @media screen and (width >= 1180px) {
373
+ .r-docs-container {
374
+ column-gap: 40px;
375
+ grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
376
+ grid-template-columns: 1fr 640px 1fr;
377
+ grid-template-rows: auto 1fr auto;
378
378
  }
379
379
  }.r-blog-container {
380
380
  min-height: calc(100dvh - var(--r-header-height));
@@ -394,45 +394,97 @@
394
394
  min-height: calc(100dvh - var(--r-header-height));
395
395
  overflow-wrap: break-word;
396
396
  box-sizing: border-box;
397
+ }.r-keylink.keylink-to-navigation:focus {
398
+ margin-top: -40px;
397
399
  }.keylink-to-content {
398
400
  position: absolute !important;
399
401
  top: 8px;
400
402
  left: 12px;
401
403
  z-index: 1001;
402
- }.r-keylink.keylink-to-navigation:focus {
403
- margin-top: -40px;
404
- }.r-sidebar {
405
- grid-area: sidebar;
406
- box-sizing: border-box;
404
+ }.r-article {
405
+ padding: 20px 0 40px;
406
+ grid-area: content;
407
407
  }
408
- @media screen and (width < 768px) {
409
- .r-sidebar {
410
- position: sticky;
411
- width: calc(100% + 24px);
412
- top: var(--r-header-height);
413
- left: 0;
414
- margin: 0 -12px;
415
- background-color: var(--r-main-50);
416
- border-bottom: 1px solid var(--r-main-200);
417
- z-index: 10;
418
- opacity: 0.98;
419
- padding: 0;
420
- overflow: auto;
408
+ @media screen and (width >= 1180px) {
409
+ .r-article {
410
+ padding: 32px 0 40px;
421
411
  }
422
412
  }
423
-
424
- .r-sidebar-top-mock {
425
- grid-row-start: 1;
426
- grid-column-start: 1;
413
+ .r-article > *:first-child {
414
+ margin-top: 0;
427
415
  }
428
-
429
- @media screen and (width < 768px) {
430
- .r-sidebar-input:not(:checked) ~ .r-sidebar-btn ~ .r-sidebar-nav {
431
- display: none;
432
- }
416
+ .r-article > *:last-child {
417
+ margin-bottom: 0;
433
418
  }
434
419
 
435
- .r-sidebar-nav {
420
+ .r-checkbox {
421
+ cursor: pointer;
422
+ width: 20px;
423
+ height: 20px;
424
+ margin: 4px;
425
+ vertical-align: middle;
426
+ box-sizing: border-box;
427
+ }
428
+
429
+ .r-label {
430
+ cursor: pointer;
431
+ }
432
+
433
+ .r-task-ol,
434
+ .r-task-ul {
435
+ list-style: none;
436
+ }
437
+
438
+ .r-task-label {
439
+ display: block;
440
+ width: 100%;
441
+ padding-top: 2px;
442
+ padding-bottom: 2px;
443
+ box-sizing: border-box;
444
+ }
445
+ .r-task-label:hover .r-checkbox {
446
+ filter: brightness(0.8);
447
+ }
448
+
449
+ .r-task-li.r-task-li {
450
+ margin-block-start: 2px;
451
+ margin-block-end: 2px;
452
+ }
453
+
454
+ .r-label-text {
455
+ vertical-align: middle;
456
+ }.r-sidebar {
457
+ grid-area: sidebar;
458
+ box-sizing: border-box;
459
+ }
460
+ @media screen and (width < 768px) {
461
+ .r-sidebar {
462
+ position: sticky;
463
+ width: calc(100% + 24px);
464
+ top: var(--r-header-height);
465
+ left: 0;
466
+ margin: 0 -12px;
467
+ background-color: var(--r-main-50);
468
+ border-bottom: 1px solid var(--r-main-200);
469
+ z-index: 10;
470
+ opacity: 0.98;
471
+ padding: 0;
472
+ overflow: auto;
473
+ }
474
+ }
475
+
476
+ .r-sidebar-top-mock {
477
+ grid-row-start: 1;
478
+ grid-column-start: 1;
479
+ }
480
+
481
+ @media screen and (width < 768px) {
482
+ .r-sidebar-input:not(:checked) ~ .r-sidebar-btn ~ .r-sidebar-nav {
483
+ display: none;
484
+ }
485
+ }
486
+
487
+ .r-sidebar-nav {
436
488
  box-sizing: border-box;
437
489
  }
438
490
  @media screen and (width < 768px) {
@@ -673,136 +725,122 @@
673
725
 
674
726
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
675
727
  transform: rotate(90deg);
676
- }.r-article {
677
- padding: 20px 0 40px;
678
- grid-area: content;
728
+ }.r-search-btn {
729
+ position: relative;
730
+ border-radius: 6px;
731
+ background-color: var(--r-main-100);
732
+ color: var(--r-main-600);
733
+ padding: 8px 20px;
734
+ border: 1px solid var(--r-main-200);
735
+ width: 100%;
736
+ text-align: left;
737
+ cursor: text;
738
+ box-sizing: border-box;
679
739
  }
680
- @media screen and (width >= 1180px) {
681
- .r-article {
682
- padding: 32px 0 40px;
740
+ @media screen and (width >= 768px) {
741
+ .r-search-btn {
742
+ width: 220px;
743
+ padding: 8px 96px 8px 20px;
683
744
  }
684
745
  }
685
- .r-article > *:first-child {
686
- margin-top: 0;
746
+ .r-search-btn:hover {
747
+ border-color: var(--r-main-600);
687
748
  }
688
- .r-article > *:last-child {
689
- margin-bottom: 0;
749
+ .r-search-btn:hover .r-search-kbd {
750
+ color: var(--r-main-950);
690
751
  }
691
752
 
692
- .r-checkbox {
693
- cursor: pointer;
694
- width: 20px;
695
- height: 20px;
696
- margin: 4px;
697
- vertical-align: middle;
698
- box-sizing: border-box;
753
+ .r-search-title {
754
+ display: block;
755
+ overflow: hidden;
756
+ text-overflow: ellipsis;
757
+ white-space: nowrap;
699
758
  }
700
759
 
701
- .r-label {
702
- cursor: pointer;
760
+ .r-search-kbd {
761
+ display: none;
762
+ position: absolute;
763
+ right: 6px;
764
+ top: 50%;
765
+ transform: translateY(-50%);
766
+ }
767
+ @media screen and (width >= 768px) {
768
+ .r-search-kbd {
769
+ display: flex;
770
+ }
703
771
  }
704
772
 
705
- .r-task-ol,
706
- .r-task-ul {
707
- list-style: none;
773
+ .r-search-popup-header {
774
+ position: relative;
775
+ border-bottom: 1px solid var(--r-main-200);
708
776
  }
709
777
 
710
- .r-task-label {
711
- display: block;
778
+ .r-search-input {
779
+ border-radius: 12px 12px 0 0;
780
+ background-color: var(--r-main-50);
781
+ padding: 16px 20px;
782
+ border: none;
783
+ border-bottom: 2px solid var(--r-main-300);
712
784
  width: 100%;
713
- padding-top: 2px;
714
- padding-bottom: 2px;
785
+ font-size: 16px;
715
786
  box-sizing: border-box;
716
787
  }
717
- .r-task-label:hover .r-checkbox {
718
- filter: brightness(0.8);
719
- }
720
-
721
- .r-task-li.r-task-li {
722
- margin-block-start: 2px;
723
- margin-block-end: 2px;
724
- }
725
-
726
- .r-label-text {
727
- vertical-align: middle;
728
- }.r-theme-switcher {
729
- position: relative;
730
- display: flex;
731
- gap: 4px;
732
- width: 108px;
733
- height: 36px;
734
- padding: 2px;
735
- background-color: var(--r-main-950);
736
- border-radius: 14px;
737
- box-sizing: border-box;
788
+ @media screen and (width >= 768px) {
789
+ .r-search-input {
790
+ padding: 16px 72px 16px 20px;
791
+ }
738
792
  }
739
- .r-theme-switcher::before {
740
- content: "";
741
- position: absolute;
742
- display: block;
743
- height: 32px;
744
- width: 32px;
745
- top: 2px;
746
- left: 2px;
747
- background-color: var(--r-main-50);
748
- border-radius: 12px;
749
- transition: left 0.2s;
750
- box-sizing: border-box;
793
+ .r-search-input:hover {
794
+ border-bottom-color: var(--r-primary-800);
751
795
  }
752
-
753
- .r-theme-switcher-btn {
754
- padding: 8px;
755
- background: none;
756
- border: 0;
757
- border-radius: 12px;
758
- cursor: pointer;
759
- color: var(--r-main-50);
760
- fill: var(--r-main-950);
761
- z-index: 1;
762
- transition: color 0.2s 0.1s, fill 0.2s;
796
+ .r-search-input:focus {
797
+ outline: none;
798
+ border-bottom-color: var(--r-primary-600);
763
799
  }
764
- .r-theme-switcher-btn:hover {
765
- color: var(--r-main-50);
766
- fill: var(--r-main-50);
800
+ .r-search-input::placeholder {
801
+ color: var(--r-main-500);
767
802
  }
768
803
 
769
- .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
770
- left: 2px;
804
+ .r-search-popup-kbd {
805
+ color: var(--r-main-600);
806
+ right: 20px;
771
807
  }
772
808
 
773
- .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark {
774
- color: var(--r-main-950);
775
- pointer-events: none;
809
+ .r-search-results {
810
+ padding: 12px 8px 8px;
811
+ max-height: min(400px, 100dvh - 200px);
812
+ overflow-y: auto;
813
+ list-style: none;
814
+ scrollbar-width: thin;
815
+ scrollbar-color: var(--r-main-200) transparent;
816
+ margin: 0;
817
+ box-sizing: border-box;
776
818
  }
777
819
 
778
- .r-theme-switcher::before,
779
- .r-theme-system .r-theme-switcher::before {
780
- left: 38px;
820
+ .r-search-item {
821
+ display: block;
822
+ text-decoration: none;
823
+ color: var(--r-main-700);
824
+ padding: 8px 12px;
825
+ border: 1px solid var(--r-main-100);
826
+ border-radius: 6px;
827
+ width: 100%;
828
+ margin-top: 6px;
829
+ box-sizing: border-box;
781
830
  }
782
-
783
- .r-theme-system .r-theme-switcher-btn__system {
831
+ .r-search-item:hover, .r-search-item:focus {
784
832
  color: var(--r-main-950);
785
- pointer-events: none;
786
- }
787
-
788
- .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
789
- left: 74px;
833
+ background-color: var(--r-main-50);
790
834
  }
791
835
 
792
- .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
793
- color: var(--r-main-950);
794
- pointer-events: none;
836
+ .r-search-item-title {
837
+ margin: 0;
795
838
  }
796
839
 
797
- .r-theme-switcher-svg {
798
- display: block;
799
- }.r-container {
800
- max-width: 1180px;
801
- padding-right: 12px;
802
- padding-left: 12px;
803
- margin-right: auto;
804
- margin-left: auto;
805
- box-sizing: border-box;
840
+ .r-search-item-desc {
841
+ font-size: 14px;
842
+ color: var(--r-main-600);
843
+ margin: 12px 0 0;
806
844
  }.r-header-menu {
807
845
  display: flex;
808
846
  justify-content: flex-end;
@@ -878,135 +916,37 @@
878
916
  .r-burger-line._top {
879
917
  transform: translateY(-3px);
880
918
  }
881
-
882
- .r-header-input:checked ~ .r-header-burger .r-burger-line._top {
883
- transform: translateY(0) rotate(45deg);
884
- margin-top: 0;
885
- }
886
-
887
- .r-burger-line._bottom {
888
- transform: translateY(3px);
889
- }
890
-
891
- .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
892
- transform: translateY(0) rotate(-45deg);
893
- margin-top: 0;
894
- }.r-search-btn {
895
- position: relative;
896
- border-radius: 6px;
897
- background-color: var(--r-main-100);
898
- color: var(--r-main-600);
899
- padding: 8px 20px;
900
- border: 1px solid var(--r-main-200);
901
- width: 100%;
902
- text-align: left;
903
- cursor: text;
904
- box-sizing: border-box;
905
- }
906
- @media screen and (width >= 768px) {
907
- .r-search-btn {
908
- width: 220px;
909
- padding: 8px 96px 8px 20px;
910
- }
911
- }
912
- .r-search-btn:hover {
913
- border-color: var(--r-main-600);
914
- }
915
- .r-search-btn:hover .r-search-kbd {
916
- color: var(--r-main-950);
917
- }
918
-
919
- .r-search-title {
920
- display: block;
921
- overflow: hidden;
922
- text-overflow: ellipsis;
923
- white-space: nowrap;
924
- }
925
-
926
- .r-search-kbd {
927
- display: none;
928
- position: absolute;
929
- right: 6px;
930
- top: 50%;
931
- transform: translateY(-50%);
932
- }
933
- @media screen and (width >= 768px) {
934
- .r-search-kbd {
935
- display: flex;
936
- }
937
- }
938
-
939
- .r-search-popup-header {
940
- position: relative;
941
- border-bottom: 1px solid var(--r-main-200);
942
- }
943
-
944
- .r-search-input {
945
- border-radius: 12px 12px 0 0;
946
- background-color: var(--r-main-50);
947
- padding: 16px 20px;
948
- border: none;
949
- border-bottom: 2px solid var(--r-main-300);
950
- width: 100%;
951
- font-size: 16px;
952
- box-sizing: border-box;
953
- }
954
- @media screen and (width >= 768px) {
955
- .r-search-input {
956
- padding: 16px 72px 16px 20px;
957
- }
958
- }
959
- .r-search-input:hover {
960
- border-bottom-color: var(--r-primary-800);
961
- }
962
- .r-search-input:focus {
963
- outline: none;
964
- border-bottom-color: var(--r-primary-600);
965
- }
966
- .r-search-input::placeholder {
967
- color: var(--r-main-500);
968
- }
969
-
970
- .r-search-popup-kbd {
971
- color: var(--r-main-600);
972
- right: 20px;
973
- }
974
-
975
- .r-search-results {
976
- padding: 12px 8px 8px;
977
- max-height: min(400px, 100dvh - 200px);
978
- overflow-y: auto;
979
- list-style: none;
980
- scrollbar-width: thin;
981
- scrollbar-color: var(--r-main-200) transparent;
982
- margin: 0;
983
- box-sizing: border-box;
984
- }
985
-
986
- .r-search-item {
987
- display: block;
988
- text-decoration: none;
989
- color: var(--r-main-700);
990
- padding: 8px 12px;
991
- border: 1px solid var(--r-main-100);
992
- border-radius: 6px;
993
- width: 100%;
994
- margin-top: 6px;
995
- box-sizing: border-box;
996
- }
997
- .r-search-item:hover, .r-search-item:focus {
998
- color: var(--r-main-950);
999
- background-color: var(--r-main-50);
919
+
920
+ .r-header-input:checked ~ .r-header-burger .r-burger-line._top {
921
+ transform: translateY(0) rotate(45deg);
922
+ margin-top: 0;
1000
923
  }
1001
924
 
1002
- .r-search-item-title {
1003
- margin: 0;
925
+ .r-burger-line._bottom {
926
+ transform: translateY(3px);
1004
927
  }
1005
928
 
1006
- .r-search-item-desc {
1007
- font-size: 14px;
1008
- color: var(--r-main-600);
1009
- margin: 12px 0 0;
929
+ .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
930
+ transform: translateY(0) rotate(-45deg);
931
+ margin-top: 0;
932
+ }.r-header-social {
933
+ display: flex;
934
+ flex: 1;
935
+ justify-content: flex-end;
936
+ }
937
+ @media screen and (width >= 1024px) {
938
+ .r-header-social {
939
+ flex: none;
940
+ justify-content: unset;
941
+ }
942
+ }
943
+
944
+ .r-header-social-git {
945
+ color: var(--r-main-700);
946
+ transition: color 0.2s;
947
+ }
948
+ .r-header-social-git:hover, .r-header-social-git:focus {
949
+ color: var(--r-main-950);
1010
950
  }.r-dropdown {
1011
951
  position: relative;
1012
952
  color: var(--r-main-600);
@@ -1086,24 +1026,84 @@
1086
1026
 
1087
1027
  .r-dropdown-link._active {
1088
1028
  color: var(--r-primary-700);
1089
- }.r-header-social {
1029
+ }.r-container {
1030
+ max-width: 1180px;
1031
+ padding-right: 12px;
1032
+ padding-left: 12px;
1033
+ margin-right: auto;
1034
+ margin-left: auto;
1035
+ box-sizing: border-box;
1036
+ }.r-theme-switcher {
1037
+ position: relative;
1090
1038
  display: flex;
1091
- flex: 1;
1092
- justify-content: flex-end;
1039
+ gap: 4px;
1040
+ width: 108px;
1041
+ height: 36px;
1042
+ padding: 2px;
1043
+ background-color: var(--r-main-950);
1044
+ border-radius: 14px;
1045
+ box-sizing: border-box;
1093
1046
  }
1094
- @media screen and (width >= 1024px) {
1095
- .r-header-social {
1096
- flex: none;
1097
- justify-content: unset;
1098
- }
1047
+ .r-theme-switcher::before {
1048
+ content: "";
1049
+ position: absolute;
1050
+ display: block;
1051
+ height: 32px;
1052
+ width: 32px;
1053
+ top: 2px;
1054
+ left: 2px;
1055
+ background-color: var(--r-main-50);
1056
+ border-radius: 12px;
1057
+ transition: left 0.2s;
1058
+ box-sizing: border-box;
1099
1059
  }
1100
1060
 
1101
- .r-header-social-git {
1102
- color: var(--r-main-700);
1103
- transition: color 0.2s;
1061
+ .r-theme-switcher-btn {
1062
+ padding: 8px;
1063
+ background: none;
1064
+ border: 0;
1065
+ border-radius: 12px;
1066
+ cursor: pointer;
1067
+ color: var(--r-main-50);
1068
+ fill: var(--r-main-950);
1069
+ z-index: 1;
1070
+ transition: color 0.2s 0.1s, fill 0.2s;
1104
1071
  }
1105
- .r-header-social-git:hover, .r-header-social-git:focus {
1072
+ .r-theme-switcher-btn:hover {
1073
+ color: var(--r-main-50);
1074
+ fill: var(--r-main-50);
1075
+ }
1076
+
1077
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher::before {
1078
+ left: 2px;
1079
+ }
1080
+
1081
+ .r-theme-dark:not(.r-theme-system) .r-theme-switcher-btn__dark {
1106
1082
  color: var(--r-main-950);
1083
+ pointer-events: none;
1084
+ }
1085
+
1086
+ .r-theme-switcher::before,
1087
+ .r-theme-system .r-theme-switcher::before {
1088
+ left: 38px;
1089
+ }
1090
+
1091
+ .r-theme-system .r-theme-switcher-btn__system {
1092
+ color: var(--r-main-950);
1093
+ pointer-events: none;
1094
+ }
1095
+
1096
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher::before {
1097
+ left: 74px;
1098
+ }
1099
+
1100
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1101
+ color: var(--r-main-950);
1102
+ pointer-events: none;
1103
+ }
1104
+
1105
+ .r-theme-switcher-svg {
1106
+ display: block;
1107
1107
  }.r-keylink {
1108
1108
  display: block;
1109
1109
  position: relative;
@@ -1124,6 +1124,47 @@
1124
1124
  user-select: none;
1125
1125
  pointer-events: none;
1126
1126
  box-sizing: border-box;
1127
+ }.r-breadcrumbs {
1128
+ grid-area: breadcrumbs;
1129
+ list-style: none;
1130
+ margin: 0;
1131
+ padding: 20px 0 0;
1132
+ line-height: 2;
1133
+ }
1134
+ @media screen and (width >= 768px) {
1135
+ .r-breadcrumbs {
1136
+ padding: 32px 0 0;
1137
+ }
1138
+ }
1139
+
1140
+ .r-breadcrumb {
1141
+ display: inline;
1142
+ }
1143
+
1144
+ .r-breadcrumb._previous::after {
1145
+ content: "/";
1146
+ font-weight: 600;
1147
+ margin-inline: 8px;
1148
+ }
1149
+
1150
+ .r-breadcrumb-link {
1151
+ color: var(--r-main-700);
1152
+ text-decoration: none;
1153
+ }
1154
+ .r-breadcrumb-link:hover {
1155
+ color: var(--r-primary-800);
1156
+ }
1157
+
1158
+ .r-breadcrumb-link,
1159
+ .r-breadcrumb-title {
1160
+ display: inline;
1161
+ padding: 6px 0;
1162
+ margin: 0;
1163
+ }
1164
+
1165
+ .r-breadcrumb-title {
1166
+ color: var(--r-main-950);
1167
+ font-weight: 600;
1127
1168
  }.r-contents {
1128
1169
  grid-area: contents;
1129
1170
  }
@@ -1357,47 +1398,6 @@
1357
1398
  }
1358
1399
  .r-contents-git:hover {
1359
1400
  color: var(--r-main-900);
1360
- }.r-breadcrumbs {
1361
- grid-area: breadcrumbs;
1362
- list-style: none;
1363
- margin: 0;
1364
- padding: 20px 0 0;
1365
- line-height: 2;
1366
- }
1367
- @media screen and (width >= 768px) {
1368
- .r-breadcrumbs {
1369
- padding: 32px 0 0;
1370
- }
1371
- }
1372
-
1373
- .r-breadcrumb {
1374
- display: inline;
1375
- }
1376
-
1377
- .r-breadcrumb._previous::after {
1378
- content: "/";
1379
- font-weight: 600;
1380
- margin-inline: 8px;
1381
- }
1382
-
1383
- .r-breadcrumb-link {
1384
- color: var(--r-main-700);
1385
- text-decoration: none;
1386
- }
1387
- .r-breadcrumb-link:hover {
1388
- color: var(--r-primary-800);
1389
- }
1390
-
1391
- .r-breadcrumb-link,
1392
- .r-breadcrumb-title {
1393
- display: inline;
1394
- padding: 6px 0;
1395
- margin: 0;
1396
- }
1397
-
1398
- .r-breadcrumb-title {
1399
- color: var(--r-main-950);
1400
- font-weight: 600;
1401
1401
  }.r-pagination {
1402
1402
  grid-area: pagination;
1403
1403
  display: grid;
@@ -1640,6 +1640,19 @@
1640
1640
  }
1641
1641
  .r-blockquote-caution .r-blockquote-title {
1642
1642
  color: var(--r-caution);
1643
+ }.r-code-block {
1644
+ font-family: var(--monospace-font, monospace, monospace);
1645
+ font-size: 16px;
1646
+ line-height: 1.33;
1647
+ border-radius: 6px;
1648
+ padding: 16px 20px;
1649
+ margin: 0;
1650
+ color: var(--r-primary-800);
1651
+ background-color: var(--r-main-50);
1652
+ overflow-x: auto;
1653
+ scrollbar-width: thin;
1654
+ scrollbar-color: var(--r-main-200) transparent;
1655
+ box-sizing: border-box;
1643
1656
  }.r-code-span {
1644
1657
  font-family: var(--monospace-font, monospace, monospace);
1645
1658
  background-color: var(--r-main-100);
@@ -1654,22 +1667,6 @@
1654
1667
 
1655
1668
  .r-code-span + .r-content-link-external {
1656
1669
  margin-left: -12px;
1657
- }.r-code-block {
1658
- font-family: var(--monospace-font, monospace, monospace);
1659
- font-size: 16px;
1660
- line-height: 1.33;
1661
- border-radius: 6px;
1662
- padding: 16px 20px;
1663
- margin: 0;
1664
- color: var(--r-primary-800);
1665
- background-color: var(--r-main-50);
1666
- overflow-x: auto;
1667
- scrollbar-width: thin;
1668
- scrollbar-color: var(--r-main-200) transparent;
1669
- box-sizing: border-box;
1670
- }.r-img {
1671
- max-width: 100%;
1672
- box-sizing: border-box;
1673
1670
  }.r-h1 {
1674
1671
  font-size: 32px;
1675
1672
  line-height: 1.4;
@@ -1710,6 +1707,9 @@
1710
1707
  line-height: 1.4;
1711
1708
  margin-block-start: 1.8em;
1712
1709
  margin-block-end: 1.8em;
1710
+ }.r-img {
1711
+ max-width: 100%;
1712
+ box-sizing: border-box;
1713
1713
  }.r-p {
1714
1714
  line-height: 1.8;
1715
1715
  margin-block-start: 1em;
@@ -1926,10 +1926,6 @@
1926
1926
  background-color: currentColor;
1927
1927
  border-radius: 0 0 0 4px;
1928
1928
  box-sizing: border-box;
1929
- }.r-ul {
1930
- padding-inline-start: 2rem;
1931
- margin-block-start: 1em;
1932
- margin-block-end: 1em;
1933
1929
  }.r-li {
1934
1930
  line-height: 1.8;
1935
1931
  margin-block-start: 6px;
@@ -1945,6 +1941,10 @@
1945
1941
  padding-inline-start: 2rem;
1946
1942
  margin-block-start: 1em;
1947
1943
  margin-block-end: 1em;
1944
+ }.r-ul {
1945
+ padding-inline-start: 2rem;
1946
+ margin-block-start: 1em;
1947
+ margin-block-end: 1em;
1948
1948
  }.r-td {
1949
1949
  padding: 6px 12px;
1950
1950
  border-bottom: 1px solid var(--r-main-400);
@@ -1954,15 +1954,8 @@
1954
1954
  text-align: left;
1955
1955
  border-collapse: collapse;
1956
1956
  box-sizing: border-box;
1957
- }.r-th {
1958
- padding: 6px 12px;
1959
- border-top: 1px solid var(--r-main-500);
1960
- border-bottom: 1px solid var(--r-main-500);
1961
- border-collapse: collapse;
1962
1957
  }.r-thead {
1963
1958
  background-color: var(--r-main-100);
1964
- }.r-task-ol {
1965
- list-style: none;
1966
1959
  }.r-task-li.r-task-li {
1967
1960
  margin-block-start: 2px;
1968
1961
  margin-block-end: 2px;
@@ -1992,6 +1985,13 @@
1992
1985
 
1993
1986
  .r-task-label-text {
1994
1987
  vertical-align: middle;
1988
+ }.r-th {
1989
+ padding: 6px 12px;
1990
+ border-top: 1px solid var(--r-main-500);
1991
+ border-bottom: 1px solid var(--r-main-500);
1992
+ border-collapse: collapse;
1993
+ }.r-task-ol {
1994
+ list-style: none;
1995
1995
  }.r-task-ul {
1996
1996
  list-style: none;
1997
1997
  }.r-backdrop {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-dc26dca",
3
+ "version": "0.0.0-experimental-8087dfb",
4
4
  "description": "Robindoc is a framework for automatically creating documentation websites based on markdown files, built on React.js Server Components",
5
5
  "main": "./lib/index.js",
6
6
  "scripts": {