robindoc 3.5.0 → 3.6.0

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":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/contents/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,iBAAiB;IAC1D,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE;QACX,mBAAmB;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,wBAAwB;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACL;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoF5C,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/contents/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,iBAAiB;IAC1D,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE;QACX,mBAAmB;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,wBAAwB;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACL;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2F5C,CAAC"}
@@ -1,3 +1,3 @@
1
1
  'use client';
2
- import e,{useRef as t,useEffect as n}from"react";import r from"clsx";import{useHeadingIndex as s}from"../../contexts/contents/use-heading-index.js";import{detectGitType as c}from"../../../core/utils/git-tools.js";const o=({headings:o,hideContents:a,editUri:l,translations:i})=>{const m=t(null),d=t(null),h=t(null),{from:p,to:f}=s(),{onThisPage:u="On this page",editOnService:g="Edit on {service}"}=i||{};return n(()=>{h.current&&d.current&&d.current.style.setProperty("--drop-height",h.current.offsetHeight+"px")},[]),e.createElement("div",{className:"r-contents"},e.createElement("div",{className:"r-contents-sticky",ref:m},o.length>0&&!a&&e.createElement(e.Fragment,null,e.createElement("input",{type:"checkbox",className:"r-contents-control",id:"r-contents"}),e.createElement("div",{className:"r-contents-details"},e.createElement("label",{className:"r-contents-title",htmlFor:"r-contents"},u,e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"r-contents-chevron"},e.createElement("path",{d:"m6 9 6 6 6-6"}))),e.createElement("div",{className:"r-contents-list",ref:d},e.createElement("div",{className:"r-contents-list-content",ref:h},o.map((t,n)=>e.createElement("a",{href:`#${t.id}`,key:t.id,className:r("r-contents-link",t.nested&&"_nested",n<=p&&"_passed",n<=f&&"_visited",n>=p&&n<=f&&"_active"),ref:e=>{e?.offsetTop&&m.current&&m.current.scrollHeight>m.current.clientHeight&&p===n&&m.current.scrollTo({top:Math.max(e.offsetTop-Math.ceil(window.innerHeight/2),0)})}},t.title)))))),l?.match(/^https?:\/\//)&&e.createElement("div",{className:"r-contents-actions"},e.createElement("a",{href:l,target:"_blank",rel:"noopener noreferrer",className:"r-contents-git"},g.replace("{service}",c(l).name)))))};export{o as Contents};
2
+ import e,{useRef as t,useCallback as n,useEffect as r}from"react";import s from"clsx";import{useHeadingIndex as c}from"../../contexts/contents/use-heading-index.js";import{detectGitType as o}from"../../../core/utils/git-tools.js";const a=({headings:a,hideContents:l,editUri:i,translations:m})=>{const d=t(null),h=t(null),p=t(null),{from:f,to:u}=c(),{onThisPage:g="On this page",editOnService:v="Edit on {service}"}=m||{},E=n(()=>{p.current&&h.current&&h.current.style.setProperty("--drop-height",p.current.offsetHeight+"px")},[]);return r(E,[]),e.createElement("div",{className:"r-contents"},e.createElement("div",{className:"r-contents-sticky",ref:d},a.length>0&&!l&&e.createElement(e.Fragment,null,e.createElement("input",{type:"checkbox",className:"r-contents-control",id:"r-contents",onClick:E}),e.createElement("div",{className:"r-contents-details"},e.createElement("label",{className:"r-contents-title",htmlFor:"r-contents"},g,e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"r-contents-chevron"},e.createElement("path",{d:"m6 9 6 6 6-6"}))),e.createElement("div",{className:"r-contents-list",ref:h},e.createElement("div",{className:"r-contents-list-content",ref:p},a.map((t,n)=>e.createElement("a",{href:`#${t.id}`,key:t.id,className:s("r-contents-link",t.nested&&"_nested",n<=f&&"_passed",n<=u&&"_visited",n>=f&&n<=u&&"_active"),ref:e=>{e?.offsetTop&&d.current&&d.current.scrollHeight>d.current.clientHeight&&f===n&&d.current.scrollTo({top:Math.max(e.offsetTop-Math.ceil(window.innerHeight/2),0)})}},t.title)))))),i?.match(/^https?:\/\//)&&e.createElement("div",{className:"r-contents-actions"},e.createElement("a",{href:i,target:"_blank",rel:"noopener noreferrer",className:"r-contents-git"},v.replace("{service}",o(i).name)))))};export{a as Contents};
3
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/blocks/contents/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { useHeadingIndex } from \"@src/components/contexts/contents/use-heading-index\";\nimport { detectGitType } from \"@src/core/utils/git-tools\";\n\nimport \"./contents.scss\";\n\nexport interface ContentsProps extends React.PropsWithChildren {\n headings: { id: string; nested: boolean; title: string | React.ReactNode }[];\n hideContents?: boolean;\n editUri?: string | null;\n translations?: {\n /** On this page */\n onThisPage?: string;\n /** Edit on {service} */\n editOnService?: string;\n };\n}\n\nexport const Contents: React.FC<ContentsProps> = ({ headings, hideContents, editUri, translations }) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const { from, to } = useHeadingIndex();\n const { onThisPage = \"On this page\", editOnService = \"Edit on {service}\" } = translations || {};\n\n useEffect(() => {\n if (dropdownContentRef.current && dropdownRef.current) {\n dropdownRef.current.style.setProperty(\"--drop-height\", dropdownContentRef.current.offsetHeight + \"px\");\n }\n }, []);\n\n return (\n <div className=\"r-contents\">\n <div className=\"r-contents-sticky\" ref={containerRef}>\n {headings.length > 0 && !hideContents && (\n <>\n <input type=\"checkbox\" className=\"r-contents-control\" id=\"r-contents\" />\n <div className=\"r-contents-details\">\n <label className=\"r-contents-title\" htmlFor=\"r-contents\">\n {onThisPage}\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"r-contents-chevron\"\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n </label>\n <div className=\"r-contents-list\" ref={dropdownRef}>\n <div className=\"r-contents-list-content\" ref={dropdownContentRef}>\n {headings.map((heading, index) => (\n <a\n href={`#${heading.id}`}\n key={heading.id}\n className={clsx(\n \"r-contents-link\",\n heading.nested && \"_nested\",\n index <= from && \"_passed\",\n index <= to && \"_visited\",\n index >= from && index <= to && \"_active\",\n )}\n ref={(node) => {\n if (\n node?.offsetTop &&\n containerRef.current &&\n containerRef.current.scrollHeight >\n containerRef.current.clientHeight &&\n from === index\n ) {\n containerRef.current.scrollTo({\n top: Math.max(\n node.offsetTop - Math.ceil(window.innerHeight / 2),\n 0,\n ),\n });\n }\n }}\n >\n {heading.title}\n </a>\n ))}\n </div>\n </div>\n </div>\n </>\n )}\n {editUri?.match(/^https?:\\/\\//) && (\n <div className=\"r-contents-actions\">\n <a href={editUri} target=\"_blank\" rel=\"noopener noreferrer\" className=\"r-contents-git\">\n {editOnService.replace(\"{service}\", detectGitType(editUri).name)}\n </a>\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Contents","headings","hideContents","editUri","translations","containerRef","useRef","dropdownRef","dropdownContentRef","from","to","useHeadingIndex","onThisPage","editOnService","useEffect","current","style","setProperty","offsetHeight","React","createElement","className","ref","length","Fragment","type","id","htmlFor","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","map","heading","index","href","key","clsx","nested","node","offsetTop","scrollHeight","clientHeight","scrollTo","top","Math","max","ceil","window","innerHeight","title","match","target","rel","replace","detectGitType","name"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/blocks/contents/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { useHeadingIndex } from \"@src/components/contexts/contents/use-heading-index\";\nimport { detectGitType } from \"@src/core/utils/git-tools\";\n\nimport \"./contents.scss\";\n\nexport interface ContentsProps extends React.PropsWithChildren {\n headings: { id: string; nested: boolean; title: string | React.ReactNode }[];\n hideContents?: boolean;\n editUri?: string | null;\n translations?: {\n /** On this page */\n onThisPage?: string;\n /** Edit on {service} */\n editOnService?: string;\n };\n}\n\nexport const Contents: React.FC<ContentsProps> = ({ headings, hideContents, editUri, translations }) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const dropdownContentRef = useRef<HTMLDivElement>(null);\n const { from, to } = useHeadingIndex();\n const { onThisPage = \"On this page\", editOnService = \"Edit on {service}\" } = translations || {};\n\n const recalculateOffset = useCallback(() => {\n if (dropdownContentRef.current && dropdownRef.current) {\n dropdownRef.current.style.setProperty(\"--drop-height\", dropdownContentRef.current.offsetHeight + \"px\");\n }\n }, []);\n\n useEffect(recalculateOffset, []);\n\n return (\n <div className=\"r-contents\">\n <div className=\"r-contents-sticky\" ref={containerRef}>\n {headings.length > 0 && !hideContents && (\n <>\n <input\n type=\"checkbox\"\n className=\"r-contents-control\"\n id=\"r-contents\"\n onClick={recalculateOffset}\n />\n <div className=\"r-contents-details\">\n <label className=\"r-contents-title\" htmlFor=\"r-contents\">\n {onThisPage}\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className=\"r-contents-chevron\"\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n </label>\n <div className=\"r-contents-list\" ref={dropdownRef}>\n <div className=\"r-contents-list-content\" ref={dropdownContentRef}>\n {headings.map((heading, index) => (\n <a\n href={`#${heading.id}`}\n key={heading.id}\n className={clsx(\n \"r-contents-link\",\n heading.nested && \"_nested\",\n index <= from && \"_passed\",\n index <= to && \"_visited\",\n index >= from && index <= to && \"_active\",\n )}\n ref={(node) => {\n if (\n node?.offsetTop &&\n containerRef.current &&\n containerRef.current.scrollHeight >\n containerRef.current.clientHeight &&\n from === index\n ) {\n containerRef.current.scrollTo({\n top: Math.max(\n node.offsetTop - Math.ceil(window.innerHeight / 2),\n 0,\n ),\n });\n }\n }}\n >\n {heading.title}\n </a>\n ))}\n </div>\n </div>\n </div>\n </>\n )}\n {editUri?.match(/^https?:\\/\\//) && (\n <div className=\"r-contents-actions\">\n <a href={editUri} target=\"_blank\" rel=\"noopener noreferrer\" className=\"r-contents-git\">\n {editOnService.replace(\"{service}\", detectGitType(editUri).name)}\n </a>\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["Contents","headings","hideContents","editUri","translations","containerRef","useRef","dropdownRef","dropdownContentRef","from","to","useHeadingIndex","onThisPage","editOnService","recalculateOffset","useCallback","current","style","setProperty","offsetHeight","useEffect","React","createElement","className","ref","length","Fragment","type","id","onClick","htmlFor","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","d","map","heading","index","href","key","clsx","nested","node","offsetTop","scrollHeight","clientHeight","scrollTo","top","Math","max","ceil","window","innerHeight","title","match","target","rel","replace","detectGitType","name"],"mappings":"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"}
package/lib/styles.css CHANGED
@@ -87,6 +87,41 @@
87
87
  width: 100%;
88
88
  left: 0;
89
89
  }
90
+ }.r-footer {
91
+ border-top: 1px solid var(--r-main-300);
92
+ padding-top: 16px;
93
+ padding-bottom: 16px;
94
+ }
95
+
96
+ .r-footer-row {
97
+ display: flex;
98
+ justify-content: space-between;
99
+ align-items: center;
100
+ gap: 32px;
101
+ }
102
+
103
+ .r-footer-additional {
104
+ margin-top: 20px;
105
+ justify-content: flex-end;
106
+ }
107
+
108
+ .r-copyright {
109
+ color: var(--r-main-800);
110
+ }
111
+
112
+ .r-powered {
113
+ font-size: 14px;
114
+ display: block;
115
+ color: var(--r-main-600);
116
+ }
117
+
118
+ .r-powered-link {
119
+ font-weight: 600;
120
+ text-decoration: none;
121
+ color: var(--r-main-950);
122
+ }
123
+ .r-powered-link:hover {
124
+ color: var(--r-primary-900);
90
125
  }.r-root {
91
126
  --r-header-height: 60px;
92
127
  position: relative;
@@ -338,44 +373,9 @@
338
373
  .r-docs-container {
339
374
  column-gap: 40px;
340
375
  grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
341
- grid-template-columns: 1fr 640px 1fr;
376
+ grid-template-columns: 200px 640px 1fr;
342
377
  grid-template-rows: auto 1fr auto;
343
378
  }
344
- }.r-footer {
345
- border-top: 1px solid var(--r-main-300);
346
- padding-top: 16px;
347
- padding-bottom: 16px;
348
- }
349
-
350
- .r-footer-row {
351
- display: flex;
352
- justify-content: space-between;
353
- align-items: center;
354
- gap: 32px;
355
- }
356
-
357
- .r-footer-additional {
358
- margin-top: 20px;
359
- justify-content: flex-end;
360
- }
361
-
362
- .r-copyright {
363
- color: var(--r-main-800);
364
- }
365
-
366
- .r-powered {
367
- font-size: 14px;
368
- display: block;
369
- color: var(--r-main-600);
370
- }
371
-
372
- .r-powered-link {
373
- font-weight: 600;
374
- text-decoration: none;
375
- color: var(--r-main-950);
376
- }
377
- .r-powered-link:hover {
378
- color: var(--r-primary-900);
379
379
  }.r-blog-container {
380
380
  min-height: calc(100dvh - var(--r-header-height));
381
381
  overflow-wrap: break-word;
@@ -390,6 +390,10 @@
390
390
  grid-template-columns: 760px 220px;
391
391
  grid-template-rows: auto 1fr auto;
392
392
  }
393
+ }.r-page-container {
394
+ min-height: calc(100dvh - var(--r-header-height));
395
+ overflow-wrap: break-word;
396
+ box-sizing: border-box;
393
397
  }.keylink-to-content {
394
398
  position: absolute !important;
395
399
  top: 8px;
@@ -397,62 +401,6 @@
397
401
  z-index: 1001;
398
402
  }.r-keylink.keylink-to-navigation:focus {
399
403
  margin-top: -40px;
400
- }.r-article {
401
- padding: 20px 0 40px;
402
- grid-area: content;
403
- }
404
- @media screen and (width >= 1180px) {
405
- .r-article {
406
- padding: 32px 0 40px;
407
- }
408
- }
409
- .r-article > *:first-child {
410
- margin-top: 0;
411
- }
412
- .r-article > *:last-child {
413
- margin-bottom: 0;
414
- }
415
-
416
- .r-checkbox {
417
- cursor: pointer;
418
- width: 20px;
419
- height: 20px;
420
- margin: 4px;
421
- vertical-align: middle;
422
- box-sizing: border-box;
423
- }
424
-
425
- .r-label {
426
- cursor: pointer;
427
- }
428
-
429
- .r-task-ol,
430
- .r-task-ul {
431
- list-style: none;
432
- }
433
-
434
- .r-task-label {
435
- display: block;
436
- width: 100%;
437
- padding-top: 2px;
438
- padding-bottom: 2px;
439
- box-sizing: border-box;
440
- }
441
- .r-task-label:hover .r-checkbox {
442
- filter: brightness(0.8);
443
- }
444
-
445
- .r-task-li.r-task-li {
446
- margin-block-start: 2px;
447
- margin-block-end: 2px;
448
- }
449
-
450
- .r-label-text {
451
- vertical-align: middle;
452
- }.r-page-container {
453
- min-height: calc(100dvh - var(--r-header-height));
454
- overflow-wrap: break-word;
455
- box-sizing: border-box;
456
404
  }.r-sidebar {
457
405
  grid-area: sidebar;
458
406
  box-sizing: border-box;
@@ -725,94 +673,58 @@
725
673
 
726
674
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
727
675
  transform: rotate(90deg);
728
- }.r-header-menu {
729
- display: flex;
730
- justify-content: flex-end;
731
- order: 1;
676
+ }.r-article {
677
+ padding: 20px 0 40px;
678
+ grid-area: content;
732
679
  }
733
- @media screen and (width >= 1024px) {
734
- .r-header-menu {
735
- flex: 1;
736
- order: unset;
680
+ @media screen and (width >= 1180px) {
681
+ .r-article {
682
+ padding: 32px 0 40px;
737
683
  }
738
684
  }
739
-
740
- .r-header-input:checked ~ .r-header-burger ~ .r-header-responsive {
741
- display: flex;
742
- }
743
-
744
- .r-header-responsive {
745
- display: none;
746
- justify-content: flex-end;
747
- flex: 1;
748
- gap: 24px;
749
- z-index: 1;
750
- }
751
- @media screen and (width < 1024px) {
752
- .r-header-responsive {
753
- flex-direction: column-reverse;
754
- padding: 12px;
755
- background-color: var(--r-main-50);
756
- position: fixed;
757
- top: 60px;
758
- right: 0;
759
- bottom: 0;
760
- left: 0;
761
- }
685
+ .r-article > *:first-child {
686
+ margin-top: 0;
762
687
  }
763
- @media screen and (width >= 1024px) {
764
- .r-header-responsive {
765
- display: flex;
766
- justify-content: space-between;
767
- align-items: center;
768
- }
688
+ .r-article > *:last-child {
689
+ margin-bottom: 0;
769
690
  }
770
691
 
771
- .r-header-burger {
772
- position: relative;
773
- display: flex;
774
- align-items: center;
775
- justify-content: center;
776
- height: 32px;
777
- width: 32px;
692
+ .r-checkbox {
778
693
  cursor: pointer;
779
- background: none;
780
- border: none;
694
+ width: 20px;
695
+ height: 20px;
696
+ margin: 4px;
697
+ vertical-align: middle;
781
698
  box-sizing: border-box;
782
699
  }
783
- @media screen and (width >= 1024px) {
784
- .r-header-burger {
785
- display: none;
786
- }
787
- }
788
700
 
789
- .r-burger-line {
790
- display: block;
791
- width: 20px;
792
- height: 1.5px;
793
- position: absolute;
794
- background-color: var(--r-main-700);
795
- margin: auto;
796
- transition: transform 0.3s;
797
- box-sizing: border-box;
701
+ .r-label {
702
+ cursor: pointer;
798
703
  }
799
704
 
800
- .r-burger-line._top {
801
- transform: translateY(-3px);
705
+ .r-task-ol,
706
+ .r-task-ul {
707
+ list-style: none;
802
708
  }
803
709
 
804
- .r-header-input:checked ~ .r-header-burger .r-burger-line._top {
805
- transform: translateY(0) rotate(45deg);
806
- margin-top: 0;
710
+ .r-task-label {
711
+ display: block;
712
+ width: 100%;
713
+ padding-top: 2px;
714
+ padding-bottom: 2px;
715
+ box-sizing: border-box;
716
+ }
717
+ .r-task-label:hover .r-checkbox {
718
+ filter: brightness(0.8);
807
719
  }
808
720
 
809
- .r-burger-line._bottom {
810
- transform: translateY(3px);
721
+ .r-task-li.r-task-li {
722
+ margin-block-start: 2px;
723
+ margin-block-end: 2px;
811
724
  }
812
725
 
813
- .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
814
- transform: translateY(0) rotate(-45deg);
815
- margin-top: 0;
726
+ .r-label-text {
727
+ vertical-align: middle;
816
728
  }.r-search-btn {
817
729
  position: relative;
818
730
  border-radius: 6px;
@@ -895,7 +807,7 @@
895
807
  }
896
808
 
897
809
  .r-search-results {
898
- padding: 12px 8px 8px;
810
+ padding: 2px 8px 8px;
899
811
  max-height: min(400px, 100dvh - 200px);
900
812
  overflow-y: auto;
901
813
  list-style: none;
@@ -918,7 +830,8 @@
918
830
  }
919
831
  .r-search-item:hover, .r-search-item:focus {
920
832
  color: var(--r-main-950);
921
- background-color: var(--r-main-50);
833
+ background-color: var(--r-main-100);
834
+ border-color: var(--r-main-200);
922
835
  }
923
836
 
924
837
  .r-search-item-title {
@@ -929,6 +842,94 @@
929
842
  font-size: 14px;
930
843
  color: var(--r-main-600);
931
844
  margin: 12px 0 0;
845
+ }.r-header-menu {
846
+ display: flex;
847
+ justify-content: flex-end;
848
+ order: 1;
849
+ }
850
+ @media screen and (width >= 1024px) {
851
+ .r-header-menu {
852
+ flex: 1;
853
+ order: unset;
854
+ }
855
+ }
856
+
857
+ .r-header-input:checked ~ .r-header-burger ~ .r-header-responsive {
858
+ display: flex;
859
+ }
860
+
861
+ .r-header-responsive {
862
+ display: none;
863
+ justify-content: flex-end;
864
+ flex: 1;
865
+ gap: 24px;
866
+ z-index: 1;
867
+ }
868
+ @media screen and (width < 1024px) {
869
+ .r-header-responsive {
870
+ flex-direction: column-reverse;
871
+ padding: 12px;
872
+ background-color: var(--r-main-50);
873
+ position: fixed;
874
+ top: 60px;
875
+ right: 0;
876
+ bottom: 0;
877
+ left: 0;
878
+ }
879
+ }
880
+ @media screen and (width >= 1024px) {
881
+ .r-header-responsive {
882
+ display: flex;
883
+ justify-content: space-between;
884
+ align-items: center;
885
+ }
886
+ }
887
+
888
+ .r-header-burger {
889
+ position: relative;
890
+ display: flex;
891
+ align-items: center;
892
+ justify-content: center;
893
+ height: 32px;
894
+ width: 32px;
895
+ cursor: pointer;
896
+ background: none;
897
+ border: none;
898
+ box-sizing: border-box;
899
+ }
900
+ @media screen and (width >= 1024px) {
901
+ .r-header-burger {
902
+ display: none;
903
+ }
904
+ }
905
+
906
+ .r-burger-line {
907
+ display: block;
908
+ width: 20px;
909
+ height: 1.5px;
910
+ position: absolute;
911
+ background-color: var(--r-main-700);
912
+ margin: auto;
913
+ transition: transform 0.3s;
914
+ box-sizing: border-box;
915
+ }
916
+
917
+ .r-burger-line._top {
918
+ transform: translateY(-3px);
919
+ }
920
+
921
+ .r-header-input:checked ~ .r-header-burger .r-burger-line._top {
922
+ transform: translateY(0) rotate(45deg);
923
+ margin-top: 0;
924
+ }
925
+
926
+ .r-burger-line._bottom {
927
+ transform: translateY(3px);
928
+ }
929
+
930
+ .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
931
+ transform: translateY(0) rotate(-45deg);
932
+ margin-top: 0;
932
933
  }.r-dropdown {
933
934
  position: relative;
934
935
  color: var(--r-main-600);
@@ -1008,6 +1009,13 @@
1008
1009
 
1009
1010
  .r-dropdown-link._active {
1010
1011
  color: var(--r-primary-700);
1012
+ }.r-container {
1013
+ max-width: 1180px;
1014
+ padding-right: 12px;
1015
+ padding-left: 12px;
1016
+ margin-right: auto;
1017
+ margin-left: auto;
1018
+ box-sizing: border-box;
1011
1019
  }.r-header-social {
1012
1020
  display: flex;
1013
1021
  flex: 1;
@@ -1026,13 +1034,6 @@
1026
1034
  }
1027
1035
  .r-header-social-git:hover, .r-header-social-git:focus {
1028
1036
  color: var(--r-main-950);
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
1037
  }.r-theme-switcher {
1037
1038
  position: relative;
1038
1039
  display: flex;
@@ -1097,74 +1098,105 @@
1097
1098
  left: 74px;
1098
1099
  }
1099
1100
 
1100
- .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1101
- color: var(--r-main-950);
1102
- pointer-events: none;
1101
+ .r-theme-light:not(.r-theme-system) .r-theme-switcher-btn__light {
1102
+ color: var(--r-main-950);
1103
+ pointer-events: none;
1104
+ }
1105
+
1106
+ .r-theme-switcher-svg {
1107
+ display: block;
1108
+ }.r-keylink {
1109
+ display: block;
1110
+ position: relative;
1111
+ padding: 8px 12px;
1112
+ border: 2px solid var(--r-main-500);
1113
+ border-radius: 6px;
1114
+ text-decoration: none;
1115
+ background: var(--r-main-50);
1116
+ }
1117
+
1118
+ .r-keylink:not(:focus) {
1119
+ width: 1px !important;
1120
+ height: 1px !important;
1121
+ padding: 0 !important;
1122
+ overflow: hidden !important;
1123
+ clip: rect(1px, 1px, 1px, 1px) !important;
1124
+ border: 0 !important;
1125
+ user-select: none;
1126
+ pointer-events: none;
1127
+ box-sizing: border-box;
1128
+ }.r-pagination {
1129
+ grid-area: pagination;
1130
+ display: grid;
1131
+ grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1132
+ gap: 16px;
1133
+ margin-bottom: 40px;
1134
+ }
1135
+
1136
+ .r-pagination-item {
1137
+ position: relative;
1138
+ padding-top: 8px;
1139
+ padding-bottom: 8px;
1140
+ text-decoration: none;
1141
+ font-size: 14px;
1142
+ color: var(--r-main-800);
1143
+ }
1144
+ .r-pagination-item:hover {
1145
+ color: var(--r-main-950);
1146
+ }
1147
+
1148
+ .r-pagination-item._prev {
1149
+ padding-left: 28px;
1150
+ }
1151
+
1152
+ .r-pagination-item._next {
1153
+ text-align: right;
1154
+ padding-right: 28px;
1103
1155
  }
1104
1156
 
1105
- .r-theme-switcher-svg {
1106
- display: block;
1107
- }.r-keylink {
1157
+ .r-pagination-text {
1108
1158
  display: block;
1109
- position: relative;
1110
- padding: 8px 12px;
1111
- border: 2px solid var(--r-main-500);
1112
- border-radius: 6px;
1113
- text-decoration: none;
1114
- background: var(--r-main-50);
1115
- }
1116
-
1117
- .r-keylink:not(:focus) {
1118
- width: 1px !important;
1119
- height: 1px !important;
1120
- padding: 0 !important;
1121
- overflow: hidden !important;
1122
- clip: rect(1px, 1px, 1px, 1px) !important;
1123
- border: 0 !important;
1124
- user-select: none;
1125
- pointer-events: none;
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
1159
  line-height: 2;
1133
1160
  }
1134
- @media screen and (width >= 768px) {
1135
- .r-breadcrumbs {
1136
- padding: 32px 0 0;
1137
- }
1138
- }
1139
1161
 
1140
- .r-breadcrumb {
1141
- display: inline;
1162
+ .r-pagination-title {
1163
+ font-weight: 600;
1164
+ font-size: 16px;
1142
1165
  }
1143
1166
 
1144
- .r-breadcrumb._previous::after {
1145
- content: "/";
1146
- font-weight: 600;
1147
- margin-inline: 8px;
1167
+ .r-pagination-icon {
1168
+ position: absolute;
1169
+ top: 50%;
1170
+ transform: translateY(-50%);
1171
+ transition: transform 0.2s;
1148
1172
  }
1149
1173
 
1150
- .r-breadcrumb-link {
1151
- color: var(--r-main-700);
1152
- text-decoration: none;
1174
+ .r-pagination-icon._prev {
1175
+ left: 0;
1153
1176
  }
1154
- .r-breadcrumb-link:hover {
1155
- color: var(--r-primary-800);
1177
+ .r-pagination-item:hover .r-pagination-icon._prev {
1178
+ transform: translate(-4px, -50%);
1179
+ }
1180
+ @media screen and (width >= 1180px) {
1181
+ .r-pagination-item:hover .r-pagination-icon._prev {
1182
+ transform: translate(-8px, -50%);
1183
+ }
1156
1184
  }
1157
1185
 
1158
- .r-breadcrumb-link,
1159
- .r-breadcrumb-title {
1160
- display: inline;
1161
- padding: 6px 0;
1162
- margin: 0;
1186
+ .r-pagination-icon._next {
1187
+ right: 0;
1188
+ }
1189
+ .r-pagination-item:hover .r-pagination-icon._next {
1190
+ transform: translate(4px, -50%);
1191
+ }
1192
+ @media screen and (width >= 1180px) {
1193
+ .r-pagination-item:hover .r-pagination-icon._next {
1194
+ transform: translate(8px, -50%);
1195
+ }
1163
1196
  }
1164
1197
 
1165
- .r-breadcrumb-title {
1166
- color: var(--r-main-950);
1167
- font-weight: 600;
1198
+ .r-pagination-svg {
1199
+ display: block;
1168
1200
  }.r-contents {
1169
1201
  grid-area: contents;
1170
1202
  }
@@ -1398,78 +1430,47 @@
1398
1430
  }
1399
1431
  .r-contents-git:hover {
1400
1432
  color: var(--r-main-900);
1401
- }.r-pagination {
1402
- grid-area: pagination;
1403
- display: grid;
1404
- grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
1405
- gap: 16px;
1406
- margin-bottom: 40px;
1407
- }
1408
-
1409
- .r-pagination-item {
1410
- position: relative;
1411
- padding-top: 8px;
1412
- padding-bottom: 8px;
1413
- text-decoration: none;
1414
- font-size: 14px;
1415
- color: var(--r-main-800);
1416
- }
1417
- .r-pagination-item:hover {
1418
- color: var(--r-main-950);
1419
- }
1420
-
1421
- .r-pagination-item._prev {
1422
- padding-left: 28px;
1433
+ }.r-breadcrumbs {
1434
+ grid-area: breadcrumbs;
1435
+ list-style: none;
1436
+ margin: 0;
1437
+ padding: 20px 0 0;
1438
+ line-height: 2;
1423
1439
  }
1424
-
1425
- .r-pagination-item._next {
1426
- text-align: right;
1427
- padding-right: 28px;
1440
+ @media screen and (width >= 768px) {
1441
+ .r-breadcrumbs {
1442
+ padding: 32px 0 0;
1443
+ }
1428
1444
  }
1429
1445
 
1430
- .r-pagination-text {
1431
- display: block;
1432
- line-height: 2;
1446
+ .r-breadcrumb {
1447
+ display: inline;
1433
1448
  }
1434
1449
 
1435
- .r-pagination-title {
1450
+ .r-breadcrumb._previous::after {
1451
+ content: "/";
1436
1452
  font-weight: 600;
1437
- font-size: 16px;
1438
- }
1439
-
1440
- .r-pagination-icon {
1441
- position: absolute;
1442
- top: 50%;
1443
- transform: translateY(-50%);
1444
- transition: transform 0.2s;
1453
+ margin-inline: 8px;
1445
1454
  }
1446
1455
 
1447
- .r-pagination-icon._prev {
1448
- left: 0;
1449
- }
1450
- .r-pagination-item:hover .r-pagination-icon._prev {
1451
- transform: translate(-4px, -50%);
1456
+ .r-breadcrumb-link {
1457
+ color: var(--r-main-700);
1458
+ text-decoration: none;
1452
1459
  }
1453
- @media screen and (width >= 1180px) {
1454
- .r-pagination-item:hover .r-pagination-icon._prev {
1455
- transform: translate(-8px, -50%);
1456
- }
1460
+ .r-breadcrumb-link:hover {
1461
+ color: var(--r-primary-800);
1457
1462
  }
1458
1463
 
1459
- .r-pagination-icon._next {
1460
- right: 0;
1461
- }
1462
- .r-pagination-item:hover .r-pagination-icon._next {
1463
- transform: translate(4px, -50%);
1464
- }
1465
- @media screen and (width >= 1180px) {
1466
- .r-pagination-item:hover .r-pagination-icon._next {
1467
- transform: translate(8px, -50%);
1468
- }
1464
+ .r-breadcrumb-link,
1465
+ .r-breadcrumb-title {
1466
+ display: inline;
1467
+ padding: 6px 0;
1468
+ margin: 0;
1469
1469
  }
1470
1470
 
1471
- .r-pagination-svg {
1472
- display: block;
1471
+ .r-breadcrumb-title {
1472
+ color: var(--r-main-950);
1473
+ font-weight: 600;
1473
1474
  }.r-last-modified {
1474
1475
  color: var(--r-main-700);
1475
1476
  margin-block-start: 16px;
@@ -1760,7 +1761,8 @@
1760
1761
  left: 0;
1761
1762
  bottom: 0;
1762
1763
  width: 100%;
1763
- background-color: var(--r-main-50);
1764
+ background-color: color-mix(in srgb, var(--r-main-50) 95%, transparent);
1765
+ border: 2px solid var(--r-main-200);
1764
1766
  border-radius: 12px 12px 0 0;
1765
1767
  opacity: 0;
1766
1768
  visibility: hidden;
@@ -1806,34 +1808,6 @@
1806
1808
  min-width: 24px;
1807
1809
  text-align: center;
1808
1810
  box-sizing: border-box;
1809
- }.r-copy-text {
1810
- position: relative;
1811
- cursor: pointer;
1812
- background: none;
1813
- border: 0;
1814
- padding: 0;
1815
- font: inherit;
1816
- padding: 6px 0;
1817
- }
1818
- .r-copy-text:hover {
1819
- color: var(--r-main-950);
1820
- }
1821
- .r-copy-text::before {
1822
- content: "";
1823
- position: absolute;
1824
- bottom: 0;
1825
- left: 0;
1826
- width: 100%;
1827
- height: 1px;
1828
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1829
- transition: background 0.2s;
1830
- box-sizing: border-box;
1831
- opacity: 0.6;
1832
- }
1833
-
1834
- .r-copy-text:active,
1835
- .r-copy-text._active {
1836
- color: var(--r-success);
1837
1811
  }.r-copy-button {
1838
1812
  position: relative;
1839
1813
  padding: 6px;
@@ -1877,6 +1851,34 @@
1877
1851
 
1878
1852
  .r-copy-button-svg {
1879
1853
  display: block;
1854
+ }.r-copy-text {
1855
+ position: relative;
1856
+ cursor: pointer;
1857
+ background: none;
1858
+ border: 0;
1859
+ padding: 0;
1860
+ font: inherit;
1861
+ padding: 6px 0;
1862
+ }
1863
+ .r-copy-text:hover {
1864
+ color: var(--r-main-950);
1865
+ }
1866
+ .r-copy-text::before {
1867
+ content: "";
1868
+ position: absolute;
1869
+ bottom: 0;
1870
+ left: 0;
1871
+ width: 100%;
1872
+ height: 1px;
1873
+ background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1874
+ transition: background 0.2s;
1875
+ box-sizing: border-box;
1876
+ opacity: 0.6;
1877
+ }
1878
+
1879
+ .r-copy-text:active,
1880
+ .r-copy-text._active {
1881
+ color: var(--r-success);
1880
1882
  }.r-content-link {
1881
1883
  text-decoration: none;
1882
1884
  color: inherit;
@@ -1926,6 +1928,10 @@
1926
1928
  background-color: currentColor;
1927
1929
  border-radius: 0 0 0 4px;
1928
1930
  box-sizing: border-box;
1931
+ }.r-ol {
1932
+ padding-inline-start: 2rem;
1933
+ margin-block-start: 1em;
1934
+ margin-block-end: 1em;
1929
1935
  }.r-li {
1930
1936
  line-height: 1.8;
1931
1937
  margin-block-start: 6px;
@@ -1941,28 +1947,22 @@
1941
1947
  padding-inline-start: 2rem;
1942
1948
  margin-block-start: 1em;
1943
1949
  margin-block-end: 1em;
1944
- }.r-table {
1945
- min-width: 100%;
1946
- text-align: left;
1947
- border-collapse: collapse;
1948
- box-sizing: border-box;
1949
- }.r-ol {
1950
- padding-inline-start: 2rem;
1951
- margin-block-start: 1em;
1952
- margin-block-end: 1em;
1953
1950
  }.r-td {
1954
1951
  padding: 6px 12px;
1955
1952
  border-bottom: 1px solid var(--r-main-400);
1956
1953
  border-collapse: collapse;
1957
- }.r-thead {
1958
- background-color: var(--r-main-100);
1959
1954
  }.r-th {
1960
1955
  padding: 6px 12px;
1961
1956
  border-top: 1px solid var(--r-main-500);
1962
1957
  border-bottom: 1px solid var(--r-main-500);
1963
1958
  border-collapse: collapse;
1964
- }.r-task-ol {
1965
- list-style: none;
1959
+ }.r-table {
1960
+ min-width: 100%;
1961
+ text-align: left;
1962
+ border-collapse: collapse;
1963
+ box-sizing: border-box;
1964
+ }.r-thead {
1965
+ background-color: var(--r-main-100);
1966
1966
  }.r-task-li.r-task-li {
1967
1967
  margin-block-start: 2px;
1968
1968
  margin-block-end: 2px;
@@ -1992,6 +1992,8 @@
1992
1992
 
1993
1993
  .r-task-label-text {
1994
1994
  vertical-align: middle;
1995
+ }.r-task-ol {
1996
+ list-style: none;
1995
1997
  }.r-task-ul {
1996
1998
  list-style: none;
1997
1999
  }.r-backdrop {
@@ -2000,18 +2002,18 @@
2000
2002
  right: 0;
2001
2003
  bottom: 0;
2002
2004
  left: 0;
2003
- background: rgba(0, 0, 0, 0);
2005
+ background: color-mix(in srgb, var(--r-main-900) 0%, transparent 100%);
2004
2006
  opacity: 0;
2005
2007
  visibility: hidden;
2006
2008
  pointer-events: none;
2007
- backdrop-filter: blur(1px);
2009
+ backdrop-filter: blur(4px);
2008
2010
  transition: background 0.05s, opacity 0.2s, visibility 0.01s 0.15s;
2009
2011
  z-index: 100;
2010
2012
  }
2011
2013
 
2012
2014
  .r-backdrop._visible {
2013
2015
  opacity: 1;
2014
- background: rgba(0, 0, 0, 0.3);
2016
+ background: color-mix(in srgb, var(--r-main-900) 10%, transparent 100%);
2015
2017
  visibility: visible;
2016
2018
  transition: background 0.05s, opacity 0.2s;
2017
2019
  pointer-events: all;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "3.5.0",
3
+ "version": "3.6.0",
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": {