chore(js): Use named import of `space` function (#48054)

static/app/components/buttonBar.tsx

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import classNames from 'classnames';
 
 import {ButtonProps, StyledButton} from 'sentry/components/button';
-import space, {ValidSize} from 'sentry/styles/space';
+import {space, ValidSize} from 'sentry/styles/space';
 
 type ButtonBarProps = {
   children: React.ReactNode;

static/app/components/compactSelect/styles.tsx

@@ -5,7 +5,7 @@
 import styled from '@emotion/styled';
 
 import {Button} from 'sentry/components/button';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 export const ListWrap = styled('ul')`
   margin: 0;

static/app/components/events/interfaces/performance/anrRootCause.tsx

@@ -8,7 +8,7 @@ import GlobalSelectionLink from 'sentry/components/globalSelectionLink';
 import ShortId from 'sentry/components/group/inboxBadges/shortId';
 import ProjectBadge from 'sentry/components/idBadge/projectBadge';
 import {t} from 'sentry/locale';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {Event, Organization} from 'sentry/types';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {QuickTraceContext} from 'sentry/utils/performance/quickTrace/quickTraceContext';

static/app/components/featureBadge.tsx

@@ -8,7 +8,7 @@ import Badge from 'sentry/components/badge';
 import CircleIndicator from 'sentry/components/circleIndicator';
 import {InternalTooltipProps, Tooltip} from 'sentry/components/tooltip';
 import {t} from 'sentry/locale';
-import space, {ValidSize} from 'sentry/styles/space';
+import {space, ValidSize} from 'sentry/styles/space';
 
 type BadgeProps = {
   type: 'alpha' | 'beta' | 'new' | 'experimental';

static/app/components/notificationActions/forms/pagerdutyForm.tsx

@@ -10,7 +10,7 @@ import {DropdownMenu, MenuItemProps} from 'sentry/components/dropdownMenu';
 //   NotificationActionFormContainer,
 // } from 'sentry/components/notificationActions/notificationActionItem';
 import {t} from 'sentry/locale';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {
   AvailableNotificationAction,
   NotificationAction,

static/app/components/notificationActions/forms/slackForm.tsx

@@ -11,7 +11,7 @@ import Input from 'sentry/components/input';
 //   NotificationActionFormContainer,
 // } from 'sentry/components/notificationActions/notificationActionItem';
 import {t} from 'sentry/locale';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {
   AvailableNotificationAction,
   NotificationAction,

static/app/components/notificationActions/notificationActionItem.tsx

@@ -18,7 +18,7 @@ import {Tooltip} from 'sentry/components/tooltip';
 import {IconEllipsis, IconMail} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import PluginIcon from 'sentry/plugins/components/pluginIcon';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {Project} from 'sentry/types';
 import {
   AvailableNotificationAction,

static/app/components/onboarding/frameworkSuggestionModal.tsx

@@ -17,7 +17,7 @@ import Radio from 'sentry/components/radio';
 import categoryList from 'sentry/data/platformCategories';
 import platforms from 'sentry/data/platforms';
 import {t} from 'sentry/locale';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {OnboardingSelectedSDK, Organization} from 'sentry/types';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import TextBlock from 'sentry/views/settings/components/text/textBlock';

static/app/components/organizations/timeRangeSelector/timePicker.tsx

@@ -2,7 +2,7 @@ import {Component} from 'react';
 import styled from '@emotion/styled';
 import classNames from 'classnames';
 
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 type Props = {
   onChangeEnd: (event: React.ChangeEvent<HTMLInputElement>) => void;

static/app/components/profiling/flamegraph/flamegraphLayout.tsx

@@ -2,7 +2,7 @@ import {cloneElement, useCallback, useMemo, useRef} from 'react';
 import styled from '@emotion/styled';
 
 import {t} from 'sentry/locale';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {FlamegraphPreferences} from 'sentry/utils/profiling/flamegraph/flamegraphStateProvider/reducers/flamegraphPreferences';
 import {FlamegraphTheme} from 'sentry/utils/profiling/flamegraph/flamegraphTheme';
 import {useFlamegraphPreferences} from 'sentry/utils/profiling/flamegraph/hooks/useFlamegraphPreferences';