Commit 86f6309
authored
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><style data-styled-global></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 "exports" 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 />
[](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
2 files changed
+32
-45
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
39 | 39 | | |
40 | 40 | | |
41 | 41 | | |
42 | | - | |
| 42 | + | |
43 | 43 | | |
44 | 44 | | |
45 | 45 | | |
| |||
0 commit comments