Merge pull request #46 from cssinjs/feature/fix-component-classes

Fix React Component classes

Author: lttb

src/styled.js

@@ -129,12 +129,12 @@ const styled = ({element, ownStyle, mountSheet, jss}: StyledArgs) => {
   // $FlowIgnore
   StyledElement.valueOf = () => {
     if (!staticClassName) {
-      staticClassName = `.${jss.generateClassName({
+      staticClassName = `${jss.generateClassName({
         key: generateTagName('static')
       })}`
     }
 
-    return staticClassName
+    return `.${staticClassName}`
   }
 
   // $FlowIgnore

src/tests/__snapshots__/functional.spec.jsx.snap

@@ -168,7 +168,7 @@ exports[`functional tests should use Styled Component classname in string 1`] =
     >
       <StyledElement>
         <div
-          className=".static-2-id div-1-id"
+          className="static-2-id div-1-id"
         >
           name
         </div>
@@ -177,7 +177,7 @@ exports[`functional tests should use Styled Component classname in string 1`] =
         width={30}
       >
         <img
-          className=".static-3-id img-5-id"
+          className="static-3-id img-5-id"
           width={30}
         />
       </StyledElement>