Renamed default-exported variable in @emotion/styled to aid inferred import names in auto-import completions in IDEs (#3334)

ZachRiegel · Andarist · web-flow · commit 0facbe47bd90 · 2025-06-26T10:52:14.000+02:00
* Rename default exported variable so editors can correctly autocomplete the import

* add changeset

* Apply suggestions from code review

* Apply suggestions from code review

* Update .changeset/wild-pumas-smash.md

---------

Co-authored-by: Mateusz Burzyński &lt;mateuszburzynski@gmail.com&gt;
diff --git a/.changeset/wild-pumas-smash.md 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
@@ -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

-Original file line number
+Diff line change
@@ @@ -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