add non-panel style

Author: tsck

packages/code-editor/src/CodeEditor/CodeEditor.tsx

@@ -285,6 +285,8 @@ const BaseCodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(
                     React.createElement(SearchPanel, {
                       view,
                       darkMode: props.darkMode,
+                      baseFontSize: props.baseFontSize,
+                      hasPanel: !!panel,
                     }),
                   );
                   return { dom, top: true };

packages/code-editor/src/CodeEditor/hooks/extensions/useThemeExtension.ts

@@ -76,7 +76,6 @@ export function useThemeExtension({
             borderBottomRightRadius: `${borderRadius[300]}px`,
             borderTopLeftRadius: hasPanel ? 0 : `${borderRadius[300]}px`,
             borderTopRightRadius: hasPanel ? 0 : `${borderRadius[300]}px`,
-            overflow: 'hidden',
             color: color[theme].text[Variant.Primary][InteractionState.Default],
           },
 

packages/code-editor/src/SearchPanel/SearchPanel.styles.ts

@@ -68,13 +68,18 @@ export const getContainerStyles = ({
   theme,
   isOpen,
   baseFontSize,
+  hasPanel,
 }: {
   theme: Theme;
   isOpen: boolean;
   baseFontSize: BaseFontSize;
+  hasPanel: boolean;
 }) =>
   cx(getBaseContainerStyles(theme, baseFontSize), {
     [openContainerStyles]: isOpen,
+    [css`
+      border-top-right-radius: ${borderRadius[300]}px;
+    `]: !hasPanel,
   });
 
 export const findSectionStyles = css`

packages/code-editor/src/SearchPanel/SearchPanel.tsx

@@ -48,6 +48,7 @@ export function SearchPanel({
   view,
   darkMode,
   baseFontSize: baseFontSizeProp,
+  hasPanel,
 }: SearchPanelProps) {
   const [isOpen, setIsOpen] = useState(false);
   const [searchString, setSearchString] = useState('');
@@ -229,6 +230,7 @@ export function SearchPanel({
         theme,
         isOpen,
         baseFontSize: baseFontSizeProp || baseFontSize,
+        hasPanel,
       })}
       data-no-context-menu="true"
     >

packages/code-editor/src/SearchPanel/SearchPanel.types.ts

@@ -15,4 +15,9 @@ export interface SearchPanelProps extends DarkModeProps {
    * The CodeMirror view instance.
    */
   view: CodeMirrorView;
+
+  /**
+   * Whether the CodeEditor is rendered within a panel component as well.
+   */
+  hasPanel: boolean;
 }