Skip to content

Commit 16ed648

Browse files
committed
Fix dynamic styles placeholder replacement
expression -> placeholder refs: https://github.com/zeit/styled-jsx/blob/master/src/_utils.js#L250-L261
1 parent 1016614 commit 16ed648

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

index.js

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@ const loopWhile = require("deasync").loopWhile;
44
module.exports = (css, settings) => {
55
const cssWithPlaceholders = css
66
.replace(
7-
/\:\s*%%styled-jsx-expression-(\d+)%%/g,
8-
(_, id) => `: styled-jsx-expression-${id}()`
7+
/\:\s*%%styled-jsx-placeholder-(\d+)%%/g,
8+
(_, id) => `: styled-jsx-placeholder-${id}()`
99
)
1010
.replace(
11-
/%%styled-jsx-expression-(\d+)%%/g,
12-
(_, id) => `/*%%styled-jsx-expression-${id}%%*/`
11+
/%%styled-jsx-placeholder-(\d+)%%/g,
12+
(_, id) => `/*%%styled-jsx-placeholder-${id}%%*/`
1313
);
1414

1515
let wait = true;
@@ -31,11 +31,11 @@ module.exports = (css, settings) => {
3131

3232
return preprocessed
3333
.replace(
34-
/\:\s*styled-jsx-expression-(\d+)\(\)/g,
35-
(_, id) => `: %%styled-jsx-expression-${id}%%`
34+
/\:\s*styled-jsx-placeholder-(\d+)\(\)/g,
35+
(_, id) => `: %%styled-jsx-placeholder-${id}%%`
3636
)
3737
.replace(
38-
/\/\*%%styled-jsx-expression-(\d+)%%\*\//g,
39-
(_, id) => `%%styled-jsx-expression-${id}%%`
38+
/\/\*%%styled-jsx-placeholder-(\d+)%%\*\//g,
39+
(_, id) => `%%styled-jsx-placeholder-${id}%%`
4040
);
4141
};

0 commit comments

Comments
 (0)