{"_id":"@aliyun-sls/reactcss","_rev":"13-7fb01d4f035fa6027e84017c3e0a0193","name":"@aliyun-sls/reactcss","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@aliyun-sls/reactcss","version":"0.0.1","keywords":["react","reactcss"],"author":{"name":"case","email":"case@casesandberg.com"},"license":"MIT","_id":"@aliyun-sls/reactcss@0.0.1","maintainers":[{"name":"hongqi.lgs","email":"550175214@qq.com"},{"name":"aryame","email":"244913248@qq.com"},{"name":"sanjdw","email":"290506494@qq.com"},{"name":"yuecjnadt","email":"yuecjn@gmail.com"},{"name":"perezyuan","email":"yzmspirit@gmail.com"}],"homepage":"https://github.com/casesandberg/reactcss#readme","bugs":{"url":"https://github.com/casesandberg/reactcss/issues"},"dist":{"shasum":"e8285252be591baf3f54e74bfb94faad7243596a","tarball":"https://registry.npmjs.org/@aliyun-sls/reactcss/-/reactcss-0.0.1.tgz","fileCount":24,"integrity":"sha512-T8KyDb9ke8uUPkAEiSE5PRQGKPQ+q/byjMypoYRY5fwhMyBYtQQciHsQCcmxU2wGrTp660SnCJl7i9ygQ86SFg==","signatures":[{"sig":"MEUCIQDOiAO/0qqjFCqC57Cah4LyWIx/goIFTjLqOuTsOqDVxwIgbxcp5AYz9jsVVxJQ3G4+H5GRds5SnmcqLkOV7vrhMsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3jO2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTuxAAloOqYr9OjJTWoLWiLpkLXDbiJbScdvc+4SuMOWp/GKMLCV0V\r\nj7zmyee7oD6/S+He1kVcOUY2s4yKt9IYTkplwvSUE3NlPKqyGPcO6pwvozq7\r\n8KxdH2J5GAXXgWsj/yPqu1UALVYZYgfXCFUcxVZFiGmXaFZq+VFyajhLHLQy\r\nlvIFRukOXkBPDM92+50hbusiQag541o0ezXRJ6SiR+Ag7/AAZpvcuuRvFf0l\r\nwrgvuZlR5UqUA7G6N66zrQ5xp4HCIMnAM0Dc8xzfhhfp1EpYV+O7x27NbqQT\r\nviTAZuiiXv1yRUdF6shHApNb0YsMznzDEMMiXpaoEKD4lpYTChqRCBXN3TCB\r\n2X7Pxu+nnlDDH4uR/Rhu98hIAr2od2uZj5aMW/+b1zImc9LqVXf9RsPjCcXm\r\n9WM790AdgMQ25Uhcs98vi0rItlhyGywskwV3oUyAoG+AliZ7crdwaMqHOzh9\r\nK4cs9ELCURe96sV88osDdCbgwb0n/Er5XRMzKCvdgtEtfOFPZZeHYHemnXme\r\nfV+zUrpceNcABFw8Amd7BbVAolPezrB913EeyS0fY5hTzNGGG3MfT1dlZ3FI\r\nzGm/IkspY4LhZYigb/Sb2p1Y2KsNtfyDrGpyJi1gpHbiEmV1WOnuKmHlqsEp\r\nqIdsoL+cSAU462Yaw1dTRrrvZK87IFfG6pU=\r\n=E08f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"dev":"npm run docs","lib":"npm run clean && babel src -d lib","tdd":"jest --watchAll","docs":"webpack-dev-server --config webpack.dev.js --port 2570","test":"npm run unit-test -s && npm run eslint -s","clean":"rm -rf lib && mkdir lib","eslint":"eslint src/**/*.js","docs-dist":"webpack --config webpack.prod.js","unit-test":"jest","prepublish":"npm run lib"},"_npmUser":{"name":"perezyuan","email":"yzmspirit@gmail.com"},"repository":{"url":"git+https://github.com/casesandberg/reactcss.git","type":"git"},"_npmVersion":"8.12.1","description":"Bringing Classes to Inline Styles","directories":{},"_nodeVersion":"14.19.1","dependencies":{"lodash":"^4.17.21"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^19.0.2","babel":"^6.0.15","react":"^15.1.0","install":"^0.4.0","webpack":"^1.8.11","babel-cli":"^6.23.0","react-dom":"^15.1.0","babel-core":"^6.1.2","css-loader":"^0.14.5","jsx-loader":"^0.13.2","remarkable":"^1.6.0","html-loader":"^0.3.0","require-dir":"^0.3.0","babel-eslint":"^6.1.2","babel-loader":"^6.0.1","highlight.js":"^8.6.0","style-loader":"^0.12.3","normalize.css":"^3.0.3","react-context":"0.0.3","babel-register":"^6.9.0","markdown-loader":"^0.1.2","react-hot-loader":"^1.2.5","babel-preset-react":"^6.1.18","webpack-dev-server":"^1.8.2","@case/eslint-config":"^0.1.4","babel-plugin-lodash":"^3.2.11","babel-preset-es2015":"^6.1.18","react-test-renderer":"^15.4.2","babel-preset-stage-0":"^6.1.18"},"_npmOperationalInternal":{"tmp":"tmp/reactcss_0.0.1_1658729398590_0.5410849762125658","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-07-25T06:09:58.546Z","modified":"2025-04-07T06:32:50.558Z","1.2.3":"2022-07-25T06:08:09.027Z","0.0.1":"2022-07-25T06:09:58.778Z"},"bugs":{"url":"https://github.com/casesandberg/reactcss/issues"},"author":{"name":"case","email":"case@casesandberg.com"},"license":"MIT","homepage":"https://github.com/casesandberg/reactcss#readme","keywords":["react","reactcss"],"repository":{"url":"git+https://github.com/casesandberg/reactcss.git","type":"git"},"description":"Bringing Classes to Inline Styles","maintainers":[{"email":"yuecjn@gmail.com","name":"yuecjnadt"},{"email":"ruiqi.hy@alibaba-inc.com","name":"ruiqi.hy"},{"email":"1581024375@qq.com","name":"nosmilen"},{"email":"qinghaotu@126.com","name":"7678tqh"}],"readme":"# [ReactCSS](http://reactcss.com/)\n\n[![Build Status][travis-svg]][travis-url]\n[![dependency status][deps-svg]][deps-url]\n[![dev dependency status][dev-deps-svg]][dev-deps-url]\n[![License][license-image]][license-url]\n[![Downloads][downloads-image]][downloads-url]\n\n## Inline Styles in JS with support for [React](http://reactcss.com/#react), [React Native](http://reactcss.com/#react-native), [Autoprefixing](http://reactcss.com/#autoprefixing), [Hover](http://reactcss.com/#hover), [Pseudo-Elements](http://reactcss.com/#pseudo-elements) & [Media Queries](http://reactcss.com/#media-queries)\n\n## Install\n\n```\nnpm install reactcss --save\n```\n\n## Style Object\n\nDefine a default styles for your elements:\n```javascript\nimport reactCSS from 'reactcss'\n\nconst styles = reactCSS({\n  'default': {\n    card: {\n      background: this.props.background,\n      boxShadow: '0 2px 4px rgba(0,0,0,.15)',\n    },\n  },\n})\n```\n\nPass style definitions via inline styles:\n```javascript\n<div style={ styles.card } />\n```\n\n## Activating Classes\n\nActivate additional classes by passing down objects as additional parameters to `reactCSS`:\n```javascript\nconst styles = reactCSS({\n  'default': {\n    card: {\n      background: '#fff',\n      boxShadow: '0 2px 4px rgba(0,0,0,.15)',\n    },\n  },\n  'zIndex-2': {\n    card: {\n      boxShadow: '0 4px 8px rgba(0,0,0,.15)',\n    },\n  },\n}, {\n  'zIndex-2': props.zIndex === 2,\n})\n```\n\n## Documentation\nSee the [Full Documentation](http://reactcss.com)\n\n## Examples\n\nExamples and projects built with reactCSS:\n\n[Felony](https://github.com/henryboldi/felony) - Next Level PGP Desktop App\n[React Color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more\n[Buffer App Components](https://www.npmjs.com/package/@bufferapp/components) - A shared set of UI Components\n[React Reactions](https://github.com/casesandberg/react-reactions) - Use Reactions from Slack, Facebook, Pokemon, Github and Youtube\n\n\n[travis-svg]: https://travis-ci.org/casesandberg/reactcss.svg\n[travis-url]: https://travis-ci.org/casesandberg/reactcss\n[deps-svg]: https://david-dm.org/casesandberg/reactcss.svg\n[deps-url]: https://david-dm.org/casesandberg/reactcss\n[dev-deps-svg]: https://david-dm.org/casesandberg/reactcss/dev-status.svg\n[dev-deps-url]: https://david-dm.org/casesandberg/reactcss#info=devDependencies\n[npm-badge-png]: https://nodei.co/npm/reactcss.png?downloads=true&stars=true\n[license-image]: http://img.shields.io/npm/l/reactcss.svg\n[license-url]: LICENSE\n[downloads-image]: http://img.shields.io/npm/dm/reactcss.svg\n[downloads-url]: http://npm-stat.com/charts.html?package=reactcss\n","readmeFilename":"README.md"}