Skip to content

Conversation

@dependabot
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Jan 12, 2026

Bumps styled-components from 5.3.6 to 6.3.5.

Release notes

Sourced from styled-components's releases.

[email protected]

Patch Changes

  • 7ff7002: Fix: Line comments (//) in multiline CSS declarations no longer cause parsing errors (fixes #5613)

    JS-style line comments (//) placed after multiline declarations like calc() were not being properly stripped, causing CSS parsing issues. Comments are now correctly removed anywhere in the CSS while preserving valid syntax.

    Example that now works:

    const Box = styled.div`
      max-height: calc(100px + 200px + 300px); // This comment no longer breaks parsing
      background-color: green;
    `;
  • 7ff7002: Fix: Contain invalid CSS syntax to just the affected line

    In styled-components v6, invalid CSS syntax (like unbalanced braces) could cause all subsequent styles to be ignored. This fix ensures that malformed CSS only affects the specific declaration, not subsequent valid styles.

    Example that now works:

    const Circle = styled.div`
      width: 100px;
      line-height: ${() => '14px}'}; // ⛔️ This malformed line is dropped
      background-color: green; // ✅ Now preserved (was ignored in v6)
    `;

[email protected]

Patch Changes

  • 8e8c282: Fixed createGlobalStyle to not use useLayoutEffect on the server, which was causing a warning and broken styles in v6.3.x. The check typeof React.useLayoutEffect === 'function' is not reliable for detecting server vs client environments in React 18+, so we now use the __SERVER__ build constant instead.

[email protected]

Patch Changes

  • 6e4d1e7: fix: suppress false "created dynamically" warnings in React Server Components

    The dynamic creation warning check now properly detects RSC environments and skips validation when IS_RSC is true. This eliminates false warnings for module-level styled components in server components, which were incorrectly flagged due to RSC's different module evaluation context. Module-level styled components in RSC files no longer trigger warnings since they cannot be created inside render functions by definition.

[email protected]

Patch Changes

  • a4b4a6b: fix: include TypeScript declaration files in npm package

    Fixed Rollup TypeScript plugin configuration to override tsconfig.json's noEmit setting, ensuring TypeScript declaration files are generated during build.

  • a4b4a6b: fix: resolve TypeScript error blocking type declaration emission

... (truncated)

Commits
  • f64f1fe Version Packages (#5636)
  • 7ff7002 Fix syntax error in styled-components v6 handling (#5635)
  • 68d12c9 Version Packages
  • 8e8c282 fix: use SERVER build constant instead of useLayoutEffect check in create...
  • b0831e8 Update contact information for reporting incidents
  • d01de7b Version Packages
  • 415e578 style: run formatter
  • 35287fc test: add RSC test page to verify dynamic creation warning fix
  • 6e4d1e7 chore: add changeset for RSC dynamic creation fix
  • e871d06 test: add RSC environment test for dynamic creation check
  • Additional commits viewable in compare view
Maintainer changes

This version was pushed to npm by [GitHub Actions](https://www.npmjs.com/~GitHub Actions), a new releaser for styled-components since your current version.


Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot @github
Copy link
Contributor Author

dependabot bot commented on behalf of github Jan 12, 2026

Labels

The following labels could not be found: automated. Please create it before Dependabot can add it to a pull request.

Please fix the above issues or remove invalid values from dependabot.yml.

@dependabot dependabot bot added the dependencies Pull requests that update a dependency file label Jan 12, 2026
@github-actions
Copy link

🔍 Code Quality Check Results

Check Status
ESLint ❓ Unknown
Prettier ❓ Unknown
TypeScript ❓ Unknown

@github-actions
Copy link

github-actions bot commented Jan 12, 2026

Dependency Review

The following issues were found:

  • ✅ 0 vulnerable package(s)
  • ✅ 0 package(s) with incompatible licenses
  • ✅ 0 package(s) with invalid SPDX license definitions
  • ✅ 0 package(s) with unknown licenses.
  • ⚠️ 8 packages with OpenSSF Scorecard issues.

View full job summary

@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/styled-components-6.3.5 branch from 5daa6a6 to db2a283 Compare January 15, 2026 17:18
@github-actions
Copy link

🔍 Code Quality Check Results

Check Status
ESLint ❓ Unknown
Prettier ❓ Unknown
TypeScript ❓ Unknown

Bumps [styled-components](https://github.com/styled-components/styled-components) from 5.3.6 to 6.3.5.
- [Release notes](https://github.com/styled-components/styled-components/releases)
- [Commits](https://github.com/styled-components/styled-components/compare/[email protected])

---
updated-dependencies:
- dependency-name: styled-components
  dependency-version: 6.3.5
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/styled-components-6.3.5 branch from db2a283 to ba795a0 Compare January 15, 2026 17:23
@github-actions
Copy link

🔍 Code Quality Check Results

Check Status
ESLint ❓ Unknown
Prettier ❓ Unknown
TypeScript ❓ Unknown

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR upgrades styled-components from version 5.3.6 to 6.3.6 (note: the PR title mentions 6.3.5, but the actual version in the diff is 6.3.6). This is a major version upgrade that introduces significant breaking changes, including removal of peer dependencies and changes to the internal structure.

Changes:

  • Upgraded styled-components from 5.3.6 to 6.3.6 in package.json
  • Updated package-lock.json with new dependency tree, including new dependencies like @types/stylis, stylis, and tslib
  • Removed dependencies babel-plugin-styled-components and @babel/plugin-syntax-jsx (no longer needed in v6)
  • Updated related packages: @emotion/is-prop-valid, @emotion/unitless, and csstype

Reviewed changes

Copilot reviewed 1 out of 2 changed files in this pull request and generated no comments.

File Description
package.json Bumped styled-components version from 5.3.6 to 6.3.6
package-lock.json Updated entire dependency tree to reflect v6 changes, including removal of old dependencies and addition of new ones

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant