panelprovider: remove panel border radius override

static/app/components/alert.tsx

@@ -8,7 +8,6 @@ import classNames from 'classnames';
 import {IconCheckmark, IconChevron, IconInfo, IconNot, IconWarning} from 'sentry/icons';
 import {space} from 'sentry/styles/space';
 import {defined} from 'sentry/utils';
-import PanelProvider from 'sentry/utils/panelProvider';
 
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
   type: 'muted' | 'info' | 'warning' | 'success' | 'error';
@@ -77,34 +76,32 @@ export function Alert({
       {...hoverProps}
       {...props}
     >
-      <PanelProvider>
-        {showIcon && (
-          <IconWrapper onClick={handleClick}>
-            {icon ?? <AlertIcon type={type} />}
-          </IconWrapper>
-        )}
-        <Message>{children}</Message>
-        {!!trailingItems && (
-          <TrailingItems showIcon={!!showIcon} onClick={e => e.stopPropagation()}>
-            {trailingItems}
-          </TrailingItems>
-        )}
-        {showExpand && (
-          <ExpandIconWrap>
-            <IconChevron direction={isExpanded ? 'up' : 'down'} />
-          </ExpandIconWrap>
-        )}
-        {isExpanded && (
-          <ExpandContainer
-            ref={expandRef}
-            showIcon={!!showIcon}
-            showTrailingItems={!!trailingItems}
-            {...expandHoverProps}
-          >
-            {Array.isArray(expand) ? expand.map(item => item) : expand}
-          </ExpandContainer>
-        )}
-      </PanelProvider>
+      {showIcon && (
+        <IconWrapper onClick={handleClick}>
+          {icon ?? <AlertIcon type={type} />}
+        </IconWrapper>
+      )}
+      <Message>{children}</Message>
+      {!!trailingItems && (
+        <TrailingItems showIcon={!!showIcon} onClick={e => e.stopPropagation()}>
+          {trailingItems}
+        </TrailingItems>
+      )}
+      {showExpand && (
+        <ExpandIconWrap>
+          <IconChevron direction={isExpanded ? 'up' : 'down'} />
+        </ExpandIconWrap>
+      )}
+      {isExpanded && (
+        <ExpandContainer
+          ref={expandRef}
+          showIcon={!!showIcon}
+          showTrailingItems={!!trailingItems}
+          {...expandHoverProps}
+        >
+          {Array.isArray(expand) ? expand.map(item => item) : expand}
+        </ExpandContainer>
+      )}
     </AlertContainer>
   );
 }

static/app/components/dropdownBubble.tsx

@@ -5,7 +5,6 @@ import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import {space} from 'sentry/styles/space';
-import PanelProvider from 'sentry/utils/panelProvider';
 import SettingsHeader from 'sentry/views/settings/components/settingsHeader';
 
 interface DropdownBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -68,7 +67,7 @@ const DropdownBubble = styled(
   forwardRef<HTMLDivElement, DropdownBubbleProps>(
     ({children, ...props}, forwardedRef) => (
       <div ref={forwardedRef} {...props}>
-        <PanelProvider>{children}</PanelProvider>
+        {children}
       </div>
     )
   ),

static/app/components/forms/controls/selectControl.tsx

@@ -27,7 +27,6 @@ import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Choices, SelectValue} from 'sentry/types/core';
 import convertFromSelect2Choices from 'sentry/utils/convertFromSelect2Choices';
-import PanelProvider from 'sentry/utils/panelProvider';
 import type {FormSize} from 'sentry/utils/theme';
 
 import Option from './selectOption';
