diff --git a/README.md b/README.md index 100a4c0..99f564e 100644 --- a/README.md +++ b/README.md @@ -24,10 +24,10 @@ yarn add floating-label-react import FloatingLabel from 'floating-label-react' ``` @@ -37,11 +37,11 @@ If you'd like a textarea instead, use the `element` prop. import FloatingLabel from 'floating-label-react' ``` @@ -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%' + } +} ``` diff --git a/package.json b/package.json index cf5840a..e2ea489 100644 --- 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" }