{"_id":"@agriffis/xstyled-styled-components","_rev":"2-66fcc0b47b85ce57188d6734376070fa","name":"@agriffis/xstyled-styled-components","dist-tags":{"latest":"3.1.3-agriffis.2"},"versions":{"3.1.3-agriffis.0":{"name":"@agriffis/xstyled-styled-components","description":"A utility-first CSS-in-JS framework built for React (styled-components bindings).","version":"3.1.3-agriffis.0","keywords":["styled-components","css","system","styled-system","tailwindcss"],"sideEffects":false,"main":"dist/index.js","module":"dist/index.esm.js","typings":"dist/index.d.ts","author":{"name":"Greg Bergé","email":"berge.greg@gmail.com"},"license":"MIT","scripts":{"reset":"rm -rf dist","build":"../../node_modules/.bin/rollup -c ../../build/rollup.config.js","prepublishOnly":"npm run reset && npm run build"},"publishConfig":{"access":"public"},"homepage":"https://xstyled.dev","repository":{"type":"git","url":"git+https://github.com/gregberge/xstyled.git#master"},"funding":{"type":"github","url":"https://github.com/sponsors/gregberge"},"peerDependencies":{"styled-components":"^4.0.0 || ^5.0.0"},"dependencies":{"@agriffis/xstyled-core":"^3.1.3-agriffis.0","@agriffis/xstyled-system":"^3.1.3-agriffis.0","@agriffis/xstyled-util":"^3.1.3-agriffis.0"},"gitHead":"690e68757c9733a802569265eabfb2a0de5abd01","bugs":{"url":"https://github.com/gregberge/xstyled/issues"},"_id":"@agriffis/xstyled-styled-components@3.1.3-agriffis.0","_nodeVersion":"14.18.1","_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-QcbsFbw8VsWslIxHCUNbiXLvOZ3GryH2eRAsP7tKzKc0dp9W6MPi2uwdEJyTMrg4TdA1SucNo4282VWOsFwixQ==","shasum":"4ce1f1b619ba88e5f9dd3c23a9c33c34906e9a96","tarball":"https://registry.npmjs.org/@agriffis/xstyled-styled-components/-/xstyled-styled-components-3.1.3-agriffis.0.tgz","fileCount":8,"unpackedSize":55390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpS2KCRA9TVsSAnZWagAA2iEP/10tcxcu/rgElyZaHI/O\nCRpV8AsDnpnyn42G7dA5/fxnLlE92rqbdNUk+uiscJGoJDYbvcupGYDl2WTX\n1M3GuEIUrFrJufv76uSW3P4n4hxGhw7yYTvvBozaezPwgq13+rcSou7i1iY7\nbYGJTF/SKnHr+djoVj/fxvmEz8YzZCd3xUx0lMW/WcHT5Y/DcTemJzXfXXkf\nXeeCEQaJV+NA4B602GRbipxRL3D2MGtv7fI4PCR63NrcKkq6aTR2bPX/L96Z\nuh+a26dM7c/AutEDfNKz5SOfeMg6wjq/4RFRH+H8km309UgA3uzhRJOaacoI\nrpUwG9u9aLf8M22kyRl6GnnxyQBRPho3ZRn93xLMtlpfZJdM9XxApihlGc0+\nmkf5zzaCCmfs/hyy70U9D2847GPuQFGbboi+nkpGcjxEfW5CFvKIDGyN44Fq\nwZFlIMQu2v+QaK6X7MrpZlY4ZB9KdTYvhaPlanxTZoq/LYu8+dz95T1N6zmm\n2uq8IKIinkDuVcCfmMs4C2vS35YzNZrDFzYqw/LQWXOhw4QyBxxhueKh9+SQ\nFHiykPRQUeab2qSn5vv7fkMtCWUn8cUyLDK8H7MqjRVpTw0td8Quln8y6nst\nGpHVgKmymfLaFn73dDrrj1fUXB4BSky2TWMlPwhi6grpCkV9Z3ugbqD7T5U0\n8cpL\r\n=Xij1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA7mPhDT8CehBu47iWPIvRhKO+8W9C/aT82YvxYQDp6lAiEApnXY9TD+XFRqiZFsBWqpAqfjkHep7PqFReiu4tD/ewo="}]},"_npmUser":{"name":"agriffis","email":"aron@scampersand.com"},"directories":{},"maintainers":[{"name":"agriffis","email":"aron@scampersand.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xstyled-styled-components_3.1.3-agriffis.0_1638215050384_0.8110885961524363"},"_hasShrinkwrap":false},"3.1.3-agriffis.2":{"name":"@agriffis/xstyled-styled-components","description":"A utility-first CSS-in-JS framework built for React (styled-components bindings).","version":"3.1.3-agriffis.2","keywords":["styled-components","css","system","styled-system","tailwindcss"],"sideEffects":false,"main":"dist/index.js","module":"dist/index.esm.js","typings":"dist/index.d.ts","author":{"name":"Greg Bergé","email":"berge.greg@gmail.com"},"license":"MIT","scripts":{"reset":"rm -rf dist","build":"../../node_modules/.bin/rollup -c ../../build/rollup.config.js","prepublishOnly":"npm run reset && npm run build"},"publishConfig":{"access":"public"},"homepage":"https://xstyled.dev","repository":{"type":"git","url":"git+https://github.com/gregberge/xstyled.git#master"},"funding":{"type":"github","url":"https://github.com/sponsors/gregberge"},"peerDependencies":{"styled-components":"^4.0.0 || ^5.0.0"},"dependencies":{"@agriffis/xstyled-core":"^3.1.3-agriffis.2","@agriffis/xstyled-system":"^3.1.3-agriffis.2","@agriffis/xstyled-util":"^3.1.3-agriffis.2"},"gitHead":"f952a372a6413a815758f65f224140489dd9e329","bugs":{"url":"https://github.com/gregberge/xstyled/issues"},"_id":"@agriffis/xstyled-styled-components@3.1.3-agriffis.2","_nodeVersion":"14.18.1","_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (linux)","dist":{"integrity":"sha512-XN5EjXeW3z64MSoWp0smPnXXmLXHvShr2yZ1EYE1YEi6OyBlt403oyFuM6QGzcbci2p4ZVhriMT5fs4OmukXQQ==","shasum":"f6acbefab3d5cc00be29b7a861835c765fc4e7e2","tarball":"https://registry.npmjs.org/@agriffis/xstyled-styled-components/-/xstyled-styled-components-3.1.3-agriffis.2.tgz","fileCount":8,"unpackedSize":55390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhppn8CRA9TVsSAnZWagAAL3oP/1Uu98kjM52dkugpByer\nVF22x0jxtAHYqeaw1MsiKokvoMRdc51xyZ7nh1tqoLYozlHj65RmZgaJfzUm\nOx/BLFp5Z2x3UpG6045QWe9ePKKjVT93Tk6eFIkVXbTy7X0I/pz5Ewjnp+uv\nrqTDESTY4WODVqkgr2ptA4DdxG28yi8JWjazfY99hLbKMcs6EKPbvIbQgQYv\nP0LHuIwpMAPcm5uWOS2WN+tQnd9K9hPa8pR46psYr8cyzvQBz1JdiwMlARIL\nTTmWN9eot46wiLCRHrpWlUne6p42ttGrtyABwaIoZYow58Q8iRydUi2vI/9+\nSARJejxddbRr4lfDis9PXPjxeXNCgoD1ljgjdk4Xk2c7l65WuPmW47CMasWj\nMR+umIK2aLzof4dSLrtb5Y1+aC0eC2GUx7FPFFrrg4TiAA1Lj4uZ1e217wKi\nUTgj/43cAlhbTvW7SPQVTEwX7GlnDiDLkWTIklnE/2G7YQSTxnO5X0TipyO3\nRjoM2qMZNkjnXYjDZlF9SE5H800XqwyYALzQ+tX5NhtoDx4NByVU5zj2PUgv\nEKo3J17EinNd2xwaeSE86e0QP7i+va6UvcZBvS/xx/MV0pBk1DBIqgm9Dtgp\nse1+3XLuc5XUHZUq8NGFc4tw/ZCV9IWFCIzSnvEu5alvFaU4/m0jWnyofZ+t\nEham\r\n=0VT7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpOLWzvO+URg9HRzmfHniG1nVKaElEpNYV9S4qDAAWiwIhALOmQQXT3evp7qtnkBBJhpneNOkGXFf3KYmuvn0ON7ci"}]},"_npmUser":{"name":"agriffis","email":"aron@scampersand.com"},"directories":{},"maintainers":[{"name":"agriffis","email":"aron@scampersand.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/xstyled-styled-components_3.1.3-agriffis.2_1638308348381_0.9488416669651065"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-29T19:44:10.325Z","3.1.3-agriffis.0":"2021-11-29T19:44:10.542Z","modified":"2022-04-04T12:04:03.081Z","3.1.3-agriffis.2":"2021-11-30T21:39:08.521Z"},"maintainers":[{"name":"agriffis","email":"aron@scampersand.com"}],"description":"A utility-first CSS-in-JS framework built for React (styled-components bindings).","homepage":"https://xstyled.dev","keywords":["styled-components","css","system","styled-system","tailwindcss"],"repository":{"type":"git","url":"git+https://github.com/gregberge/xstyled.git#master"},"author":{"name":"Greg Bergé","email":"berge.greg@gmail.com"},"bugs":{"url":"https://github.com/gregberge/xstyled/issues"},"license":"MIT","readme":"<h1 align=\"center\">\n  <img src=\"https://raw.githubusercontent.com/gregberge/xstyled/master/resources/xstyled-logo.jpg\" alt=\"xstyled\" title=\"xstyled\" width=\"300\">\n</h1>\n<p align=\"center\" style=\"font-size: 1.2rem;\">A utility-first CSS-in-JS framework built for React.</p>\n\n[![License](https://img.shields.io/npm/l/@agriffis/xstyled-styled-components.svg)](https://github.com/gregberge/xstyled/blob/master/LICENSE)\n[![npm package](https://img.shields.io/npm/v/@agriffis/xstyled-styled-components/latest.svg)](https://www.npmjs.com/package/@agriffis/xstyled-styled-components)\n[![npm downloads](https://img.shields.io/npm/dm/@agriffis/xstyled-styled-components.svg)](https://www.npmjs.com/package/@agriffis/xstyled-styled-components)\n[![CircleCI](https://circleci.com/gh/gregberge/xstyled.svg?style=svg)](https://circleci.com/gh/gregberge/xstyled)\n[![codecov](https://codecov.io/gh/gregberge/xstyled/branch/master/graph/badge.svg)](https://codecov.io/gh/gregberge/xstyled)\n![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)\n[![Dependencies](https://img.shields.io/david/gregberge/xstyled.svg?path=packages%2Fstyled-components)](https://david-dm.org/gregberge/xstyled?path=packages/styled-components)\n[![DevDependencies](https://img.shields.io/david/dev/gregberge/xstyled.svg)](https://david-dm.org/gregberge/xstyled?type=dev)\n[![Small size](https://img.badgesize.io/https://unpkg.com/@agriffis/xstyled-styled-components/dist/xstyled-emotion.min.js?compression=gzip)](https://unpkg.com/@agriffis/xstyled-styled-components/dist/xstyled-emotion.min.js)\n\n```bash\nnpm install @agriffis/xstyled-styled-components styled-components\n```\n\n## [Docs](https://xstyled.dev)\n\n**See the documentation at [xstyled.dev](https://xstyled.dev)** for more information about using xstyled!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://xstyled.dev/docs/getting-started/)\n- [Motivation](https://xstyled.dev/docs/motivation/)\n- [System](https://xstyled.dev/docs/system/)\n\n```js\nimport { x } from '@agriffis/xstyled-styled-components'\n\nfunction Example() {\n  return (\n    <x.div p={{ _: 3, md: 6 }} bg=\"white\" display=\"flex\" spaceX={4}>\n      <x.div flexShrink={0}>\n        <x.img h={12} w={12} src=\"/img/logo.svg\" alt=\"xstyled Logo\" />\n      </x.div>\n      <x.div>\n        <x.h4\n          fontSize={{ _: 'md', lg: 'xl' }}\n          fontWeight=\"medium\"\n          color=\"black\"\n        >\n          xstyled\n        </x.h4>\n        <x.p color=\"gray-500\">A CSS-in-JS framework built for React.</x.p>\n      </x.div>\n    </x.div>\n  )\n}\n```\n\n## License\n\nLicensed under the MIT License, Copyright © 2019-present Greg Bergé.\n\nSee [LICENSE](./LICENSE) for more information.\n","readmeFilename":"README.md"}