{"bugs":{"url":"https://github.com/robinweser/fela/issues"},"dist":{"shasum":"fe03692a37f288c0ac6196e8d171afb16952c286","tarball":"https://registry.npmjs.org/fela-plugin-extend/-/fela-plugin-extend-12.0.0-rc.1.tgz","fileCount":6,"integrity":"sha512-xC1cTgonrzeX/9NUfYovQrSZMAsgAYsITpg/L+al+d7WVL3XKkiiJRKLLCSyhiwqBf8XbjObyGO4RW5O3S4jOg==","signatures":[{"sig":"MEQCIEek6UePFh2UtufktB6uC5MZ7IIA20g70XBM3kQY9bu7AiBeP34z+Pg4wHsGVNN9MgMy6rte4Yb82TpCXhPlb+35fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD3Y3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjPw//SisDGiSmcqwU0N9UFvsIQLd4FiM1ORUB9ObLJsa8srA1xlsg\r\nyz5/FqWOkXSgwhQGJSOSp5ea/4jrgJxrX5rC4WP0MYzLFDVGepH9d7Jand00\r\nbNGAAXASkZpClnuk87ssETHqQufBf5hdFt8d91PScBEG/31asL2DmVyKe9/t\r\nM4yjZh5VpALMYtep9HloDsNRzqQyim7wjaNWtfxXm3DwzDZfUbwWxDD1OxqG\r\nZ5E69cEIo167GT/QHNhUVyx4rxIYGoMr5MoQilvhp9/PEmtSqjerwD9C+TA1\r\nHDYGuyucc+mj+kZu+AtsH0YCp0wiTJIgHdVXWrjTgnieNrIkzB1gafducQNi\r\n4qEnlMzl7CiXGilxQha2F0sQ+5wJ2QnQm4dSWw5iaFFrQN5h+iElkMmIv288\r\nW7BWbNJMThMgrFOZYjNYFlGq2oUIEnbrjfVfqstwRxs/2nncaktsFsawN/NP\r\neVF4sy/NYLhCJ07v0FYwxw6jEvDxU1a1YF6nvXdX7YXIEu6J6xg0c8FT0PVU\r\nuxvl7rBoyxjvjg0MpVOgitm4FpcabAwq6vCeAuxLUIgQUyzRwlnp2LkSzsUS\r\nX9b6qcFg8G7OGPBVEYldbo63WuRWNVJoWWgfKMqUFhaay31ZC2hn7nVfuaYS\r\nHefZJBklg8UVSnmskjAfpTVb1o4Squ9dN2k=\r\n=1YMx\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":"20e073d04b1a97beb6a099e160b0813db845a5e9","license":"MIT","scripts":{"test":"jest --config=jest.config.js","build":"pnpm clean && pnpm build:es && pnpm build:lib","clean":"rimraf lib es coverage","setup":"pnpm build","watch":"npm run watch:lib & npm run watch:es","build:es":"babel src --out-dir es --ignore **/__tests__","coverage":"pnpm 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.1","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.1_1645180471346_0.9040471096155862","host":"s3://npm-registry-packages"},"_id":"fela-plugin-extend@12.0.0-rc.1","version":"12.0.0-rc.1"}