{"_id":"styled-props","_rev":"14-cafbb1b21e959adf25d4d20c10ec7d4e","name":"styled-props","description":"Small helper to style your components with style.","dist-tags":{"latest":"1.1.2"},"versions":{"0.0.1":{"name":"styled-props","version":"0.0.1","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","prepublish":"npm test; npm run compile"},"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.1","babel-plugin-transform-flow-strip-types":"^6.21.0","babel-preset-latest":"^6.16.0","babel-preset-react":"^6.16.0","enzyme":"^2.7.0","eslint":"^3.13.1","eslint-config-airbnb":"^14.0.0","eslint-plugin-flowtype-errors":"^2.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^3.0.2","eslint-plugin-react":"^6.9.0","flow-bin":"^0.37.4","jest":"^18.1.0","publish-please":"^2.2.0","react":"^15.4.2","react-addons-test-utils":"^15.4.2","react-dom":"^15.4.2","styled-components":"^1.2.1"},"dependencies":{},"gitHead":"6c0c799d7bf9c8045f2a5c365826a6ee2df579f9","description":"[](https://travis-ci.org/RafalFilipek/styled-props) [](https://github.com/airbnb/javascript)","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.0.1","_shasum":"aa5212dc52681142d6f93ee51f0a9accf5c5df74","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"aa5212dc52681142d6f93ee51f0a9accf5c5df74","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.0.1.tgz","integrity":"sha512-bXKrrT2GN+dB0gYY6UbUtY6as9t7fiquGlQs6g+sNuDe5tqOJ8DEdCas86pv6d6DeH5+uusHxwM1XF5NJwNh1Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBb+yLhwu7Xg/1YoLLshxOKuTfEy9ha6Eim4DIciTpw2AiAcYb1fX6wQ5VNfrldOnfNOTGQSdREv9tySXIJ4HrzlLQ=="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-props-0.0.1.tgz_1484063600955_0.6561377027537674"}},"0.0.3":{"name":"styled-props","version":"0.0.3","description":"Small helper to style your components with style.","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","prepublish":"npm test; npm run compile"},"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.1","babel-plugin-transform-flow-strip-types":"^6.21.0","babel-preset-latest":"^6.16.0","babel-preset-react":"^6.16.0","enzyme":"^2.7.0","eslint":"^3.13.1","eslint-config-airbnb":"^14.0.0","eslint-plugin-flowtype-errors":"^2.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^3.0.2","eslint-plugin-react":"^6.9.0","flow-bin":"^0.37.4","jest":"^18.1.0","publish-please":"^2.2.0","react":"^15.4.2","react-addons-test-utils":"^15.4.2","react-dom":"^15.4.2","styled-components":"^1.2.1"},"dependencies":{},"gitHead":"1e008546c055c4ee7a2b66e172f442238c1787c6","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.0.3","_shasum":"8fe22b61e8b8c97a92d32ff085b607c4f8f4a62e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"8fe22b61e8b8c97a92d32ff085b607c4f8f4a62e","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.0.3.tgz","integrity":"sha512-fNAWZVAbkOS8KOwQ53mjdM/e/20ctuFRokbvzj6W4ijW/UQlDiNeLJjyCaSvoDt96orTVRf8K2gCQKeaB86g0g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxgHJoePcl8OsqX/QQCQfzpJQe2fNEXQIW3FvIAX5HjwIhALmpA1BNVgNVbr2K3idjliKCeHS1I20Do5vljEe7Yl7t"}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/styled-props-0.0.3.tgz_1484132058826_0.01707141427323222"}},"0.1.0":{"name":"styled-props","version":"0.1.0","description":"Small helper to style your components with style.","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.1","babel-plugin-transform-flow-strip-types":"^6.21.0","babel-preset-latest":"^6.16.0","babel-preset-react":"^6.16.0","enzyme":"^2.7.0","eslint":"^3.13.1","eslint-config-airbnb":"^14.0.0","eslint-plugin-flowtype-errors":"^2.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^3.0.2","eslint-plugin-react":"^6.9.0","flow-bin":"^0.37.4","jest":"^18.1.0","publish-please":"^2.2.0","react":"^15.4.2","react-addons-test-utils":"^15.4.2","react-dom":"^15.4.2","release":"^1.1.2","styled-components":"^1.2.1"},"dependencies":{},"gitHead":"a6312eef8ebf9f8a898cf3f4a72b7f61d325d803","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.1.0","_shasum":"0b2c07326c48b9f7d88e83a6da51459c4b5350b8","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"0b2c07326c48b9f7d88e83a6da51459c4b5350b8","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.1.0.tgz","integrity":"sha512-STyHrz3bTpUlT+aF1QB1eitcupq8ICjiLjnZ29NxQr5YMutBoIDe80eIdAko1wUyRRMRXhLxwJq5m/DiAUCavw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy0iv5MBDMxnidejOlVDQAnKiVq4mToRQbVTJ5mQc3mQIhAKEonvlt6awUX6BXCEHn2tA1bJxahwfb5GhTnEMx4hh/"}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/styled-props-0.1.0.tgz_1484345581537_0.07714102556928992"}},"0.1.1":{"name":"styled-props","version":"0.1.1","description":"Small helper to style your components with style.","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.1","babel-plugin-transform-flow-strip-types":"^6.21.0","babel-preset-latest":"^6.16.0","babel-preset-react":"^6.16.0","enzyme":"^2.7.0","eslint":"^3.13.1","eslint-config-airbnb":"^14.0.0","eslint-plugin-flowtype-errors":"^2.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^3.0.2","eslint-plugin-react":"^6.9.0","flow-bin":"^0.37.4","jest":"^18.1.0","publish-please":"^2.2.0","react":"^15.4.2","react-addons-test-utils":"^15.4.2","react-dom":"^15.4.2","release":"^1.1.2","styled-components":"^1.2.1"},"dependencies":{},"gitHead":"001fd1a28e660e942395730b62a06e201de25c86","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.1.1","_shasum":"2ae30476abe9abdc3f97844c24907eb4b644b9df","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"2ae30476abe9abdc3f97844c24907eb4b644b9df","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.1.1.tgz","integrity":"sha512-RJFr4CzwACJJ/JgoU3ixPkwr2hcNxPsLXYXrCG0PukZ4BtOtko1bVWpDm7wqPMRsKU0WqlUg6SmIlEsa6ztQLA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICIbIilZIE6mAPY/5Bg3qvrfzQaQY8MQa+DEfFl+Uu2EAiAvT39Mm/FruDGg+YmNY0MwtboHTVyTTH094hZtv79kcg=="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-props-0.1.1.tgz_1485288619425_0.521145832259208"}},"0.1.2":{"name":"styled-props","version":"0.1.2","description":"Small helper to style your components with style.","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.18.0","babel-eslint":"^7.1.1","babel-plugin-transform-flow-strip-types":"^6.21.0","babel-preset-latest":"^6.16.0","babel-preset-react":"^6.16.0","enzyme":"^2.7.0","eslint":"^3.13.1","eslint-config-airbnb":"^14.0.0","eslint-plugin-flowtype-errors":"^3.0.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.9.0","flow-bin":"^0.40.0","jest":"^19.0.2","publish-please":"^2.2.0","react":"^15.4.2","react-addons-test-utils":"^15.4.2","react-dom":"^15.4.2","release":"^1.1.2","styled-components":"^1.2.1"},"dependencies":{},"gitHead":"b855debf360b2aa2daf7f308476285101b01c182","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.1.2","_shasum":"143221f3846b5c7a430f3d403ab0a0c912bbc045","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"143221f3846b5c7a430f3d403ab0a0c912bbc045","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.1.2.tgz","integrity":"sha512-iUMUuOln9nyTSdvW1BEqXiRF6fKXyof9Y/nVqpMPxeK9U8JoOE/TQpfChlD7XUaEl8X3qMpz96/g0xj4fQcBRQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE2HwGQoCtnXL82VyaTBsR3U30zHRMPoA+7dD1C3o0sbAiA1llVKmJYJZaa2FX16DuiikTTlcd3uBUhGV9PQqfJnvA=="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-props-0.1.2.tgz_1488443989260_0.8231079201214015"}},"0.1.3":{"name":"styled-props","version":"0.1.3","description":"Small helper to style your components with style.","main":"lib/index.js","jsnext:main":"src/index.js","module":"src/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.1","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.8.0","eslint":"^3.19.0","eslint-config-airbnb":"^14.1.0","eslint-plugin-flowtype-errors":"^3.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.10.3","flow-bin":"^0.43.1","jest":"^19.0.2","publish-please":"^2.3.0","react":"^15.5.3","react-addons-test-utils":"^15.5.1","react-dom":"^15.5.3","release":"^1.1.7","styled-components":"^1.4.4"},"dependencies":{},"gitHead":"d7cd44d1c4dfff95df7c6bbf0a8ca71f6b5faa07","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.1.3","_shasum":"29909e7378def378e07ee6b809dc296d625f647d","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"29909e7378def378e07ee6b809dc296d625f647d","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.1.3.tgz","integrity":"sha512-hMl16NgOM0AdmViDsfaUtMQ2dBPVzvMSkme6CtVgC7IWfWW1Egg2SLFdEBN9m/ar1uU/2S7lD2yIgx5iWc6ZBw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxrZ61ZQnXVMHNxuPbQblcT8uNkZMAKXI/8ZXSqa+g+AIhAKHMgUnPWNggJICIuHxkAEOCROL1s6QycJqqtMmw2+Oz"}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-props-0.1.3.tgz_1491917992040_0.4186569934245199"}},"0.2.0":{"name":"styled-props","version":"0.2.0","description":"Small helper to style your components with style.","main":"lib/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.1","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.8.0","eslint":"^3.19.0","eslint-config-airbnb":"^14.1.0","eslint-plugin-flowtype-errors":"^3.0.3","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^4.0.0","eslint-plugin-react":"^6.10.3","flow-bin":"^0.43.1","jest":"^19.0.2","publish-please":"^2.3.0","react":"^15.5.3","react-addons-test-utils":"^15.5.1","react-dom":"^15.5.3","release":"^1.1.7","styled-components":"^1.4.4"},"dependencies":{},"gitHead":"06ec178e27b97f6be8d9becf6274bcf10f29b4db","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@0.2.0","_shasum":"3399d0dc126016ee762aa4ea61f6cb79002888b4","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.6.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"3399d0dc126016ee762aa4ea61f6cb79002888b4","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-0.2.0.tgz","integrity":"sha512-FEbMwrA3o3TH3pksznuu4wvYFVpv+m7jVZB4IhahSOqbjjV0JrCyYOk9d1KwdniiRM+khCmKIyBzo4WQL0lU7w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZ3SJgUbN/lscbf5JR+NOio+yYpW89D0k3reVXE/6qlQIgTL7/kFwQ/wmJKncj5rRox4it9kMQrt9ysuSLBN8M7zc="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-props-0.2.0.tgz_1491924649689_0.3245639270171523"}},"1.0.0":{"name":"styled-props","version":"1.0.0","description":"Small helper to style your components with style.","main":"lib/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile"},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.3","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.8.2","eslint":"^3.19.0","eslint-config-airbnb":"^15.0.0","eslint-plugin-flowtype-errors":"^3.3.0","eslint-plugin-import":"^2.3.0","eslint-plugin-jsx-a11y":"^5.0.0","eslint-plugin-react":"^7.0.1","flow-bin":"^0.47.0","jest":"^20.0.1","publish-please":"^2.3.1","react":"^15.5.4","react-addons-test-utils":"^15.5.1","react-dom":"^15.5.4","release":"^1.2.3","styled-components":"^2.0.0"},"dependencies":{},"gitHead":"5107405c87d9165603918361d9273dcb70b0128a","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@1.0.0","_shasum":"ccda421a7a4b27566eb6546a844ec8b8828b05e8","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.10.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"shasum":"ccda421a7a4b27566eb6546a844ec8b8828b05e8","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-1.0.0.tgz","integrity":"sha512-mI9jHf8WxpkBH/o6jyrZfVDvSaxnpjhWCltPzmU8nJjbjWUcgvWiIGovotdwSFOAG5/KuJy8XTrCXsyhpFtv7w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXSw02S2/iCruc+ZTL8lLX6CEBTsOxqzr6YxwJxm0e5AIhAI8qud0ua1omfx+CYOYKKFwFwZjFLFhhU5vHgZpis0hU"}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props-1.0.0.tgz_1496824395651_0.48572122072800994"}},"1.1.0":{"name":"styled-props","version":"1.1.0","description":"Small helper to style your components with style.","main":"lib/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile","precommit":"lint-staged","format":"prettier --single-quote --trailing-comma=es5 --parser=flow --write \"src/**/*.js\""},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"lint-staged":{"*.js":["prettier --single-quote --trailing-comma=es5 --parser=babylon --write","git add"]},"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.9.1","eslint":"^4.5.0","eslint-config-airbnb":"^15.1.0","eslint-plugin-flowtype-errors":"^3.3.1","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-react":"^7.3.0","flow-bin":"^0.53.1","husky":"^0.14.3","jest":"^20.0.1","lint-staged":"^4.0.3","prettier":"^1.5.3","publish-please":"^2.3.1","react":"^15.6.1","react-addons-test-utils":"^15.6.0","react-dom":"^15.6.1","release":"^2.0.1","styled-components":"^2.1.2"},"dependencies":{},"gitHead":"585b269aecb261a6761bbf6abc01cee965d949b0","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@1.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.4.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"integrity":"sha512-0Diulh57kuhiL8BYBiPWeotPwfXgC/XuIDq2fOPI69ifHiJ7IUEDA+rqva61KPOSSkNcsOxvdfPpuETdJRK2qQ==","shasum":"acc637d934b237bdf208c74991d79980e2720bd6","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-1.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLLQh/sPByN0S5+HU9a8KJCvYse0WVpdzCMyVLXqcXEwIhAIB25oLdelv0jz0m0soLch5cKGhpvegEgxbvFPE7Z7RL"}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props-1.1.0.tgz_1503403712377_0.40661526075564325"}},"1.1.1":{"name":"styled-props","version":"1.1.1","description":"Small helper to style your components with style.","main":"lib/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile","precommit":"lint-staged","format":"prettier --single-quote --trailing-comma=es5 --parser=flow --write \"src/**/*.js\""},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"lint-staged":{"*.js":["prettier --single-quote --trailing-comma=es5 --parser=babylon --write","git add"]},"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^7.2.3","babel-jest":"^21.0.2","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^2.9.1","eslint":"^4.5.0","eslint-config-airbnb":"^15.1.0","eslint-plugin-flowtype-errors":"^3.3.1","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-react":"^7.3.0","flow-bin":"^0.53.1","husky":"^0.14.3","jest":"^21.1.0","lint-staged":"^4.0.3","prettier":"^1.5.3","publish-please":"^2.3.1","react":"^15.6.1","react-addons-test-utils":"^15.6.0","react-dom":"^15.6.1","release":"^2.0.1","styled-components":"^2.1.2"},"dependencies":{},"gitHead":"7dda5ce77ae0e5b0667a46e84539b088c9abe512","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@1.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"integrity":"sha512-R3vfaGLQTiGqZIKBsrz4cUZNRTZk7tvieiBOsW7oLm/H46FdsomVj+1WF9I3etT80Q11dmON8Tm3slbpFES22A==","shasum":"cea17522cb9ff72bac3d0389bd02107247b14824","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-1.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICPCs6O6mBeAxHqQv5U8IIidsGmKyiWiBimsnqRa6U7BAiEAgr4eixwMUlSP67WVC2ADUWs3qUxF/jwgJlk2pPH77H8="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props-1.1.1.tgz_1505386650644_0.37817880348302424"}},"1.1.2":{"name":"styled-props","version":"1.1.2","description":"Small helper to style your components with style.","main":"lib/index.js","scripts":{"test":"jest","test:watch":"jest --watch","lint":"eslint src __test__","compile":"babel -d lib src","compile:watch":"babel -w -d lib src","clean":"rm -rf lib","prepublish":"npm run clean && npm test && npm run compile","precommit":"lint-staged","format":"prettier --single-quote --trailing-comma=es5 --parser=flow --write \"src/**/*.js\""},"files":["*.md","__test__","LICENSE","lib","src"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"license":"MIT","keywords":["css","css-in-js"],"lint-staged":{"*.js":["prettier --single-quote --trailing-comma=es5 --parser=babylon --write","git add"]},"jest":{"collectCoverage":true,"coverageDirectory":"./.coverage","unmockedModulePathPatterns":["node_modules/react/","node_modules/enzyme/"]},"devDependencies":{"babel-cli":"^6.26.0","babel-eslint":"^8.0.1","babel-jest":"^22.1.0","babel-plugin-transform-flow-strip-types":"^6.22.0","babel-preset-latest":"^6.24.1","babel-preset-react":"^6.24.1","enzyme":"^3.0.0","eslint":"^4.5.0","eslint-config-airbnb":"^16.0.0","eslint-plugin-flowtype-errors":"^3.3.1","eslint-plugin-import":"^2.7.0","eslint-plugin-jsx-a11y":"^6.0.2","eslint-plugin-react":"^7.3.0","flow-bin":"^0.63.1","husky":"^0.14.3","jest":"^22.1.4","lint-staged":"^6.0.1","prettier":"^1.5.3","publish-please":"^2.3.1","react":"^16.0.0","react-addons-test-utils":"^15.6.0","react-dom":"^16.0.0","release":"^3.1.5","styled-components":"^3.0.2"},"dependencies":{},"gitHead":"5cde3d36c414735f3cab6b3f72ea1e8fc53a1d91","homepage":"https://github.com/RafalFilipek/styled-props#readme","_id":"styled-props@1.1.2","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"},"dist":{"integrity":"sha512-vpDXcVWFQ/BJtOnumYbOHT85QpRMmo5G23eDFzFaDPdB2vuECF+NqRhz5luEYswh43SyIgXDarVaVCSNiASVng==","shasum":"b80d2d341629d037ea721678b16b09b498b1b0e8","tarball":"https://registry.npmjs.org/styled-props/-/styled-props-1.1.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkYfjKq8w+sf8odt63JOocY3MxEgRtyOhI2W/OT4Pe1AIgEZehmywjtcET0wzyu3W4HYyB7+L+GLWuarMeSw9zlGw="}]},"maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-props-1.1.2.tgz_1516700078323_0.6318040750920773"}}},"readme":"\n\n---\n\n[](https://badge.fury.io/js/styled-props)\n[](https://greenkeeper.io/)\n[](https://travis-ci.org/RafalFilipek/styled-props)\n[](https://codecov.io/gh/RafalFilipek/styled-props)\n\n[](https://github.com/prettier/prettier)\n\nSimple lib that allows you to set *styled props* in your [*styled-components*](https://styled-components.com) without stress. Let's take `Button` component from styled-components web page. Here it is:\n\n```jsx\nconst Button = styled.button`\n font-size: 1em;\n margin: 1em;\n padding: 0.25 em 1em;\n border: 2px solid palevioletred;\n border radius: 3px;\n\n background: ${props => props.primary && 'palevioletred'}\n color: ${props => props.primary ? 'white' : 'palevioletred'}\n`;\n```\n\nNow you can simply write\n\n```jsx\n or \n```\n\nBut your application is probably much bigger than single button. And you want to keep your colors, sizes etc. in one place. So let's create simple `styles.js` file.\n\n```js\n// styles.js\n\nexport const background = {\n primary: '#F5F5F5',\n danger: '#DD2C00',\n success: '#7CB342',\n info: '#BBDEFB',\n};\n\nexport const color = {\n primary: '#263238',\n default: '#FAFAFA',\n};\n\nexport const size = {\n padding: {\n small: 10,\n medium: 20,\n big: 30,\n },\n borderRadius: {\n small: 5,\n default: 10,\n },\n};\n```\n\n> `styles.js` file is cool because you can access them anywhere! You can also generate some style guides and of course keep all information in one place.\n\n> **IMPORTANT** It is better to use singular forms for keys. In `bind` mode keys are used to set fallbacks so `color` is better than `colors` as a prop.\n\nSo how can I help? `styled-props` package exports single function called `styledProps`. You can use it in all your components.\n\n### TL;DR; Examples\n\n - [Basic usage](https://codesandbox.io/s/n5X21gBYR)\n - [Default props](https://codesandbox.io/s/2k6VL6wgz)\n - [Bind](https://codesandbox.io/s/gJxQvB1Bk)\n\n\n### Installation\n\n```\nyarn add styled-props\n\n// or\n\nnpm install styled-props\n```\n\n### Basic usage\n\n```jsx\nimport styledProps from 'styled-props';\nimport styled from 'styled-components';\nimport {\n background,\n color,\n size,\n} from './styles.js';\n\nconst Button = styled.button`\n background: ${styledProps(background)};\n color: ${styledProps(color)};\n padding: ${styledProps(size.padding)}px;\n border-radius: ${styledProps(size.borderRadius)}px;\n\n font-size: 1em;\n margin: 1em;\n border: 2px solid palevioletred;\n`;\n\nexport default () => (\n
\n \n \n \n \n
\n)\n```\n\nAs you can see each prop can be mapped into specific value for selected css rule. If you need another combination, you just add it in `styles.js`.\n\n### Default values\n\nEverything is based on props. As we know in React you can set `defaultProps` for each component. You can also use them to set default values for styles. For example:\n\n```jsx\nconst Button = styled.button`\n color: ${styledProps(color, 'color')}\n`;\nButton.defaultProps = {\n color: 'default',\n};\n```\n\nIf you will not provide `primary` or `default` property for Button component `styledProps` function will check value of `color` property and use it as a key in `color` map. In our case default color is `color.white`. This is quite cool because you can also set styles the old way:\n\n```jsx\n\n```\n\n### Bind\n\nWhen your component is full of dynamic styles you can ( from `v0.1.0`) use `bind` options to simplify things.\n\n```js\n//styles.js\nexport default {\n color: {\n red: '#990000',\n white: '#ffffff',\n black: '#000000',\n },\n size: {\n small: 10,\n medium: 20,\n big: 30,\n }\n}\n```\n\n```jsx\nimport styles from './styles';\nimport { bindStyles } from 'styled-props';\n\n// or alternatively\n\n// import { bind } from 'styled-props';\n\ns = bindStyles(styles);\n\nexport default styled.button`\n color: ${s.color};\n padding: ${s.size};\n`;\n```\n\n> As you can see `bind` is available as `bind` or `bindStyles` in case you're using lodash or any other library to for e.g bind functions context.\n\nEach key in `s` provides `styledProps` function. Also default value is set automaticly with `key` from map.\n\n```\ns.color === styledProps(styles.color, 'color');\n```\n\n### API\n\n```\nstyledProps(stylesMap:Object, [fallbackKey]:string)\n\nstyledPropsBind(collectionsMap:Object)\n```\n","maintainers":[{"name":"rafal.filipek","email":"rafal.filipek@gmail.com"}],"time":{"modified":"2022-06-27T01:32:31.379Z","created":"2017-01-10T15:53:21.643Z","0.0.1":"2017-01-10T15:53:21.643Z","0.0.3":"2017-01-11T10:54:20.862Z","0.1.0":"2017-01-13T22:13:03.702Z","0.1.1":"2017-01-24T20:10:20.038Z","0.1.2":"2017-03-02T08:39:49.902Z","0.1.3":"2017-04-11T13:39:52.619Z","0.2.0":"2017-04-11T15:30:50.288Z","1.0.0":"2017-06-07T08:33:16.721Z","1.1.0":"2017-08-22T12:08:33.334Z","1.1.1":"2017-09-14T10:57:31.552Z","1.1.2":"2018-01-23T09:34:39.222Z"},"homepage":"https://github.com/RafalFilipek/styled-props#readme","keywords":["css","css-in-js"],"repository":{"type":"git","url":"git+https://github.com/RafalFilipek/styled-props.git"},"author":{"name":"Rafał Filipek","email":"rafal.filipek@gmail.com"},"bugs":{"url":"https://github.com/RafalFilipek/styled-props/issues"},"license":"MIT","readmeFilename":"README.md","users":{"ldq-first":true}}