refactor: fix component spec

Author: andreypopp

CHANGELOG.md

@@ -1,3 +1,22 @@
+## 0.3.0
+
+* [BREAKING] Component spec format changed from using `.` as a delimiter between
+  module and export name to `?`.
+
+  Update:
+
+      Label {
+        base: mylib.Label;
+        color: red;
+      }
+
+  To:
+
+      Label {
+        base: mylib?Label;
+        color: red;
+      }
+
 ## 0.2.0
 
 * [FEATURE] When specifying `base` for a styled component it is treated as an

src/ComponentRef.js

@@ -6,8 +6,8 @@
 import * as types from 'babel-types';
 
 // TODO: More robust regexpes required!
-const PARSE_REF_RE = /^([a-zA-Z0-9_\-\/]+)(\.([a-zA-Z0-9_]+))?$/;
-const PARSE_NAMED_REF_RE = /^([a-zA-Z0-9_]+)=([a-zA-Z0-9_\-\/]+)(\.([a-zA-Z0-9_]+))?$/;
+const PARSE_REF_RE = /^([a-zA-Z0-9\._\-\/]+)(\?([a-zA-Z0-9_]+))?$/;
+const PARSE_NAMED_REF_RE = /^([a-zA-Z0-9_]+)=([a-zA-Z0-9_\.\-\/]+)(\?([a-zA-Z0-9_]+))?$/;
 
 export type ComponentRef = {
   source: string;

src/__tests__/fixtures/imported-base-named.react.css

@@ -1,4 +1,4 @@
 Label {
-  base: lib.Label;
+  base: lib?Label;
   color: red;
 }