robindoc 0.0.0-experimental-7348177 → 0.0.0-experimental-68d72b2

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/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2024 Alex Savelyev <dev@alexdln.com>
3
+ Copyright (c) 2026 Alex Savelyev <dev@alexdln.com>
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -21,7 +21,7 @@ const DocumentationPage = () => (
21
21
  <Sidebar pathname="/docs" />
22
22
  <Page pathname="/docs" />
23
23
  </DocsContainer>
24
- <Footer copyright="© 2024 All rights reserved" />
24
+ <Footer copyright="© 2026 All rights reserved" />
25
25
  </RobinProvider>
26
26
  );
27
27
  ```
package/lib/styles.css CHANGED
@@ -122,29 +122,6 @@
122
122
  }
123
123
  .r-powered-link:hover {
124
124
  color: var(--r-primary-900);
125
- }.r-page-container {
126
- min-height: calc(100dvh - var(--r-header-height));
127
- overflow-wrap: break-word;
128
- box-sizing: border-box;
129
- }.keylink-to-content {
130
- position: absolute !important;
131
- top: 8px;
132
- left: 12px;
133
- z-index: 1001;
134
- }.r-blog-container {
135
- min-height: calc(100dvh - var(--r-header-height));
136
- overflow-wrap: break-word;
137
- box-sizing: border-box;
138
- }
139
- @media screen and (width >= 1180px) {
140
- .r-blog-container {
141
- display: grid;
142
- justify-content: space-between;
143
- column-gap: 40px;
144
- grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
145
- grid-template-columns: 760px 220px;
146
- grid-template-rows: auto 1fr auto;
147
- }
148
125
  }.r-root {
149
126
  --r-header-height: 60px;
150
127
  position: relative;
@@ -377,8 +354,6 @@
377
354
  --r-cl-60: #86181d;
378
355
  --r-cl-61: #144620;
379
356
  --r-cl-62: #c24e00;
380
- }.r-keylink.keylink-to-navigation:focus {
381
- margin-top: -40px;
382
357
  }.r-docs-container {
383
358
  min-height: calc(100dvh - var(--r-header-height));
384
359
  overflow-wrap: break-word;
@@ -401,6 +376,31 @@
401
376
  grid-template-columns: 1fr 640px 1fr;
402
377
  grid-template-rows: auto 1fr auto;
403
378
  }
379
+ }.r-page-container {
380
+ min-height: calc(100dvh - var(--r-header-height));
381
+ overflow-wrap: break-word;
382
+ box-sizing: border-box;
383
+ }.r-blog-container {
384
+ min-height: calc(100dvh - var(--r-header-height));
385
+ overflow-wrap: break-word;
386
+ box-sizing: border-box;
387
+ }
388
+ @media screen and (width >= 1180px) {
389
+ .r-blog-container {
390
+ display: grid;
391
+ justify-content: space-between;
392
+ column-gap: 40px;
393
+ grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
394
+ grid-template-columns: 760px 220px;
395
+ grid-template-rows: auto 1fr auto;
396
+ }
397
+ }.keylink-to-content {
398
+ position: absolute !important;
399
+ top: 8px;
400
+ left: 12px;
401
+ z-index: 1001;
402
+ }.r-keylink.keylink-to-navigation:focus {
403
+ margin-top: -40px;
404
404
  }.r-article {
405
405
  padding: 20px 0 40px;
406
406
  grid-area: content;
@@ -813,85 +813,6 @@
813
813
  .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
814
814
  transform: translateY(0) rotate(-45deg);
815
815
  margin-top: 0;
816
- }.r-dropdown {
817
- position: relative;
818
- color: var(--r-main-600);
819
- transition: color 0.2s 0.1s;
820
- }
821
- .r-dropdown:hover, .r-dropdown:focus-within {
822
- color: var(--r-main-950);
823
- }
824
- .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
825
- visibility: visible;
826
- pointer-events: all;
827
- transform: translateY(20px);
828
- opacity: 1;
829
- }
830
- .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
831
- transform: rotate(180deg);
832
- }
833
-
834
- .r-dropdown-summary {
835
- display: flex;
836
- justify-content: space-between;
837
- align-items: center;
838
- width: 100%;
839
- position: relative;
840
- color: inherit;
841
- cursor: pointer;
842
- padding: 10px 4px;
843
- font-size: 16px;
844
- border: 0;
845
- background: none;
846
- z-index: 1;
847
- box-sizing: border-box;
848
- }
849
-
850
- .r-dropdown-chevron {
851
- display: block;
852
- margin-left: 6px;
853
- transition: transform 0.3s 0.1s;
854
- box-sizing: border-box;
855
- }
856
-
857
- .r-dropdown-drop {
858
- list-style: none;
859
- position: absolute;
860
- top: 16px;
861
- left: -12px;
862
- visibility: hidden;
863
- pointer-events: none;
864
- opacity: 0;
865
- transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
866
- background-color: var(--r-main-50);
867
- border: 1px solid var(--r-main-100);
868
- border-radius: 8px;
869
- margin: 0;
870
- padding: 2px 6px;
871
- min-width: 120px;
872
- max-width: 180px;
873
- box-sizing: border-box;
874
- }
875
-
876
- .r-dropdown-link {
877
- display: block;
878
- width: 100%;
879
- text-decoration: none;
880
- color: var(--r-main-700);
881
- padding: 4px 8px;
882
- margin-top: 4px;
883
- margin-bottom: 4px;
884
- border-radius: 4px;
885
- transition: background-color 0.2s;
886
- box-sizing: border-box;
887
- }
888
- .r-dropdown-link:hover {
889
- color: var(--r-main-900);
890
- background-color: var(--r-main-100);
891
- }
892
-
893
- .r-dropdown-link._active {
894
- color: var(--r-primary-700);
895
816
  }.r-search-btn {
896
817
  position: relative;
897
818
  border-radius: 6px;
@@ -1008,6 +929,85 @@
1008
929
  font-size: 14px;
1009
930
  color: var(--r-main-600);
1010
931
  margin: 12px 0 0;
932
+ }.r-dropdown {
933
+ position: relative;
934
+ color: var(--r-main-600);
935
+ transition: color 0.2s 0.1s;
936
+ }
937
+ .r-dropdown:hover, .r-dropdown:focus-within {
938
+ color: var(--r-main-950);
939
+ }
940
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
941
+ visibility: visible;
942
+ pointer-events: all;
943
+ transform: translateY(20px);
944
+ opacity: 1;
945
+ }
946
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
947
+ transform: rotate(180deg);
948
+ }
949
+
950
+ .r-dropdown-summary {
951
+ display: flex;
952
+ justify-content: space-between;
953
+ align-items: center;
954
+ width: 100%;
955
+ position: relative;
956
+ color: inherit;
957
+ cursor: pointer;
958
+ padding: 10px 4px;
959
+ font-size: 16px;
960
+ border: 0;
961
+ background: none;
962
+ z-index: 1;
963
+ box-sizing: border-box;
964
+ }
965
+
966
+ .r-dropdown-chevron {
967
+ display: block;
968
+ margin-left: 6px;
969
+ transition: transform 0.3s 0.1s;
970
+ box-sizing: border-box;
971
+ }
972
+
973
+ .r-dropdown-drop {
974
+ list-style: none;
975
+ position: absolute;
976
+ top: 16px;
977
+ left: -12px;
978
+ visibility: hidden;
979
+ pointer-events: none;
980
+ opacity: 0;
981
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
982
+ background-color: var(--r-main-50);
983
+ border: 1px solid var(--r-main-100);
984
+ border-radius: 8px;
985
+ margin: 0;
986
+ padding: 2px 6px;
987
+ min-width: 120px;
988
+ max-width: 180px;
989
+ box-sizing: border-box;
990
+ }
991
+
992
+ .r-dropdown-link {
993
+ display: block;
994
+ width: 100%;
995
+ text-decoration: none;
996
+ color: var(--r-main-700);
997
+ padding: 4px 8px;
998
+ margin-top: 4px;
999
+ margin-bottom: 4px;
1000
+ border-radius: 4px;
1001
+ transition: background-color 0.2s;
1002
+ box-sizing: border-box;
1003
+ }
1004
+ .r-dropdown-link:hover {
1005
+ color: var(--r-main-900);
1006
+ background-color: var(--r-main-100);
1007
+ }
1008
+
1009
+ .r-dropdown-link._active {
1010
+ color: var(--r-primary-700);
1011
1011
  }.r-header-social {
1012
1012
  display: flex;
1013
1013
  flex: 1;
@@ -1398,6 +1398,9 @@
1398
1398
  .r-breadcrumb-title {
1399
1399
  color: var(--r-main-950);
1400
1400
  font-weight: 600;
1401
+ }.r-last-modified {
1402
+ color: var(--r-main-700);
1403
+ margin-block-start: 16px;
1401
1404
  }.r-pagination {
1402
1405
  grid-area: pagination;
1403
1406
  display: grid;
@@ -1470,9 +1473,6 @@
1470
1473
 
1471
1474
  .r-pagination-svg {
1472
1475
  display: block;
1473
- }.r-last-modified {
1474
- color: var(--r-main-700);
1475
- margin-block-start: 16px;
1476
1476
  }.r-git-logo {
1477
1477
  display: block;
1478
1478
  }.r-external-mark {
@@ -1506,6 +1506,25 @@
1506
1506
  background-color: currentColor;
1507
1507
  border-radius: 0 0 0 4px;
1508
1508
  box-sizing: border-box;
1509
+ }.r-anchor-heading:hover .r-anchor-heading-link {
1510
+ visibility: visible;
1511
+ opacity: 1;
1512
+ }
1513
+
1514
+ .r-anchor-heading-link {
1515
+ visibility: hidden;
1516
+ opacity: 0;
1517
+ transition: opacity 0.3s allow-discrete;
1518
+ padding-inline: 8px;
1519
+ margin-inline-start: -4px;
1520
+ color: var(--r-main-600);
1521
+ text-decoration: none;
1522
+ }
1523
+ .r-anchor-heading-link:hover {
1524
+ color: var(--r-primary-800);
1525
+ }
1526
+ .r-anchor-heading-link::after {
1527
+ content: "#";
1509
1528
  }.r-code-section {
1510
1529
  position: relative;
1511
1530
  margin-block-start: 1.5em;
@@ -1557,25 +1576,6 @@
1557
1576
 
1558
1577
  .r-code-section-filename {
1559
1578
  font-family: var(--monospace-font, monospace, monospace);
1560
- }.r-anchor-heading:hover .r-anchor-heading-link {
1561
- visibility: visible;
1562
- opacity: 1;
1563
- }
1564
-
1565
- .r-anchor-heading-link {
1566
- visibility: hidden;
1567
- opacity: 0;
1568
- transition: opacity 0.3s allow-discrete;
1569
- padding-inline: 8px;
1570
- margin-inline-start: -4px;
1571
- color: var(--r-main-600);
1572
- text-decoration: none;
1573
- }
1574
- .r-anchor-heading-link:hover {
1575
- color: var(--r-primary-800);
1576
- }
1577
- .r-anchor-heading-link::after {
1578
- content: "#";
1579
1579
  }.r-block {
1580
1580
  width: 100%;
1581
1581
  overflow: auto;
@@ -1790,6 +1790,14 @@
1790
1790
  .r-modal._visible {
1791
1791
  transform: translateX(-50%) scale(1);
1792
1792
  }
1793
+ }.r-kbd-container {
1794
+ display: flex;
1795
+ gap: 4px;
1796
+ font-size: 14px;
1797
+ cursor: pointer;
1798
+ }
1799
+ .r-kbd-container:hover {
1800
+ color: var(--r-main-950);
1793
1801
  }.r-kbd-key {
1794
1802
  background-color: var(--r-main-200);
1795
1803
  font-size: 12px;
@@ -1798,14 +1806,34 @@
1798
1806
  min-width: 24px;
1799
1807
  text-align: center;
1800
1808
  box-sizing: border-box;
1801
- }.r-kbd-container {
1802
- display: flex;
1803
- gap: 4px;
1804
- font-size: 14px;
1809
+ }.r-copy-text {
1810
+ position: relative;
1805
1811
  cursor: pointer;
1812
+ background: none;
1813
+ border: 0;
1814
+ padding: 0;
1815
+ font: inherit;
1816
+ padding: 6px 0;
1806
1817
  }
1807
- .r-kbd-container:hover {
1818
+ .r-copy-text:hover {
1808
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);
1809
1837
  }.r-copy-button {
1810
1838
  position: relative;
1811
1839
  padding: 6px;
@@ -1849,34 +1877,6 @@
1849
1877
 
1850
1878
  .r-copy-button-svg {
1851
1879
  display: block;
1852
- }.r-copy-text {
1853
- position: relative;
1854
- cursor: pointer;
1855
- background: none;
1856
- border: 0;
1857
- padding: 0;
1858
- font: inherit;
1859
- padding: 6px 0;
1860
- }
1861
- .r-copy-text:hover {
1862
- color: var(--r-main-950);
1863
- }
1864
- .r-copy-text::before {
1865
- content: "";
1866
- position: absolute;
1867
- bottom: 0;
1868
- left: 0;
1869
- width: 100%;
1870
- height: 1px;
1871
- background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
1872
- transition: background 0.2s;
1873
- box-sizing: border-box;
1874
- opacity: 0.6;
1875
- }
1876
-
1877
- .r-copy-text:active,
1878
- .r-copy-text._active {
1879
- color: var(--r-success);
1880
1880
  }.r-content-link {
1881
1881
  text-decoration: none;
1882
1882
  color: inherit;
@@ -1961,10 +1961,6 @@
1961
1961
  border-collapse: collapse;
1962
1962
  }.r-thead {
1963
1963
  background-color: var(--r-main-100);
1964
- }.r-task-ul {
1965
- list-style: none;
1966
- }.r-task-ol {
1967
- list-style: none;
1968
1964
  }.r-task-li.r-task-li {
1969
1965
  margin-block-start: 2px;
1970
1966
  margin-block-end: 2px;
@@ -1994,6 +1990,10 @@
1994
1990
 
1995
1991
  .r-task-label-text {
1996
1992
  vertical-align: middle;
1993
+ }.r-task-ol {
1994
+ list-style: none;
1995
+ }.r-task-ul {
1996
+ list-style: none;
1997
1997
  }.r-backdrop {
1998
1998
  position: fixed;
1999
1999
  top: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "0.0.0-experimental-7348177",
3
+ "version": "0.0.0-experimental-68d72b2",
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": {