{"_id":"@eluck/material-ui-18-07","_rev":"1-55651c9ca4c51aef47f6be5949e8406a","name":"@eluck/material-ui-18-07","dist-tags":{"latest":"0.18.7"},"versions":{"0.18.7":{"name":"@eluck/material-ui-18-07","private":false,"author":{"name":"Material-UI Team"},"version":"0.18.7","description":"React Components that Implement Google's Material Design.","main":"./src/index.js","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/callemall/material-ui.git"},"license":"MIT","bugs":{"url":"https://github.com/callemall/material-ui/issues"},"homepage":"http://material-ui.com/","scripts":{"build":"npm run build:icon-index && npm run build:babel && npm run build:copy-files && npm run build:es","build:icon-index":"babel-node ./scripts/icon-index-generator.js","build:es":"npm run build:es-index && npm run build:es-icon-index","build:es-index":" cross-env BABEL_ENV=es babel ./src/index.js --out-file ./build/index.es.js","build:es-icon-index":"cross-env BABEL_ENV=es babel ./src/svg-icons/index.js --out-file ./build/svg-icons/index.es.js","build:babel":"cross-env NODE_ENV=release babel ./src --out-dir ./build --ignore spec.js","build:copy-files":"babel-node ./scripts/copy-files.js","clean:build":"rimraf build","lint":"eslint src docs/src test --quiet --cache && echo \"eslint: no lint errors\"","lint:find-rules":"eslint-find-rules -u .eslintrc.js","prebuild":"npm run clean:build","test":"cross-env NODE_ENV=test babel-node test/index.js","test:coverage":"cross-env NODE_ENV=test babel-node ./node_modules/istanbul/lib/cli.js cover test/index.js","test:karma":"karma start test/karma.conf.js --single-run","test:integration":"cross-env NODE_ENV=test babel-node test/index.js integration","test:integration:watch":"cross-env NODE_ENV=test babel-node test/watch.js integration","test:unit":"cross-env NODE_ENV=test babel-node test/index.js unit","test:unit:watch":"cross-env NODE_ENV=test babel-node test/watch.js unit","postpublish":"npm run build && cd build && npm publish"},"peerDependencies":{"react":"^15.4.0","react-dom":"^15.4.0","react-tap-event-plugin":"^2.0.1"},"dependencies":{"babel-runtime":"^6.23.0","inline-style-prefixer":"^3.0.2","keycode":"^2.1.8","lodash.merge":"^4.6.0","lodash.throttle":"^4.1.1","prop-types":"^15.5.7","react-transition-group":"^1.1.2","react-event-listener":"^0.4.5","recompose":"0.24.0","simple-assign":"^0.1.0","warning":"^3.0.0"},"devDependencies":{"app-module-path":"^2.2.0","babel-cli":"^6.24.1","babel-core":"^6.24.1","babel-eslint":"^7.2.1","babel-loader":"^6.4.1","babel-plugin-transform-dev-warning":"^0.1.0","babel-plugin-transform-react-constant-elements":"^6.23.0","babel-plugin-transform-react-inline-elements":"^6.22.0","babel-plugin-transform-react-remove-prop-types":"^0.4.0","babel-plugin-transform-replace-object-assign":"^0.2.1","babel-plugin-transform-runtime":"^6.23.0","babel-polyfill":"^6.23.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-stage-1":"^6.24.1","chai":"^3.5.0","coveralls":"^2.13.0","create-react-class":"^15.5.0","cross-env":"^4.0.0","enzyme":"^2.8.1","eslint":"^3.19.0","eslint-find-rules":"^3.0.0","eslint-plugin-babel":"^4.1.1","eslint-plugin-flowtype":"^2.30.4","eslint-plugin-import":"^2.2.0","eslint-plugin-material-ui":"./packages/eslint-plugin-material-ui","eslint-plugin-mocha":"^4.9.0","eslint-plugin-react":"^7.0.0","fs-extra":"^2.1.2","glob":"^7.1.1","istanbul":"^1.1.0-alpha.1","jsdom":"^9.12.0","json-loader":"^0.5.4","karma":"^1.6.0","karma-mocha":"^1.3.0","karma-mocha-reporter":"^2.2.3","karma-phantomjs-launcher":"^1.0.4","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^2.0.3","minimist":"^1.2.0","mocha":"^3.1.2","nodemon":"^1.11.0","phantomjs-prebuilt":"^2.1.14","react":"^15.5.0","react-dom":"^15.5.0","react-test-renderer":"^15.5.0","react-tap-event-plugin":"^2.0.0","recursive-readdir-sync":"^1.0.6","rimraf":"^2.6.1","sinon":"^2.1.0","webpack":"^1.13.3"},"gitHead":"50f6dfc4b6ee7473e27ba950c3ce900b24f17d1c","_id":"@eluck/material-ui-18-07@0.18.7","_shasum":"4173ef1d28546d9b23201a6dcb77e606c17f8a3e","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.4.0","_npmUser":{"name":"eluck","email":"mail@eluck.me"},"dist":{"shasum":"4173ef1d28546d9b23201a6dcb77e606c17f8a3e","tarball":"https://registry.npmjs.org/@eluck/material-ui-18-07/-/material-ui-18-07-0.18.7.tgz","integrity":"sha512-4xyu5v749K0Ur75fKfQLllUvxBX7AseJdUywwppQpXkNHFtXjmwJYcspL9FhEaUOSl76jYYjIF36qHM/3p2TZw==","fileCount":1673,"unpackedSize":5040660,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb6smxCRA9TVsSAnZWagAA7CAP/jn83+lZs/tp5o65grfe\n44ZWxlkMaoe5MZW00sFxYuJOsbKs7DyPm2ZgM2khc0vpgvJKK85FTDjjjyJz\n0533wv9DcRPD1TPthXS8C0AP3TbCx82IVzAwxgbShUL0WeiaFLhzSPkbMad6\nnH0GxoK/TD4TF5I240tegRmGkQABYO+xHgrwK+0uo6WWdu0nn5Y7vGellC5p\nNV1cTKf0QFLGMUj6YBjnuzgKryuqCZYpOIj+txmv46NyhR2mWydIFGsx0Qh1\nKh5i62ZQOlMhSISKz+ph5AUxzHNbwkYBDqHCMEhP0CCEk58QImxpn5lU/T8U\n0+Ud40KAb1Za3iaWdWYJogylUv3fNFX2QCExmi/c6lU6CmZtj2+yGaaC+8g4\ngTvNIg2mZSe4azHfIU7oONFEVNAVRM/fp5iJ6QyWIz00AhZdKO675yV4cN/v\nt0f8YS3tP/9GGxVM0ag2yjzQlLwdK80v2h73sRtOiz892e2KcvafJEnpfwET\nlM2gLfe9m4rtzn7B3DgCLxR89kZ+s+ne3GPkenYXmBYy5KebuT553e0RvwyZ\n2bf8yezfufm6qQaxIb5idpFu9CJMldFhVve3OfQzU+zFc2QQxnmwcKPcwaX1\nv/p3SJbnx3Lg4E5EFnB7OaJ0b6mpprkO5fGr1KLqRzAeMK/9EBITUX3Qk8tU\n38Oh\r\n=LZGx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbmCUdNBJ1+ocVoakW1jnq5mYjhAnN88L2zRVjuZNqPgIga38MzyaL+9fg60Y2HayV2xZqkxdh+dAA06IkEdvVOTw="}]},"maintainers":[{"name":"eluck","email":"mail@eluck.me"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/material-ui-18-07_0.18.7_1542113712976_0.8196555866335908"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-13T12:55:12.821Z","0.18.7":"2018-11-13T12:55:13.220Z","modified":"2022-04-05T07:23:54.088Z"},"maintainers":[{"name":"eluck","email":"mail@eluck.me"}],"description":"React Components that Implement Google's Material Design.","homepage":"http://material-ui.com/","keywords":["react","react-component","material design","material-ui"],"repository":{"type":"git","url":"git+https://github.com/callemall/material-ui.git"},"author":{"name":"Material-UI Team"},"bugs":{"url":"https://github.com/callemall/material-ui/issues"},"license":"MIT","readme":"#### Note\n\nFor *how-to* questions and other non-issues,\nplease use [StackOverflow](http://stackoverflow.com/questions/tagged/material-ui)\ninstead of Github issues. There is a StackOverflow tag called \"material-ui\"\nthat you can use to tag your questions.\n\n# [Material-UI](http://www.material-ui.com/)\n\n[](https://www.npmjs.org/package/material-ui)\n[](https://travis-ci.org/callemall/material-ui)\n[](https://gitter.im/callemall/material-ui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)\n[](https://coveralls.io/github/callemall/material-ui?branch=master)\n\n[](https://david-dm.org/callemall/material-ui#info=peerDependencies&view=list)\n[](https://david-dm.org/callemall/material-ui)\n[](https://david-dm.org/callemall/material-ui#info=devDependencies&view=list)\n\nMaterial-UI is a set of [React](http://facebook.github.io/react/) components that implement\n[Google's Material Design](https://www.google.com/design/spec/material-design/introduction.html)\nspecification.\n\nCheck out our [documentation site](http://www.material-ui.com/) for live examples.\nIt's still a work in progress, but hopefully you can see where we're headed.\n\n**Recently Updated?** Please read the [changelog](https://github.com/callemall/material-ui/releases), this README and the documentation before posting an issue.\n\n## Required Knowledge\n\nWe recommend that you get to know [React](http://facebook.github.io/react/)\nbefore diving into material-ui. Material-UI is a set of React components,\nso understanding how React fits into web development is important.\n\n(If you're not familiar with Node, or with the concept of Single Page Applications (SPAs),\nhead over to the [documentation website](http://material-ui.com/#/get-started/required-knowledge)\nfor a quick introduction before you read on.)\n\n## Installation\n\nMaterial-UI is available as an [npm package](https://www.npmjs.org/package/material-ui).\n\n**Stable channel**\n```sh\nnpm install material-ui\n```\n\n**Pre-release channel**\n```sh\nnpm install material-ui@next\n```\n\nPlease note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead.\n\n\n### React-Tap-Event-Plugin\n\nSome components use\n[react-tap-event-plugin](https://github.com/zilverline/react-tap-event-plugin) to\nlisten for touch events because onClick is not fast enough\n_This dependency is temporary and will eventually go away._ Until then,\nbe sure to inject this plugin at the start of your app.\n\n```js\nimport injectTapEventPlugin from 'react-tap-event-plugin';\n\n// Needed for onTouchTap\n// http://stackoverflow.com/a/34015469/988941\ninjectTapEventPlugin();\n```\n\n### Roboto Font\n\nMaterial-UI was designed with the [Roboto](http://www.google.com/fonts/specimen/Roboto)\nfont in mind. So be sure to include it in your project. Here are\n[some instructions](http://www.google.com/fonts#UsePlace:use/Collection:Roboto:400,300,500)\non how to do so.\n\n## Usage\n\nBeginning with v0.15.0, Material-UI components require a theme to be provided. The quickest way to get up and running is by using the `MuiThemeProvider` to inject the theme into your application context. Following that, you can use any of the components as demonstrated in the documentation.\n\nHere is a quick example to get you started:\n\n**./App.js**\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';\nimport MyAwesomeReactComponent from './MyAwesomeReactComponent';\n\nconst App = () => (\n \n \n \n);\n\nReactDOM.render(\n ,\n document.getElementById('app')\n);\n```\n\n**./MyAwesomeReactComponent.js**\n```jsx\nimport React from 'react';\nimport RaisedButton from 'material-ui/RaisedButton';\n\nconst MyAwesomeReactComponent = () => (\n \n);\n\nexport default MyAwesomeReactComponent;\n```\n\nPlease refer to each component's documentation page to see how they should be imported.\n\n## Customization\n\nWe have implemented a default theme to render all Material-UI components.\nStyling components to your liking is simple and hassle-free. This can be\nachieved in the following two ways:\n\n* [Use a custom theme to style components](http://material-ui.com/#/customization/themes)\n* [Override individual component styles via the `style` prop](http://www.material-ui.com/#/customization/styles)\n\n## Examples\n\nThere are 2 projects that you can look at to get started. They can be found in the\n[examples folder](https://github.com/callemall/material-ui/tree/master/examples).\nThese projects are basic examples that show how to consume material-ui components\nin your own project. The first project uses [browserify](http://browserify.org/)\nfor module bundling and [gulp](http://gulpjs.com/) for JS task automation,\nwhile the second project uses [webpack](http://webpack.github.io/) for module bundling and building.\n\nThe source code for this documentation site is also included in the repository.\nThis is a slightly more complex project that also uses webpack, and contains\nexamples of every material-ui component. Check out the\n[docs folder](https://github.com/callemall/material-ui/tree/master/docs)\nfor build instructions.\n\n## Roadmap\n\nThe future plans and high priority features and enhancements can be found\nin the [ROADMAP.md](https://github.com/callemall/material-ui/blob/master/ROADMAP.md) file.\n\n## Contribute\n\n[Material-UI](http://www.material-ui.com/) came about from our love of\n[React](http://facebook.github.io/react/) and\n[Google's Material Design](https://www.google.com/design/spec/material-design/introduction.html).\nWe're currently using it on a project at [Call-Em-All](https://www.call-em-all.com/Careers)\nand plan on adding to it and making it better. If you'd like to help,\ncheck out the [docs folder](https://github.com/callemall/material-ui/tree/master/docs).\nWe'd greatly appreciate any [contribution](https://github.com/callemall/material-ui/blob/master/CONTRIBUTING.md)\nyou make. :)\n\n## Thanks\n\n[![](\"https://www.browserstack.com/images/mail/browserstack-logo-footer.png\")
](https://www.browserstack.com/)\n\nThank you to [BrowserStack](https://www.browserstack.com/) for providing the infrastructure that allows us to test `material-ui` in real browsers.\n\n## License\nThis project is licensed under the terms of the\n[MIT license](https://github.com/callemall/material-ui/blob/master/LICENSE)\n","readmeFilename":"README.md"}