diff --git a/.changeset/wild-pumas-smash.md b/.changeset/wild-pumas-smash.md new file mode 100644 index 0000000000..ea432351e6 --- /dev/null +++ b/.changeset/wild-pumas-smash.md @@ -0,0 +1,5 @@ +--- +'@emotion/styled': patch +--- + +Renamed default-exported variable in `@emotion/styled` to aid inferred import names in auto-import completions in IDEs diff --git a/packages/styled/src/index.ts b/packages/styled/src/index.ts index 2d8877ff1a..e2c27844bf 100644 --- a/packages/styled/src/index.ts +++ b/packages/styled/src/index.ts @@ -1,5 +1,5 @@ import { Theme } from '@emotion/react' -import styled from './base' +import baseStyled from './base' import { ReactJSXIntrinsicElements } from './jsx-namespace' import { tags } from './tags' import { @@ -33,10 +33,10 @@ export type StyledTags = { export interface CreateStyled extends BaseCreateStyled, StyledTags {} // bind it to avoid mutating the original function -const newStyled = styled.bind(null) as CreateStyled +const styled = baseStyled.bind(null) as CreateStyled tags.forEach(tagName => { - ;(newStyled as any)[tagName] = newStyled(tagName as keyof typeof newStyled) + ;(styled as any)[tagName] = styled(tagName as keyof typeof styled) }) -export default newStyled +export default styled