From f579da95747fc494a6c8dbdf1bac7e527ae2b62c Mon Sep 17 00:00:00 2001 From: Norbert de Langen Date: Tue, 19 Jul 2022 10:13:37 +0200 Subject: [PATCH] fix --- lib/blocks/src/components/Source.tsx | 30 ++++++++++++++++------------ 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/lib/blocks/src/components/Source.tsx b/lib/blocks/src/components/Source.tsx index 4d1bad38c19..a91f7e0a7fd 100644 --- a/lib/blocks/src/components/Source.tsx +++ b/lib/blocks/src/components/Source.tsx @@ -4,19 +4,23 @@ import { SyntaxHighlighter } from '@storybook/components'; import { EmptyBlock } from './EmptyBlock'; -const StyledSyntaxHighlighter = styled(SyntaxHighlighter)(({ theme }) => ({ - // DocBlocks-specific styling and overrides - fontSize: `${theme.typography.size.s2 - 1}px`, - lineHeight: '19px', - margin: '25px 0 40px', - borderRadius: theme.appBorderRadius, - boxShadow: - theme.base === 'light' ? 'rgba(0, 0, 0, 0.10) 0 1px 3px 0' : 'rgba(0, 0, 0, 0.20) 0 2px 5px 0', - 'pre.prismjs': { - padding: 20, - background: 'inherit', - }, -})); +const StyledSyntaxHighlighter: typeof SyntaxHighlighter = styled(SyntaxHighlighter)( + ({ theme }) => ({ + // DocBlocks-specific styling and overrides + fontSize: `${theme.typography.size.s2 - 1}px`, + lineHeight: '19px', + margin: '25px 0 40px', + borderRadius: theme.appBorderRadius, + boxShadow: + theme.base === 'light' + ? 'rgba(0, 0, 0, 0.10) 0 1px 3px 0' + : 'rgba(0, 0, 0, 0.20) 0 2px 5px 0', + 'pre.prismjs': { + padding: 20, + background: 'inherit', + }, + }) +); export enum SourceError { NO_STORY = 'There\u2019s no story here.',