Skip to content

Commit 86f6309

Browse files
build(deps): bump styled-components from 6.1.16 to 6.3.8 (#850)
Bumps [styled-components](https://github.com/styled-components/styled-components) from 6.1.16 to 6.3.8. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/styled-components/styled-components/releases">styled-components's releases</a>.</em></p> <blockquote> <h2>[email protected]</h2> <h3>Patch Changes</h3> <ul> <li>55d05c1: Make react-dom an optional peer dependency, clean up some unnecessary type peers.</li> </ul> <h2>[email protected]</h2> <h3>Patch Changes</h3> <ul> <li> <p>51ffa9c: Fix createGlobalStyle compatibility with React StrictMode and RSC</p> <p>This fix addresses issues where global styles would disappear or behave incorrectly in React StrictMode and RSC:</p> <ol> <li> <p><strong>Static styles optimization</strong>: Static global styles (without props/interpolations) are now only injected once and won't be removed/re-added on every render. This prevents the style flickering that could occur during concurrent rendering.</p> </li> <li> <p><strong>StrictMode-aware cleanup</strong>: Style cleanup now uses <code>queueMicrotask</code> to coordinate with React's effect lifecycle. In StrictMode's simulated unmount/remount cycle, styles are preserved. On real unmount, styles are properly removed.</p> </li> <li> <p><strong>RSC compatibility</strong>: Move <code>useRef</code> inside RSC guard in <code>createGlobalStyle</code> and unify all <code>useContext</code> calls to use consistent <code>!IS_RSC ?</code> pattern.</p> </li> <li> <p><strong>RSC inline style tag cleanup</strong>: Fix bug where server-defined <code>createGlobalStyle</code> rendered in client components would leave behind accumulated SSR-rendered inline <code>&lt;style data-styled-global&gt;</code> tags. The cleanup effect now removes these hoisted style tags when the component unmounts or re-renders with different CSS.</p> </li> </ol> <p>These changes ensure <code>createGlobalStyle</code> works correctly with:</p> <ul> <li>React StrictMode's double-render behavior</li> <li>React 18/19's concurrent rendering features</li> <li>React 19's style hoisting with the <code>precedence</code> attribute</li> <li>React Server Components (server-defined GlobalStyles in client components)</li> </ul> </li> <li> <p>51ffa9c: Restore <code>styled.br</code>.</p> </li> <li> <p>1f794b7: Add package.json &quot;exports&quot; field for better native ESM integration.</p> </li> </ul> <h2>[email protected]</h2> <h3>Patch Changes</h3> <ul> <li>189bc17: Fix url() CSS function values being incorrectly stripped when using unquoted URLs containing <code>//</code> (e.g., <code>url(https://example.com)</code>). The <code>//</code> in protocol URLs like <code>https://</code>, <code>http://</code>, <code>file://</code>, and protocol-relative URLs was incorrectly being treated as a JavaScript-style line comment.</li> </ul> <h2>[email protected]</h2> <h3>Patch Changes</h3> <ul> <li> <p>7ff7002: Fix: Line comments (<code>//</code>) in multiline CSS declarations no longer cause parsing errors (fixes <a href="https://redirect.github.com/styled-components/styled-components/issues/5613">#5613</a>)</p> <p>JS-style line comments (<code>//</code>) placed after multiline declarations like <code>calc()</code> were not being properly stripped, causing CSS parsing issues. Comments are now correctly removed anywhere in the CSS while preserving valid syntax.</p> <p><strong>Example that now works:</strong></p> <pre lang="tsx"><code>const Box = styled.div` max-height: calc(100px + 200px + 300px); // This comment no longer breaks parsing background-color: green; `; </code></pre> </li> </ul> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/styled-components/styled-components/commit/5372c2aff5e9b04f350a296bb32e0cddba101203"><code>5372c2a</code></a> Version Packages (<a href="https://redirect.github.com/styled-components/styled-components/issues/5646">#5646</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/55d05c142c7cfa3bc9f305d2bf8ea97725221a87"><code>55d05c1</code></a> Make react-dom optional (<a href="https://redirect.github.com/styled-components/styled-components/issues/5603">#5603</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/2216822e2823c14c08388a4b92ed8e4e5111362e"><code>2216822</code></a> Version Packages (<a href="https://redirect.github.com/styled-components/styled-components/issues/5645">#5645</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/51ffa9c6a5d74f680e9cbe99928ae1553b390c30"><code>51ffa9c</code></a> fix: resolve createGlobalStyle SSR issue in v6.3.x (<a href="https://redirect.github.com/styled-components/styled-components/issues/5638">#5638</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/1f794b7d6bacefefe27c3773af111ed206cd1965"><code>1f794b7</code></a> Add exports to package.json (<a href="https://redirect.github.com/styled-components/styled-components/issues/5644">#5644</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/a1e3789d8fa0b0488384a2d1312de6447f64f54d"><code>a1e3789</code></a> Version Packages (<a href="https://redirect.github.com/styled-components/styled-components/issues/5642">#5642</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/189bc17e41d37475e565170a0a68bd1214410a82"><code>189bc17</code></a> [WIP] Fix url() css function removal in styled-components (<a href="https://redirect.github.com/styled-components/styled-components/issues/5639">#5639</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/816720af9f4be8fae178e464efd2b8da5d638fde"><code>816720a</code></a> chore: remove discord</li> <li><a href="https://github.com/styled-components/styled-components/commit/f64f1fe9827050aaffa38bb64e73b006209f29fb"><code>f64f1fe</code></a> Version Packages (<a href="https://redirect.github.com/styled-components/styled-components/issues/5636">#5636</a>)</li> <li><a href="https://github.com/styled-components/styled-components/commit/7ff700264666e203b5ee3610f7ea2a9a8d2ddb2e"><code>7ff7002</code></a> Fix syntax error in styled-components v6 handling (<a href="https://redirect.github.com/styled-components/styled-components/issues/5635">#5635</a>)</li> <li>Additional commits viewable in <a href="https://github.com/styled-components/styled-components/compare/[email protected]@6.3.8">compare view</a></li> </ul> </details> <details> <summary>Maintainer changes</summary> <p>This version was pushed to npm by [GitHub Actions](<a href="https://www.npmjs.com/~GitHub">https://www.npmjs.com/~GitHub</a> Actions), a new releaser for styled-components since your current version.</p> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=styled-components&package-manager=npm_and_yarn&previous-version=6.1.16&new-version=6.3.8)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) 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-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> 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) </details> Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
1 parent b765f57 commit 86f6309

File tree

2 files changed

+32
-45
lines changed

2 files changed

+32
-45
lines changed

package-lock.json

Lines changed: 31 additions & 44 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
"react-router-dom": "^7.12.0",
4040
"react-use": "^17.6.0",
4141
"sass": "^1.97.0",
42-
"styled-components": "^6.1.12",
42+
"styled-components": "^6.3.8",
4343
"swiper": "^9.2.0",
4444
"tailwind-merge": "^3.4.0",
4545
"typescript": "^4.9.5",

0 commit comments

Comments
 (0)