Fix styles getting injected in the classname (#500)

packages/emotion/src/index.js

@@ -147,7 +147,7 @@ function isLastCharDot(string) {
 let hash
 let name
 
-const labelPattern = /label:\s*([^\s;\n]+)\s*[;\n]/g
+const labelPattern = /label:\s*([^\s;\n{]+)\s*;/g
 
 function createStyles(strings, ...interpolations) {
   let stringMode = true

packages/emotion/test/__snapshots__/label-pattern.test.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`label pattern input + label styled 1`] = `
+.glamor-0 + label::after {
+  color: pink;
+  background: orange;
+}
+
+<div>
+  <input
+    className="glamor-0 glamor-1"
+  />
+  <label>
+    Label
+  </label>
+</div>
+`;

packages/emotion/test/label-pattern.test.js

@@ -0,0 +1,28 @@
+import React from 'react'
+import styled from 'react-emotion'
+import renderer from 'react-test-renderer'
+import { flush } from 'emotion'
+
+describe('label pattern', () => {
+  afterEach(() => flush())
+
+  test('input + label styled', () => {
+    const Input = styled.input`
+      & + label::after {
+        color: pink;
+        background: orange;
+      }
+    `
+
+    const tree = renderer
+      .create(
+        <div>
+          <Input />
+          <label>Label</label>
+        </div>
+      )
+      .toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+})