{"bugs":{"url":"https://github.com/robinweser/fela/issues"},"dist":{"shasum":"c3095c8b9cb6ab211243f95d48ef4e90acbd261b","tarball":"https://registry.npmjs.org/fela-plugin-extend/-/fela-plugin-extend-12.0.0-rc.0.tgz","fileCount":6,"integrity":"sha512-d8A3s21Gcuhtx7oEB2TwtOz+6usitb7dGdT3PKHpaqzlUYoWpSrL+k/pOteg+d6v1+v9jD7gf/M3MR7VPzCveg==","signatures":[{"sig":"MEUCIQCxrJ5ZvXr3+6q0Irir49MhLKT7eYsaRxqT4W9SjS8CtwIgY24uGC8nsrb68ycMGYnU6bhj1L84q+ae94WVN2eVn3Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDS7LCRA9TVsSAnZWagAAtVsP+gP2YZt54XetYJM7IzMQ\n71KXIgzzSyJH0cVyuS/+XetpLaAXDE8eneTW1X/k4iO0mU7w2U5YuV9C5KKr\n4CqVa3iAQNeR1eutkCcJo1TtjJ0+DWmju9L45KjsgMbsCCwV5oss1Woe6jO9\n3Haex4xBTuisOodENVDleg8oJuhqaHcQqXm9EgubnhFY3ZppyFQZN720g4tj\nHyIB0bHI9/UN/xB2hUXwQ4EI2uJyhr24knsAJjzPq/aQuvVrRvDwwTp4aTqm\nENyxqYGIrg8vsTBCJPGJLSnfN8yI6eXbsSVVYxS0uznLoEqrYh3mGIQ0SQ9F\n2fMnacp0ffA/ya1Z+nqnwJlO7OvHnxZZ7J8OHiT2Ml4L+svzyfdGgKs+N0jU\ndm7GRxEXEGkOwyIr1y4RmtXkMZde8cU5R5xbjQjnSQGzp4FJdVyymu+hkyR0\nw0rEfe/Qirp3wg0pSOBwk5SePFlqgCa9KxJX90rIGa7yCw89HXph+LHaSitn\nGVZRQ+jW6e7WizexvYd3+ByWMlaqH+kRzgEmR0cdYVOMBeAHJu4jLx+AplvX\nrHmrO6as3wYxdeFIElNfUJlLWGVabCpl/8mseTne1XVgxVQe5qDwK9NCoJMB\n4GGZiRW/PsNrp3LZ+CbGIWZiRG/norYRQ/velp7YchFs0U/p1n1u5pvVifig\nbE/+\r\n=0zXa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"fela-plugin-extend","author":{"name":"Robin Weser"},"module":"es/index.js","readme":"# fela-plugin-extend\n\n<img alt=\"npm version\" src=\"https://badge.fury.io/js/fela-plugin-extend.svg\"> <img alt=\"npm downloads\" src=\"https://img.shields.io/npm/dm/fela-plugin-extend.svg\"> <a href=\"https://bundlephobia.com/result?p=fela-plugin-extend@latest\"><img alt=\"Bundlephobia\" src=\"https://img.shields.io/bundlephobia/minzip/fela-plugin-extend.svg\"></a>\n\nAllows styles to be extended with other style objects. Supports a condition-based API.<br>\nIt automatically removes `null` and `undefined` values **before** merging styles.\n\n## Installation\n```sh\nyarn add fela-plugin-extend\n```\nYou may alternatively use `npm i --save fela-plugin-extend`.\n\n## Usage\nMake sure to read the documentation on [how to use plugins](http://fela.js.org/docs/advanced/Plugins.html).\n\n```javascript\nimport { createRenderer } from 'fela'\nimport extend from 'fela-plugin-extend'\n\nconst renderer = createRenderer({\n  plugins: [ extend() ]\n})\n```\n\n## Example\n\n### `extend: styleObject`\n#### Input\n```javascript\n{\n  color: 'red',\n  extend: { backgroundColor: 'blue' }\n}\n```\n#### Output\n```javascript\n{\n  color: 'red',\n  backgroundColor: 'blue'\n}\n```\n\n### `extend: { condition, styleObject }`\n#### Input\n```javascript\n{\n  color: 'red',\n  extend: {\n    condition: props.bg === true,\n    style: { backgroundColor: 'blue' }\n  }\n}\n```\n#### Output\nRendered using `{ bg: true }` as `props`:\n```javascript\n{\n  color: 'red',\n  backgroundColor: 'blue'\n}\n```\nRendered using `{ bg: false }` as `props`\n```javascript\n{\n  color: 'red'\n}\n```\n\n### `extend: [...]`\nYou can also mix basic and conditional extending.\nIt will extend the styles from left to right.\n```javascript\n{\n  color: 'red',\n  extend: [{\n    fontSize: '12px',\n    lineHeight: 1.5\n  }, {\n    condition: props.bg === true,\n    style: { backgroundColor: 'blue' }\n  }, {\n    lineHeight: 1.2\n  }]\n}\n```\n#### Output\nUsing `{ bg: true }` as `props`:\n```javascript\n{\n  color: 'red',\n  fontSize: '12px',\n  lineHeight: 1.2,\n  backgroundColor: 'blue'\n}\n```\n\n## License\nFela is licensed under the [MIT License](http://opensource.org/licenses/MIT).<br>\nDocumentation is licensed under [Creative Commons License](http://creativecommons.org/licenses/by/4.0/).<br>\nCreated with ♥ by [@robinweser](http://weser.io) and all the great contributors.\n","gitHead":"00f02f410f17a7693479ea3349bb3a9f223359af","license":"MIT","scripts":{"test":"jest --config=jest.config.js","build":"yarn clean && yarn build:es && yarn build:lib","clean":"rimraf lib es coverage","setup":"yarn build","watch":"npm run watch:lib & npm run watch:es","build:es":"babel src --out-dir es --ignore **/__tests__","coverage":"yarn test --coverage","watch:es":"babel src -d es -w","build:lib":"cross-env BABEL_ENV=commonjs babel src --out-dir lib --ignore **/__tests__","build:umd":"webpack --config webpack.config.js","watch:lib":"BABEL_ENV=commonjs babel src -d lib -w"},"_npmUser":{"name":"rofrischmann","email":"robin@weser.io"},"homepage":"https://github.com/robinweser/fela#readme","keywords":["fela","fela-plugin","extend"],"repository":{"url":"git+https://github.com/robinweser/fela.git","type":"git"},"_npmVersion":"lerna/4.0.0/node@v14.18.2+arm64 (darwin)","description":"Fela plugin to extend style objects","directories":{},"jsnext:main":"es/index.js","maintainers":[{"name":"rofrischmann","email":"robin@weser.io"},{"name":"txhawks","email":"tofu.hawks@gmail.com"}],"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"isobject":"^3.0.1","fast-loops":"^1.0.0","fela-utils":"^12.0.0-rc.0","css-in-js-utils":"^3.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^26.6.0","rimraf":"^3.0.0","webpack":"^4.41.6","cross-env":"^6.0.3","@babel/cli":"^7.2.0","babel-core":"7.0.0-bridge.0","babel-jest":"^26.6.0","@babel/core":"^7.2.2","@babel/node":"^7.13.0","webpack-cli":"^3.3.10","babel-loader":"^8.2.3","@babel/polyfill":"^7.7.0","@babel/preset-env":"^7.5.5","clean-webpack-plugin":"^3.0.0","@babel/plugin-transform-modules-commonjs":"^7.5.0"},"peerDependencies":{"fela":"^11.2.0"},"_npmOperationalInternal":{"tmp":"tmp/fela-plugin-extend_12.0.0-rc.0_1645031115253_0.651711904574916","host":"s3://npm-registry-packages"},"_id":"fela-plugin-extend@12.0.0-rc.0","version":"12.0.0-rc.0"}