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

Fix React Component classes
cssinjs · Oct 13, 2017 · f38a83d · f38a83d
2 parents 02120dd + 90e8604
commit f38a83d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/styled.js b/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

diff --git a/src/tests/__snapshots__/functional.spec.jsx.snap b/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>