{"_id":"@crabas0npm2/aliquid-quisquam-voluptas","_rev":"1-fc32a4fba41e823a6c00386b39c8e15d","name":"@crabas0npm2/aliquid-quisquam-voluptas","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@crabas0npm2/aliquid-quisquam-voluptas","version":"1.0.0","keywords":["bundler","cloudformation","visual","immer","Array.prototype.filter","symbol","Underscore","ECMAScript 2015","fast-copy","asserts","utilities","terminal","redact","sns","mime-db","stream","args","output","rm","serializer","touch","writable","consume","valid","form-validation","some","ECMAScript 2022","rmdir","argument","compile less","react","eslint-plugin","performant","install","worker","live","arraybuffer","StyleSheet","getopt","css nesting","ES2020","fetch","https","whatwg","term","isConcatSpreadable","duplex","folder","negative","parent","scheme","String.prototype.trim","fast","jsx","hookform","trim","prototype","persistent","hot","toArray","polyfill","test","endpoint","ES3","shebang","Reflect.getPrototypeOf","findLastIndex","rest","chinese","Array","npm","installer","vest","fast-clone","less compiler","symbols","hasOwn","string","es8","japanese","drop","styled-components","starter","tostringtag","typeof","robust","less","is","code points","app","karma","safe","crypt","diff","postcss-plugin","AsyncIterator","limit","getOwnPropertyDescriptor","remove","character","TypeScript","Object.is","fs","curl","argv","Symbol.toStringTag","mocha","monorepo","descriptor","deep","regular","delete","validate","link","argparse","in","getPrototypeOf","type","find-up","getintrinsic","fastclone","Array.prototype.findLast","Object.assign","xdg-open","assertion","RegExp.prototype.flags","clone","exit","setImmediate","Int8Array","request","ts","opener","ECMAScript 2017","shell","censor","testing","spec","operating-system","Set","resolve","redux","bind","shared","typed array","hasOwnProperty","restful","bdd","RxJS","recursive","readablestream","css variable","date","browserslist","es-shim API","simpledb","once","styles","lint","reduce","collection","text","find","cloudwatch","call","runtime","core","id","keys","bootstrap less","ast","flatten","walking","properties","tools","Observable","redux-toolkit","dotenv","set","assign","iteration","util","amazon","packages","glacier","flatMap","plugin","ratelimit","number","validation","flux","ses","trimRight","yaml","JSON","wrap","fullwidth","sqs","api","tester","jsdom","east-asian-width","ajv","cloudtrail","Object.defineProperty","promises","kinesis","eslint"],"author":{"name":"Crabas0"},"license":"MIT","_id":"@crabas0npm2/aliquid-quisquam-voluptas@1.0.0","maintainers":[{"name":"thanhl4861","email":"thanhl4861@gmail.com"}],"homepage":"https://github.com/crabas0npm2/aliquid-quisquam-voluptas/#readme","bugs":{"url":"https://github.com/crabas0npm2/aliquid-quisquam-voluptas/issues"},"dist":{"shasum":"a28f68bb14e1c26d403a2a4aa82f7b23c2bda083","tarball":"https://registry.npmjs.org/@crabas0npm2/aliquid-quisquam-voluptas/-/aliquid-quisquam-voluptas-1.0.0.tgz","fileCount":8,"integrity":"sha512-pbYP/xcoVOiNiDUuphKHCpg8JM1EHVCbyWvhcfERVDJFs9FKyBbOdTAhj0HcDhVAkB8/fslKCIiq96Odzejv2w==","signatures":[{"sig":"MEYCIQCB1AA+SpMjakzo5C9GQsJPWM9MspHoERvRoVjBXHXmWQIhAJ5jqYU+3OjuTdAoYxUM9zqY4ZJFsWi7t9ZxYY0xrSV5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19575},"main":"index.js","gitHead":"b3725d1ad1ec0dbd7d5db8f63749b1beacb1974a","scripts":{},"_npmUser":{"name":"thanhl4861","email":"thanhl4861@gmail.com"},"repository":{"url":"git+https://github.com/crabas0npm2/aliquid-quisquam-voluptas.git","type":"git"},"_npmVersion":"10.5.0","description":"
\"@crabas0npm2/aliquid-quisquam-voluptas\" \"@crabas0npm2/aliquid-quisquam-voluptas\"\n \n \"@crabas0npm2/aliquid-quisquam-voluptas\"\n \n
\n\n
\n\n
\n Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅\n
\n
\n \"downloads:\n \n \"Discord\"\n \"gzip\n \"module\n \"Code\n
\n\n---\n\n**Upgrading from v5?** See the [migration guide](https://@crabas0npm2/aliquid-quisquam-voluptas.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6).\n\nUtilizing [tagged template literals](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/api#supported-css), `@crabas0npm2/aliquid-quisquam-voluptas` allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced @crabas0npm2/aliquid-quisquam-voluptas capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n color: grey;\n`;\n```\n\n`@crabas0npm2/aliquid-quisquam-voluptas` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the [documentation about React Native](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n---\n\n## [Docs](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs)\n\n**See the documentation at [@crabas0npm2/aliquid-quisquam-voluptas.com/docs](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs)** for more information about using `@crabas0npm2/aliquid-quisquam-voluptas`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/basics)\n- [API Reference](https://@crabas0npm2/aliquid-quisquam-voluptas.com/docs/api)\n- [Theming](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/advanced#theming)\n- [Server-side rendering](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/advanced#server-side-rendering)\n- [Tagged Template Literals explained](https://www.@crabas0npm2/aliquid-quisquam-voluptas.com/docs/advanced#tagged-template-literals)\n\n---\n\n## Example\n\n```jsx\nimport React from 'react';\n\nimport styled from '@crabas0npm2/aliquid-quisquam-voluptas';\n\n// Create a react component that renders an <h1> which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n font-size: 1.5em;\n text-align: center;\n color: palevioletred;\n`;\n\n// Create a <Wrapper> react component that renders a <section> with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n padding: 4em;\n background: papayawhip;\n`;\n\nfunction MyUI() {\n return (\n // Use them like any other React component – except they're styled!\n <Wrapper>\n <Title>Hello World, this is my first styled component!\n \n );\n}\n```\n\nThis is what you'll see in your browser:\n\n
\n \n \"Screenshot\n \n
\n\n---\n\n## Looking for v5?\n\nThe `main` branch is for the most-current version of @crabas0npm2/aliquid-quisquam-voluptas, currently v6. For changes targeting v5, please point your PRs at the `legacy-v5` branch.\n\n---\n\n## Built with `@crabas0npm2/aliquid-quisquam-voluptas`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using @crabas0npm2/aliquid-quisquam-voluptas.\n\nMake sure to head over to [awesome-@crabas0npm2/aliquid-quisquam-voluptas](https://github.com/@crabas0npm2/aliquid-quisquam-voluptas/awesome-@crabas0npm2/aliquid-quisquam-voluptas) to see them all! And please contribute and add your own work to the list so others can find it.\n\n---\n\n## Contributing\n\nIf you want to contribute to `@crabas0npm2/aliquid-quisquam-voluptas` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `@crabas0npm2/aliquid-quisquam-voluptas` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n---\n\n## Badge\n\nLet everyone know you're using _@crabas0npm2/aliquid-quisquam-voluptas_ → [![style: @crabas0npm2/aliquid-quisquam-voluptas](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/crabas0npm2/aliquid-quisquam-voluptas)\n\n```md\n[![style: @crabas0npm2/aliquid-quisquam-voluptas](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e)](https://github.com/crabas0npm2/aliquid-quisquam-voluptas)\n```\n\n---\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n\n\n---\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/@crabas0npm2/aliquid-quisquam-voluptas#backer)]\n\n\n\n---\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/@crabas0npm2/aliquid-quisquam-voluptas#sponsor)]\n\n\n\n\n\n\n\n\n\n\n\n\n---\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n---\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n","readmeFilename":"README.md"}