@redocly/theme 0.6.3 → 0.6.5

package/src/globalStyle.ts

@@ -204,7 +204,7 @@ const headingsTypography = css`
   --h2-font-weight: var(--heading-font-weight); // @presenter FontWeight
   --h2-font-size: 28px; // @presenter FontSize
   --h2-line-height: 28px; // @presenter LineHeight
-  --h2-margin-top: var(--heading-margin-top); // @presenter Spacing
+  --h2-margin-top: 0; // @presenter Spacing
   --h2-margin-bottom: var(--heading-margin-bottom); // @presenter Spacing
   --h2-text-color: var(--heading-text-color); // @presenter Color
 
@@ -517,7 +517,7 @@ const sidebar = css`
   --sidebar-back-button-font-family: var(--sidebar-item-font-family);
   --sidebar-back-button-font-size: var(--sidebar-item-font-size);
   --sidebar-back-button-transform: inherit;
-  --sidebar-back-button-text-color: var(--link-text-color);
+  --sidebar-back-button-text-color: var(--sidebar-item-text-color);
   --sidebar-back-button-background-color: transparent;
   --sidebar-back-button-hover-text-color: var(--sidebar-item-active-color);
   --sidebar-back-button-hover-background-color: transparent;
@@ -1903,6 +1903,10 @@ const tile = css`
   --thin-tile-background-color: var(--color-secondary-50);
 `;
 
+const apiLogsTable = css`
+ --api-logs-row-hover-background-color: var(--color-secondary-300)
+`
+
 export const styles = css`
   :root {
     ${baseColors}
@@ -1931,6 +1935,7 @@ export const styles = css`
     ${lastUpdated}
     ${tile}
     ${loadProgressBar}
+    ${apiLogsTable}
   }
 
   :root.dark {

package/src/hooks/useActiveSectionId.ts

@@ -32,8 +32,6 @@ export function useActiveSectionId(
         }
         if (hasOverviewPage) {
           setItemId('');
-        } else {
-          setItemId((sections[0] && sections[0].getAttribute('data-section-id')) || '');
         }
       }, 150),
     [navbarHeight, hasOverviewPage],

package/src/index.ts

@@ -10,6 +10,7 @@ export * from './Tooltip';
 export * from './SourceCode';
 export * from './Panel';
 export * from './icons';
+export * from './Feedback';
 export * from './hooks';
 export * from './utils';
 export * from './globalStyle';

package/src/mocks/hooks/index.ts

@@ -32,6 +32,12 @@ export function useThemeConfig<T extends Record<string, unknown>>(): T & ThemeUI
     colorMode: {
       modes: ['light', 'dark'],
     },
+    feedback: {
+      type: 'sentiment',
+    },
+    userProfile: {
+      hide: false,
+    },
   } as ThemeUIConfig as T & ThemeUIConfig;
 }
 

package/src/settings.yaml

@@ -25,3 +25,5 @@ colorMode:
     - 'dark'
 lastUpdatedBlock:
   hide: false
+userProfile:
+  hide: false

package/src/types/portal/index.d.ts

@@ -1,2 +1,2 @@
 export * from './src/shared/types/nav';
-export type { MdHeading } from './src/shared/types/markdown';
+export type { MdHeading } from './src/shared/types/markdown';

package/src/ui/Box.tsx

@@ -1,4 +1,4 @@
-import { space, position, flex, textAlign, color, border, layout } from 'styled-system';
+import { space, position, flex, textAlign, color, border, layout, grid } from 'styled-system';
 import styled from 'styled-components';
 
 import type {
@@ -9,6 +9,7 @@ import type {
   PositionProps,
   FlexProps,
   BordersProps,
+  GridProps,
 } from 'styled-system';
 
 export interface BoxProps
@@ -18,7 +19,8 @@ export interface BoxProps
     FlexProps,
     TextAlignProps,
     ColorProps,
-    BordersProps {}
+    BordersProps,
+    GridProps {}
 
 export const Box = styled.div.attrs(() => ({
   'data-component-name': 'ui/Box',
@@ -31,4 +33,5 @@ export const Box = styled.div.attrs(() => ({
   ${textAlign}
   ${color}
   ${border}
+  ${grid}
 `;

package/src/ui/Burger.tsx

@@ -20,7 +20,8 @@ function BurgerComponent({ onClick, className }: BurgerProps): JSX.Element {
 
 const Button = styled.button`
   all: unset;
-  max-width: 30px;
+  max-width: 20px;
+  min-width: 20px;
   width: 100%;
   min-width: 10px;
   display: block;
@@ -31,7 +32,7 @@ const Line = styled.div`
   margin: 4px 0;
   width: 100%;
   height: 2px;
-  background: #fff;
+  background: var(--text-color);
   border-radius: 1px;
 `;