@redocly/theme 0.1.9 → 0.1.12

package/src/Sidebar/index.ts

@@ -1,19 +1,19 @@
-export * from './ApiCallItem';
-export * from './ArrowBack';
-export * from './BackButton';
-export * from './Drilldown';
-export * from './DrilldownMenu';
-export * from './DrilldownMenuItem';
-export * from './ExternalIcon';
-export * from './Menu';
-export * from './MenuContainer';
-export * from './MenuGroup';
-export * from './MenuItem';
-export * from './MenuItemLabel';
-export * from './MenuLink';
-export * from './MenuLinkItem';
-export * from './MobileSidebarButton';
-export * from './Separator';
-export * from './SeparatorItem';
-export * from './Sidebar';
-export * from './SidebarLayout';
+export * from '@theme/Sidebar/ApiCallItem';
+export * from '@theme/Sidebar/ArrowBack';
+export * from '@theme/Sidebar/BackButton';
+export * from '@theme/Sidebar/Drilldown';
+export * from '@theme/Sidebar/DrilldownMenu';
+export * from '@theme/Sidebar/DrilldownMenuItem';
+export * from '@theme/Sidebar/ExternalIcon';
+export * from '@theme/Sidebar/Menu';
+export * from '@theme/Sidebar/MenuContainer';
+export * from '@theme/Sidebar/MenuGroup';
+export * from '@theme/Sidebar/MenuItem';
+export * from '@theme/Sidebar/MenuItemLabel';
+export * from '@theme/Sidebar/MenuLink';
+export * from '@theme/Sidebar/MenuLinkItem';
+export * from '@theme/Sidebar/MobileSidebarButton';
+export * from '@theme/Sidebar/Separator';
+export * from '@theme/Sidebar/SeparatorItem';
+export * from '@theme/Sidebar/Sidebar';
+export * from '@theme/Sidebar/SidebarLayout';

package/src/Sidebar/types/index.ts

@@ -1,5 +1,5 @@
-export * from './DrilldownMenuProps';
-export * from './ItemState';
-export * from './MenuItemProps';
-export * from './MenuStyle';
-export * from './NavItem';
+export * from '@theme/Sidebar/types/DrilldownMenuProps';
+export * from '@theme/Sidebar/types/ItemState';
+export * from '@theme/Sidebar/types/MenuItemProps';
+export * from '@theme/Sidebar/types/MenuStyle';
+export * from '@theme/Sidebar/types/NavItem';

package/src/SidebarLogo/index.ts

@@ -1 +1 @@
-export * from './SidebarLogo';
+export * from '@theme/SidebarLogo/SidebarLogo';

package/src/SourceCode/index.ts

@@ -1 +1 @@
-export * from './SourceCode';
+export * from '@theme/SourceCode/SourceCode';

package/src/TableOfContent/TableOfContent.tsx

@@ -12,13 +12,13 @@ interface TableOfContentProps {
 }
 
 export function TableOfContent(props: TableOfContentProps): JSX.Element | null {
-  const { headings, tocMaxDepth } = props;
+  const { headings, tocMaxDepth, contentWrapper } = props;
 
   const sidebar = useRef<HTMLDivElement | null>(null);
   useFullHeight(sidebar);
-  const activeHeadingId = useActiveHeading(props.contentWrapper);
+  const activeHeadingId = useActiveHeading(contentWrapper);
 
-  if (headings && headings.length === 1 && headings[0]?.depth === 1) {
+  if (headings && headings.length === 1 && (!headings[0] || headings[0].depth === 1)) {
     return null;
   }
   if (!headings?.length) {
@@ -46,8 +46,8 @@ export function TableOfContent(props: TableOfContentProps): JSX.Element | null {
               return (
                 <MenuItem
                   key={href}
-                  depth={heading.depth || 0}
                   href={href}
+                  depth={heading.depth || 0}
                   className={activeHeadingId === heading.id ? 'active' : ''}
                   dangerouslySetInnerHTML={{ __html: heading.value || '' }}
                   data-cy={`toc-${heading.value}`}
@@ -70,7 +70,7 @@ const TocHeader = styled.div`
 
 const MenuItem = styled.a<{ depth: number }>`
   display: block;
-  color: var(--color-text-main);
+  color: var(--color-content);
   cursor: pointer;
   font-size: 0.8em;
   padding: 10px 15px;
@@ -78,12 +78,14 @@ const MenuItem = styled.a<{ depth: number }>`
   transition: background-color 0.3s, color 0.3s;
   text-decoration: none;
   word-break: break-word;
-  font-family: var(--font-family-h);
+  font-family: var(--h-font-family);
+
   :hover,
   &.active {
-    color: var(--sidebar-text-active-color);
-    background-color: var(--sidebar-text-active-background-color);
+    color: var(--sidebar-item-active-color);
+    background-color: var(--sidebar-item-active-background-color);
   }
+
   :empty {
     padding: 0;
   }
@@ -94,7 +96,7 @@ const TableOfContentMenu = styled.aside`
   background-color: transparent;
   flex-shrink: 0;
   display: none !important;
-  font-family: var(--font-family-primary);
+  font-family: var(--font-family-base);
 
   ${({ theme }) => theme.mediaQueries.medium} {
     width: var(--toc-width);
@@ -106,7 +108,7 @@ const TableOfContentItems = styled.div`
   position: sticky;
   top: calc(var(--navbar-height) + 20px);
   max-height: calc(100vh - var(--navbar-height) - 20px);
-  border-left: 1px solid var(--color-border-light);
+  border-left: 1px solid var(--global-border-color);
   overflow-y: auto;
   width: var(--toc-width); ;
 `;

package/src/TableOfContent/index.ts

@@ -1 +1 @@
-export * from './TableOfContent';
+export * from '@theme/TableOfContent/TableOfContent';

package/src/Tooltip/index.ts

@@ -1 +1 @@
-export * from './Tooltip';
+export * from '@theme/Tooltip/Tooltip';