@@ -110,11 +109,7 @@ const SingleValueLabel = styled('div')`
 
 function Menu(props: React.ComponentProps<typeof selectComponents.Menu>) {
   const {children, ...otherProps} = props;
-  return (
-    <selectComponents.Menu {...otherProps}>
-      <PanelProvider>{children}</PanelProvider>
-    </selectComponents.Menu>
-  );
+  return <selectComponents.Menu {...otherProps}>{children}</selectComponents.Menu>;
 }
 
 export interface ControlProps<OptionType extends OptionTypeBase = GeneralSelectValue>

static/app/components/overlay.tsx

@@ -9,7 +9,6 @@ import type {OverlayArrowProps} from 'sentry/components/overlayArrow';
 import {OverlayArrow} from 'sentry/components/overlayArrow';
 import {NODE_ENV} from 'sentry/constants';
 import {defined} from 'sentry/utils';
-import PanelProvider from 'sentry/utils/panelProvider';
 import testableTransition from 'sentry/utils/testableTransition';
 
 type OriginPoint = Partial<{x: number; y: number}>;
@@ -126,7 +125,7 @@ const Overlay = styled(
       return (
         <motion.div {...props} {...animationProps} data-overlay ref={ref}>
           {defined(arrowProps) && <OverlayArrow {...arrowProps} />}
-          <PanelProvider>{children}</PanelProvider>
+          {children}
         </motion.div>
       );
     }

static/app/components/panels/panel.tsx

@@ -3,7 +3,6 @@ import isPropValid from '@emotion/is-prop-valid';
 import styled from '@emotion/styled';
 
 import {space} from 'sentry/styles/space';
-import PanelProvider from 'sentry/utils/panelProvider';
 
 interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
   dashedBorder?: boolean;
@@ -13,7 +12,7 @@ interface PanelProps extends React.HTMLAttributes<HTMLDivElement> {
 const Panel = styled(
   forwardRef<HTMLDivElement, PanelProps>(({children, ...props}, forwardedRef) => (
     <div ref={forwardedRef} {...props}>
-      <PanelProvider>{children}</PanelProvider>
+      {children}
     </div>
   )),
   {shouldForwardProp: prop => typeof prop === 'string' && isPropValid(prop)}

static/app/components/searchQueryBuilder/index.tsx

@@ -29,7 +29,6 @@ import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {SavedSearchType, Tag, TagCollection} from 'sentry/types/group';
 import {getFieldDefinition} from 'sentry/utils/fields';
-import PanelProvider from 'sentry/utils/panelProvider';
 import {useDimensions} from 'sentry/utils/useDimensions';
 import {useEffectAfterFirstRender} from 'sentry/utils/useEffectAfterFirstRender';
 import usePrevious from 'sentry/utils/usePrevious';
@@ -305,20 +304,18 @@ export function SearchQueryBuilder({
         aria-disabled={disabled}
         data-test-id="search-query-builder"
       >
-        <PanelProvider>
-          <SearchIndicator
-            initialQuery={initialQuery}
-            showUnsubmittedIndicator={showUnsubmittedIndicator}
-          />
-          {!parsedQuery || queryInterface === QueryInterfaceType.TEXT ? (
-            <PlainTextQueryInput label={label} />
-          ) : (
-            <TokenizedQueryGrid label={label} actionBarWidth={actionBarWidth} />
-          )}
-          {size !== 'small' && (
-            <ActionButtons ref={actionBarRef} trailingItems={trailingItems} />
-          )}
-        </PanelProvider>
+        <SearchIndicator
+          initialQuery={initialQuery}
+          showUnsubmittedIndicator={showUnsubmittedIndicator}
+        />
+        {!parsedQuery || queryInterface === QueryInterfaceType.TEXT ? (
+          <PlainTextQueryInput label={label} />
+        ) : (
+          <TokenizedQueryGrid label={label} actionBarWidth={actionBarWidth} />
+        )}
+        {size !== 'small' && (
+          <ActionButtons ref={actionBarRef} trailingItems={trailingItems} />
+        )}
       </Wrapper>
     </SearchQueryBuilderContext.Provider>
   );

static/app/components/searchQueryBuilder/tokens/filter/filter.tsx

@@ -273,7 +273,7 @@ export function SearchQueryBuilderFilter({item, state, token}: SearchQueryTokenP
 const FilterWrapper = styled('div')<{state: 'invalid' | 'warning' | 'valid'}>`
   position: relative;
   border: 1px solid ${p => p.theme.innerBorder};
-  border-radius: ${p => p.theme.borderRadius};
+  border-radius: 4px;
   height: 24px;
   /* Ensures that filters do not grow outside of the container */
   min-width: 0;

static/app/components/searchQueryBuilder/tokens/filterKeyListBox/index.tsx

@@ -462,7 +462,7 @@ const RecentFilterPill = styled('li')`
   padding: 0 ${space(1.5)} 0 ${space(0.75)};
   background: ${p => p.theme.background};
   box-shadow: inset 0 0 0 1px ${p => p.theme.innerBorder};
-  border-radius: ${p => p.theme.borderRadius} 0 0 ${p => p.theme.borderRadius};
+  border-radius: 4px 0 0 4px;
   cursor: pointer;
 
   /* Fade out on right side to represent that this is a filter key only */
@@ -494,6 +494,7 @@ const SectionButton = styled(Button)`
   padding: 0 ${space(1.5)};
   color: ${p => p.theme.subText};
   border: 0;
+  border-radius: 4px;
 
   &[aria-selected='true'] {
     background-color: ${p => p.theme.purple100};