Allow nested parentheses in values

Author: alexanderchr

lib/index.js

@@ -17,7 +17,7 @@ var _icssReplaceSymbols = require('icss-replace-symbols');
 var _icssReplaceSymbols2 = _interopRequireDefault(_icssReplaceSymbols);
 
 var matchImports = /^(.+?)\s+from\s+("[^"]*"|'[^']*'|[\w-]+)$/;
-var matchValueDefinition = /(?:,\s+|^)([\w-]+):?\s+("[^"]*"|'[^']*'|\w+\([^\)]+\)|[^,]+)\s?/g;
+var matchValueDefinition = /(?:,\s+|^)([\w-]+):?\s+("[^"]*"|'[^']*'|\w+\(.+\)|[^,]+)\s?/g;
 var matchImport = /^([\w-]+)(?:\s+as\s+([\w-]+))?/;
 var options = {};
 var importIndex = 0;

src/index.js

@@ -2,7 +2,7 @@ import postcss from 'postcss'
 import replaceSymbols, {replaceAll} from 'icss-replace-symbols'
 
 const matchImports = /^(.+?)\s+from\s+("[^"]*"|'[^']*'|[\w-]+)$/
-const matchValueDefinition = /(?:,\s+|^)([\w-]+):?\s+("[^"]*"|'[^']*'|\w+\([^\)]+\)|[^,]+)\s?/g
+const matchValueDefinition = /(?:,\s+|^)([\w-]+):?\s+("[^"]*"|'[^']*'|\w+\(.+\)|[^,]+)\s?/g
 const matchImport = /^([\w-]+)(?:\s+as\s+([\w-]+))?/
 let options = {}
 let importIndex = 0

test/index.js

@@ -120,4 +120,11 @@ describe('constants', () => {
       ':export {\n  named: red;\n  3char: #0f0;\n  6char: #00ff00;\n  rgba: rgba(34, 12, 64, 0.3);\n  hsla: hsla(220, 13.0%, 18.0%, 1);\n}\n' +
       '.foo { color: red; background-color: #0f0; border-top-color: #00ff00; border-bottom-color: rgba(34, 12, 64, 0.3); outline-color: hsla(220, 13.0%, 18.0%, 1); }')
   })
+
+  it('should allow values with nested parantheses', () => {
+    test(
+      '@value aaa: color(red lightness(50%));',
+      ':export {\n  aaa: color(red lightness(50%))\n}'
+    )
+  })
 })