Skip to content

Update dependency babel-plugin-styled-components to v2#39

Open
renovate[bot] wants to merge 1 commit into
masterfrom
renovate/babel-plugin-styled-components-2.x
Open

Update dependency babel-plugin-styled-components to v2#39
renovate[bot] wants to merge 1 commit into
masterfrom
renovate/babel-plugin-styled-components-2.x

Conversation

@renovate

@renovate renovate Bot commented Mar 28, 2023

Copy link
Copy Markdown

This PR contains the following updates:

Package Change Age Confidence
babel-plugin-styled-components (source) ^1.10.7^2.0.0 age confidence

Release Notes

styled-components/babel-plugin-styled-components (babel-plugin-styled-components)

v2.3.0

Compare Source

Minor Changes
  • 0c5f21d: Add a cssPropImportPath option to control which package the css-prop transform auto-imports styled from when the file has no existing styled import. Defaults to 'styled-components' (existing behavior). React Native targets can set it to 'styled-components/native' so the auto-injected import resolves to the right runtime.
  • 0c5f21d: Detect styled declarations that go through a local alias of the import, including the TypeScript theme-typing pattern const styled = baseStyled as ThemedStyledInterface<MyTheme>. After type-stripping Babel sees a plain const styled = baseStyled, and the detector now follows single-identifier alias chains so styled.div resolves back to the original import.
Patch Changes
  • 0c5f21d: Fix invalid output when a css={{ ... }} object key matches a local binding name (e.g. ({ position }) => <div css={{ position: 'absolute' }} />). The reducer no longer mis-treats non-computed property names as scope references, so plain keys stay literal while only computed [expr] keys are extracted as prop interpolations.
  • 0c5f21d: Recognize TypeScript's __importDefault interop helper alongside Babel's _interopRequireDefault. Files compiled through tsc / ts-jest (which emit var sc_1 = __importDefault(require('styled-components'))) now flow into the same detection path as Babel-compiled output, so styled declarations downstream pick up displayName and componentId as expected.

v2.2.0

Compare Source

Minor Changes
  • a40e3f7: Refresh the toolchain and fix a handful of css-prop transform bugs that had crept in under recent Babel versions.
    • When a file already imports styled and also uses one or more css={…} props, every styled component now keeps its display name and stable component id. Previously the cache that tracks the local default import could be overwritten on each css-prop usage, which silently dropped the display name and id for the surrounding styled.div declarations.
    • css={{ [foo]: bar }} with a non-primitive value no longer fails Babel's validator. Computed keys are preserved through the css-prop object rewrite.
    • Friendlier error messages when the css-prop transform encounters a JSX name shape it can't infer, instead of a confusing internal ReferenceError.
    • Long-running watch processes (Next dev, webpack-dev-server, jest watch) no longer leak import-detection state between files.
    • Removed the runtime lodash dependency. The plugin now ships with @babel/core as a declared peer.
    • Dev tooling moved to pnpm and changesets. Plugin behavior is unchanged.

v2.1.4

Compare Source

Full Changelog: styled-components/babel-plugin-styled-components@v2.1.3...v2.1.4

v2.1.3

Compare Source

What's Changed

New Contributors

Full Changelog: styled-components/babel-plugin-styled-components@v2.1.1...v2.1.3

v2.1.2

Compare Source

v2.1.1

Compare Source

What's Changed

New Contributors

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.7...v2.1.1

v2.1.0

Compare Source

v2.0.7

Compare Source

What's Changed

New Contributors

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.6...v2.0.7

v2.0.6

Compare Source

Revert change from 2.0.5 that lead to a major build performance regression.

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.5...v2.0.6

v2.0.5

Compare Source

One more change related to babel macro; eliminates an extra injected import in some cases

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.4...v2.0.5

v2.0.4

Compare Source

fix compat with styled-components babel macro

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.3...v2.0.4

v2.0.3

Compare Source

What's Changed

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.2...v2.0.3

v2.0.2

Compare Source

What's Changed

New Contributors

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.1...v2.0.2

v2.0.1

Compare Source

What's Changed

Full Changelog: styled-components/babel-plugin-styled-components@v2.0.0...v2.0.1

v2.0.0

Compare Source

What's Changed

Full Changelog: styled-components/babel-plugin-styled-components@v1.13.3...v2.0.0

v1.13.3

Compare Source

  • when there are multiple assignments prefer the outer name (#​355) thanks @​rockwotj
  • minor dependency updates

v1.13.2

Compare Source

  • added some conditional guards to code paths that lead to errors for some consumers (0c16c1b)
  • dependency updates
  • teach babel plugin about certain spread application scenarios with "css" prop #​339
  • handle namespace import (import * as styled from 'styled-components') properly #​340

v1.13.1

Compare Source

Fix one edge case with object key interpolation from v1.13.0

v1.13.0

Compare Source

  • teach the plugin how to handle variable interpolation in object keys, e.g.

    css={{
      [theme.breakpoint.sm]: {
        color: 'red'
      } 
    }}
  • plugin now emits transient props when replacing css prop calls (cuts down on garbage in the DOM for s-c 5.1+)

  • merge withConfig arguments to allow for shouldForwardProp, thanks @​ithinkdancan #​323

  • move injected components to end of file scope, thanks @​sfishel18

  • Ensure sc- prefix is always added #​313, thanks @​chalbert

v1.12.1

Compare Source

v1.12.0

Compare Source

  • Add topLevelImportPaths option (#​288)

    This functionality allows the composer to specify alternate import locations for the "styled" constructor, for instance if you are using a third party library that wraps styled-components and does additional processing. See this test for how to use it.

  • preserve structure of JSX member expressions in generated ast nodes; this makes sure that other babel transformations that rename variables will be able to process the ast nodes created by this plugin. fixes #​240

v1.11.1

Compare Source

Revert #​283, it caused a major build performance regression

v1.11.0

Compare Source

Thank you to all our contributors!


Configuration

📅 Schedule: (in timezone America/Los_Angeles)

  • Branch creation
    • "before 4am"
  • Automerge
    • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch 2 times, most recently from 93d31f7 to bea43c7 Compare August 13, 2025 14:59
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from bea43c7 to 9a8ab12 Compare August 19, 2025 12:44
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 9a8ab12 to 93bba92 Compare September 25, 2025 16:08
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 93bba92 to c186c81 Compare November 10, 2025 14:04
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from c186c81 to 0422a1d Compare November 18, 2025 22:59
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch 2 times, most recently from 447c41d to 05a5e8c Compare January 23, 2026 18:17
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 05a5e8c to 57440cb Compare February 2, 2026 17:43
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 57440cb to 8668b8d Compare February 12, 2026 18:15
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 8668b8d to 21c9ee0 Compare April 1, 2026 19:46
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from 21c9ee0 to b157517 Compare April 8, 2026 20:16
@renovate renovate Bot changed the title chore(deps): update dependency babel-plugin-styled-components to v2 Update dependency babel-plugin-styled-components to v2 Apr 8, 2026
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from b157517 to 152a98d Compare May 12, 2026 11:16
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch 2 times, most recently from b152333 to f0451e5 Compare May 21, 2026 05:57
@renovate renovate Bot force-pushed the renovate/babel-plugin-styled-components-2.x branch from f0451e5 to 4f3938c Compare May 28, 2026 13:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants