ref(js): Use named export of space (#44536)

docs-ui/components/code.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 import {CodeSnippet} from 'sentry/components/codeSnippet';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 type Props = {
   /**

docs-ui/components/colorChip.tsx

@@ -2,7 +2,7 @@ import {Theme, useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 import Color from 'color';
 
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 interface SizeProp {
   size: 'md' | 'lg';

docs-ui/components/doDont.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 import {IconCheckmark, IconClose} from 'sentry/icons';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 type BoxContent = {
   text: string;

docs-ui/components/docsLinks.tsx

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import LinkTo from '@storybook/addon-links/react';
 
 import {IconArrow} from 'sentry/icons';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 type Link = {
   /**

docs-ui/components/sample.tsx

@@ -3,7 +3,7 @@ import {Theme, ThemeProvider, useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import {IconMoon} from 'sentry/icons';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 import {darkTheme, lightTheme} from 'sentry/utils/theme';
 
 type ThemeName = 'dark' | 'light';

docs-ui/components/table.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 type TableCellProps = {
   align: 'left' | 'right' | 'center';

docs-ui/components/tableOfContents.tsx

@@ -2,7 +2,7 @@ import {useEffect} from 'react';
 import styled from '@emotion/styled';
 import tocbot from 'tocbot';
 
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 const Container = styled('div')`
   height: 100%;

docs-ui/stories/assets/icons/details.tsx

@@ -4,7 +4,7 @@ import Code from 'docs-ui/components/code';
 
 import BooleanField from 'sentry/components/forms/fields/booleanField';
 import SelectField from 'sentry/components/forms/fields/selectField';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 import {iconProps} from './data';
 import IconSample from './sample';

docs-ui/stories/assets/icons/iconEntry.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 import {Hovercard} from 'sentry/components/hovercard';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 import Details from './details';
 import IconSample from './sample';

docs-ui/stories/assets/icons/searchPanel.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import Fuse from 'fuse.js';
 
 import Input from 'sentry/components/input';
-import space from 'sentry/styles/space';
+import {space} from 'sentry/styles/space';
 
 import {IconData, iconGroups, IconPropName, iconProps, icons} from './data';
 import IconEntry from './iconEntry';