es6 & add github in package

mike-engel · Jan 3, 2018 · 8380429 · 8380429
1 parent dd31128
commit 8380429
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 31 deletions.
diff --git a/README.md b/README.md
@@ -24,10 +24,10 @@ yarn add floating-label-react
 import FloatingLabel from 'floating-label-react'
 
 <FloatingLabel
-  id="email"
-  name="email"
-  placeholder="Your email"
-  type="email"
+  id='email'
+  name='email'
+  placeholder='Your email'
+  type='email'
 />
 ```
 
@@ -37,11 +37,11 @@ If you'd like a textarea instead, use the `element` prop.
 import FloatingLabel from 'floating-label-react'
 
 <FloatingLabel
-  id="email"
-  element="textarea"
-  name="email"
-  placeholder="Your email"
-  type="email"
+  id='email'
+  element='textarea'
+  name='email'
+  placeholder='Your email'
+  type='email'
 />
 ```
 
@@ -53,32 +53,36 @@ import FloatingLabel, {
   focusStyles,
   inputStyles,
   labelStyles
-} from "./floating-label";
+} from 'floating-label-react'
 
 const inputStyle = {
-  floating: Object.assign({}, floatingStyles, {
-    color: blue
-  }),
-  focus: Object.assign({}, focusStyles, {
-    borderColor: blue
-  }),
-  input: Object.assign({}, inputStyles, {
+  floating: {
+    ...floatingStyles,
+    color: 'blue'
+  },
+  focus: {
+    ...focusStyles,
+    borderColor: 'blue'
+  },
+  input: {
+    ...inputStyles,
     borderBottomWidth: 2,
-    borderBottomColor: black,
-    width: "100%"
-  }),
-  label: Object.assign({}, labelStyles, {
-    marginTop: "0.5em",
-    width: "100%"
-  })
-};
+    borderBottomColor: 'black',
+    width: '100%'
+  },
+  label: {
+    ...labelStyles,
+    marginTop: '.5em',
+    width: '100%'
+  }
+}
 
 <FloatingLabel
-  id="email"
-  name="email"
-  placeholder="Your email"
+  id='email'
+  name='email'
+  placeholder='Your email'
   styles={inputStyle}
-  type="email"
+  type='email'
 />
 ```
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "floating-label-react",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "A floating-label component using react without any dependencies",
   "main": "dist/floating-label-react.js",
   "jsnext:main": "dist/floating-label-react.es.js",
@@ -55,5 +55,13 @@
       "add-module-exports",
       "transform-class-properties"
     ]
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mike-engel/floating-label-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/mike-engel/floating-label-react/issues"
+  },
+  "homepage": "https://github.com/mike-engel/floating-label-react#readme"
 }