{"_id":"@flive/mdx","_rev":"30-4541bcb683b5a0a00623de7680aeb773","name":"@flive/mdx","dist-tags":{"next":"1.0.0-beta.0","latest":"1.0.3"},"versions":{"1.0.0-alpha.1":{"name":"@flive/mdx","version":"1.0.0-alpha.1","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"069423571b7915afb9c30ea82ca163d76254051b","_id":"@flive/mdx@1.0.0-alpha.1","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-7g0gHGppT/XyO2qkSpgfuVXLB0D75X8wQrROyeHPF05HUubzwBWvrTNqKOAwCQX+zYGUv8x4ttYs1LvlEZnRPA==","shasum":"385ab9cc589c74ae1c0ea56f5a5cd4f2a7be4347","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.1.tgz","fileCount":12,"unpackedSize":42324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/h/gCRA9TVsSAnZWagAAP6EQAIIRL/ps1tbVNtCnDAuW\ndKIAferrjL4yW8c2O78+DT2zo0kLVBXSyMo7KrGmc8tGtd7k7h+8T9tgFbQb\ndzysnJ4fBm/oEJ2ADjGmNoYPRxNOHg1m6I/mhzdrBB1NYSiQdxYdXfajJP9D\ndIYR5qZWBRAt8Kyx1BfablKZn1R7m+9u4+kmw3UscsL29TUBTfl6aWtDRqit\nCRAGRNyFEBJwkD4tGXMiKjg7GDozwqoycOFZn5XZQRrBy6yv+dMNIMkFRQ1W\nVIH4DoHKiv231D23sRhiIoeUQPl9N4PFiodMCdbaa+blCivCQfjNd21/1DJd\nvWD0iFWqsfOJwLGv+49nG29CxivWUbULrEoHGB65wCCwJh/AMTHHGZ1q5Zpa\nyTR3gyOajdyfF2EzYX5eYp350XFuLtWIwDKmwGNA0Ev9CL0DZcf1G4DVFpQG\nsBAN7kcyg0BHRD3kqkZEd3H+QN0HXVImowk8ZKQDGRYPz+kAU96eiBnKr3LM\nUSNW6yGneYd7WpmxdXbOR7DTvu31z2HaRzHXcylD3Ni45zLy6184n1o7omoU\nYyEdlWwNThX4Go1+1mfjC8TC3mjxy/52xSPDVWdy1VmUOUh8+7wKFm45eLRc\nY4R+ggBcL7Mc4dQeRDYn2A+4q6OR/pL5zJ2F3MrBB0FKcdiYluofB9Kz8VKH\nbUer\r\n=fbwP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqc7Y4lNEwi+MHIVGlu4t/Yaa5R1Jt+on0ZrMlIQ7NHQIhAMssCmbdIYXacXXF6kCwqRSMwpR7HFcS1bEAamJmSZ0e"}]},"maintainers":[{"name":"lbdremy","email":"remy.loubradou@gmail.com"},{"name":"damien-s","email":"damien.smagghe@sigfox.com"},{"name":"feychenie","email":"frederik.eychenie@gmail.com"}],"_npmUser":{"name":"lbdremy","email":"remy.loubradou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.1_1560158176016_0.5917494838000381"},"_hasShrinkwrap":false},"1.0.0-alpha.2":{"name":"@flive/mdx","version":"1.0.0-alpha.2","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"0e9471028309f3958755d1969c7886c41fbe27b6","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.2","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-wtXA7+IxCh/cvjj1t3u7ZnHgH1zWOKEuNz3mu4OMqliKUlNrPzloulseMXOtenkqyrJUF8hTJcB/UfX5qkozqw==","shasum":"638c603c37cb954f002dd8210c3fbb2324084174","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.2.tgz","fileCount":12,"unpackedSize":43045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/8b7CRA9TVsSAnZWagAAt7AQAIpcc+gTazvk8sHuCQX/\nE40ko+i9XdyMeQgTInuGpU4jg4r4ObLQRbCFeea7Qhr1cq2v4j65CAAcKA7H\n0/dnKq0/VxcxIE/Q/rJ7DFJkd0II04lzI22eLIF9J+X/e/y+FC9ZFQnSPEXx\nfIhwfQ1cpYNom5xWoaRRsmwcXApLG8TF5QjqndT3XhpgtTbnPbIoF3Ir2/Cq\nCRbISQIECsMJTExohp0Que5PsQXxZFdrDD0o308uSuzHeiQuMi61fcSSW5kx\nZnorQPIoIEIeFv8PNeRIzN+EUXUUjyubF1s85U5J9WJ4L7K9NQuM76l5ZWg8\nMzGvNLVP0TBi5Axy/BjI2gsZsgGQb6F/OlRqo5HUa90uEbWYhdBejHrlGal6\nHI0JxjXKos4LxuZf5f0Abdhit2vrQ2gqmgaB0KCY62ZUA3DiFsYZaMOLLPif\nuHxjukWcsaHEQkD2tzj1xtNY8Nze/SAeG0yA5ADvIo5arApwuHboK1NKb8VA\nT61h5ZgkuskyI4cseWmOjAkwnp+Fl34LNEhksL9Fl29SXyFS+9SjJby8Y/06\nK2AVzGZ8zigCFGAPg31FM+iktcxQYETwA2pcwTF0OJUo8Dswh/7KVMnksizh\ngHmpa4Vn6QIq7Ijj2S3rCyLrC7SQRS1Zrg0wieC+PbhWfrmaA0m8l8F5oywg\nn+P+\r\n=1CBL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfZ05X7NmoaaTMrNpL3UfWKwjvi/So6GcTHvLXi8Bj3AiEAnfzWl/2i0uRtKwR2pmIt/wo9wlQnnFIfq1EYb1cfmk8="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.2_1560266490447_0.241191924557574"},"_hasShrinkwrap":false},"1.0.0-alpha.3":{"name":"@flive/mdx","version":"1.0.0-alpha.3","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"76c4c6b86b407b5509f7cce0e6b13c8a83345d48","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.3","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-1Swm97D1OXkkYnVWll6WpC9wegiAvWg4m8W0R034puNXmU957CZSzNMBQOOLhyoI8QKiZlrCxZHPBWexpioySg==","shasum":"5e6bb3554f885a50443d6fbb7f2c2059ade3b0d9","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.3.tgz","fileCount":12,"unpackedSize":44328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAQpgCRA9TVsSAnZWagAAQFIP/1GfvjFl+0dJFmG6o+qC\nGr3n8fGK/DjjOA2TtgGmzmpDIe/xL5jBqELeVaJs8yCY5NBW1dB2W79dIGcn\n4YGuMEMn/ygsxKFff0hoiOFKodIk/ieA7OUFNM6mTRGguoYptFGMprNJMG3w\nptxRBPvdv+m/hQCMlJJi2B7dCD9icQM96cVM168Xu4mGrTELuLu/8vnbWT/N\nwG8PAu3nbvWguDZ6/394Exw0fb4FQakb23oXXehdmrnwNTTsdm1SQWC8uu9D\nZWXFr6/zK+we1RiHhTn6oIhYilMAYiaWaOlEaAZH0wjk3S6ERJJugsjpFcVK\nuWrxe8l6reT/xnct0vMsfs9RrG7TWErsqiEocs5DkkMG/d9dQrPZpApEhgEd\nE8DcdYkOTjZLUvFXk1Dj8jeDIT397f7+GUR817MSxV0YN74f33Vsl+Sl4pt6\nYAu3I5htyqMnIX/RFUWq1Vyea9/IvquGCS2dRoEGyUPDrdAoN6CWm1H/lABG\n20vlzVx/Y2TLNsXbOsY8yGmEl6OiTFff0jv9ulCegfKI045KtDiHouMtAzJX\nGZO0ANEm3SzKlkGHRmXqP6EqP75tzfH5TinjkFah5VSLUo/T0gC//3y/UXmM\ngmxf9+7t6Y4tD2zyYHCiABXr15D7XXIFwLGa5E4ByInB7uK9U+NLBSMGIQOg\nEsvM\r\n=VLZ/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHakKKxcw4rXTQJsqp76DJRoJJkOGOSn1ffwoHqvB/O/AiAMMGYV33nDRj+JKs25JjdaiKAFbKc/cF6NLlWqK3iHEQ=="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.3_1560349279983_0.886342372232932"},"_hasShrinkwrap":false},"1.0.0-alpha.4":{"name":"@flive/mdx","version":"1.0.0-alpha.4","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"eda88eab20d983254ab870a82765b669eba1e84f","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.4","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-YIcSg8v4ZTif6/wh9R4zhZozsQVQ+UqobX2FMXjc6q12ZAVpcFA91YFtOvewYMRV8Np5IVbYIT2dmlFDChNUzg==","shasum":"6662b0049b1ec043a2e4c775c925f58aa95ea6d7","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.4.tgz","fileCount":12,"unpackedSize":44611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAhb2CRA9TVsSAnZWagAAqukP/3s3dduYQ0YfIu2h1l1d\nO1GA+dWgI8jNZXJ5Iey2OaZRysyRBKkrQdMOUQjcYsW4i2rxckpQ9i6mYlYM\nj3QmhsWVrhE0BSM1hyfllN7I8qGgQbyNjnEWxlz3q+6/g7emChCi1Mfu3CXs\nazN38lq01ieP9DsN954zGmjRvpbIbhY39biFJHWyh+9lQfLADKUd3o88+EMW\nJY/AnKf3NgD2Qlo9zHwiOt06IIGPBdIA9CiwL8sgbQGOTI57qXuioonU8HFy\nMZiC/Zys0B0TPhzf1LVKfHjK72Gfafpin8wRh9zlNoQ8wvdGj0rAZpBC8Mz+\nbh9f4pxyyXFjBgVo6mP0+VvrRepKIFX64Lr7svXW45az/WW4M9DbyI8coAVE\nB6S7GzXRjmccmTt3vN7pO77qyiAYhwfX2UTnFUgeWpX9701WafLkUvz013q/\n9CTfKei15ANktc7R6KRevpJR49VZltNKtiCjmK+spnH4qngJBfgthLQD5lrH\nEqq+FLL67pr5vhxSpkdVWOLl/FuL/E1xhs1lGW/xdLnMeiaOlfgQ63+paveH\nGmubCbiqJk1syHGPIJwPFMgHF8uV5wMXX4HCLMvogETHv1+ACJjtxpMrkNsM\nqShFxFqpZwdaRA7XtRzIqyZgKMAO1XHgbDDpsTssYYLKRVzb9PlQP+AnFJFP\nOIA8\r\n=TM2v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnplEWVLIPPhVNXSOUB9NJz4Cb8Fguk+cJlS9VjQey3AiEA3YH2I0aAjfRY6fImB4he/hN040y/Q1ftvqe2bsLdnVo="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.4_1560418037539_0.1797324247321166"},"_hasShrinkwrap":false},"1.0.0-alpha.5":{"name":"@flive/mdx","version":"1.0.0-alpha.5","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"3bff7a45511690a9d95db167198ac01bf1caf65e","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.5","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-DiD7DskZp5kyqj7zMq7AOz7RrYeV9kkR0gPZ0yG55v6qTGwtqOHgxu9FW9/mLSgTbXGUMRNONOpaGIFTe/YZ2g==","shasum":"c15570c2e8835b6b19e3f94200fea53430abb24f","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.5.tgz","fileCount":12,"unpackedSize":46333,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGfwdCRA9TVsSAnZWagAAKCoP/0a93Dw2lPdP7GN79AD0\ngXJAbXtH6DaRJfWCyE8/dZlzsBm/P2lAUs6TT6zfmxlS5kPyJS3E7sy0j2r6\nF4V7ulKK7sM6yVlyIdKSTMo+3p6kINnKcBwrAKnKQh539kzX/IifwNjt/omA\nIAF0QG0myE+B9Uqg4XbA1yugEb5AUNmlBbili1f2hvUcIvFq20sFY8/RQYKJ\nVTTtx579O81q9dSc+9GcijWUsMky/lDjd+JD/kGQoYCvUs6rUXM9vhulgZW6\nac3jI90IBN/pr4dugcWtZlqfrznRndJIfwWVinObRS6648bIsOv2bh1g3Qfe\nzLuUMZcEHmdXpVXzW1WkHUDJ5h3J++Mdj6wmeRcOda4S+x/SWfMZB4JxjCZr\nPsQHFaDoqPH2ABRzlZ7J8xxpmHfCGnht0FtHWVQjazdRgsA8kjnolEA6saZ8\nxdAIMHAsFiZ+3U5zxEGz9NuRI+BrLFXo5x/rZrMWmSSKv1OvHZRmi//lQx9a\nKu2hqFVsb4UFIn8PNglmHwjcSaglnz45sABNhEwn4EQ+0v+DNegTPdRbmUvH\nJvd6w61pnJ9+58Bb0WNqPztQIkyu3kNtRn3lqZvtN9FV0PklAPzOMlzLTLVb\nrYZPuBrTimcLc7YsinTvXh+9EHlbNUXalmFmDtDifSpGXtHrhLHUjyPoXH16\nCmNk\r\n=OwVj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF15omPMG0qBeQ1EqOJ21RgmIRseTgLXC7Fyn+pmc9pxAiEAki6cRwjZCWlyb2eyIa/riTuXX7iv8d+TWuTkfr8BsbU="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.5_1561984028788_0.08720803936638388"},"_hasShrinkwrap":false},"1.0.0-alpha.7":{"name":"@flive/mdx","version":"1.0.0-alpha.7","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"d8b57bc2fe812364905b7843952a116db335ca0c","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.7","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-wxtiMh6Y34DZriOi1mktQU8P29EC3rW9t3Ac5TU4+Z6obAekqBguteG+SalKSkHO9SneDINr5C8yklcNTrBWwQ==","shasum":"c6f723c65ae047c2b9d5776e68eeea7bc0374d31","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.7.tgz","fileCount":12,"unpackedSize":47480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIvuECRA9TVsSAnZWagAA4D0QAJ8ugmrhd4cMIJoUH7Ma\np+6OY8pm1mnfnGMA5ZyjOMGenQ3V2uAX63RqLRoziqeKQFQA1A6QVeAKF2PS\n/Mg27MywXr5fVVPnsw4ORdAHjHCFVvjYkVXJKcX0c6aQbj+/mcOdU4RSlS/t\njpw2wMVfqlMbPCKNyvHzA+pzoHl/e4xGObqt+9I/yL2+mLZhmPJUdUX3Zwkg\nLjpt9CSsJWUtoZ87n5HvdHn3mhr4CIAO0JejjMawDrrcZAg/eJrgnsZyDp97\n30I+DRarJMHg5ZexRFAzRplXawHL97sPW0R2kc9L0Gsh7X2Fy9lIvPhInpZp\na6OAOEyoSkFAyKqbS7xXFF1jW0CmAINUGjYh86qJrLSUbO8DAytL83g0e8wP\nSWHoKDjzO+5Z3+mxaMwqR5vQEyCKlJzrGFgo1QElqnrMkivJewEvBWRbth8B\nM03fvK4GFCCR9pugEboE8zzIN4VVkHKJG0bodfT+eoY6VaG68I0eH+uuEh7B\naXE/rpQU7UX2Oe2ltcjSmhWoSfVZ+ig6m6lnvZkLRiAr99Mtocbf1D6n+26Z\nBijOx8tTeTEvrXgZneFgpQnSIOJwwhAw4uUbz+3GvcWLJS+TQuEUSrCOqQon\nbLnPtLi00yO1PL/oJ89JfwNH7tvPMbV3ZfhpQlc5moZ/haBlFAws11jPFhAJ\nnd6K\r\n=04DH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDt6DICa4ssZOB7pztfFQ/uX/qpcW7Oy4Rd0w8yB454vwIhAKyIXInvFLxmjFABSt52n+CG+zT+mUYQERPEpP41FE/6"}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.7_1562573700135_0.20472368053482626"},"_hasShrinkwrap":false},"1.0.0-alpha.8":{"name":"@flive/mdx","version":"1.0.0-alpha.8","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"e65c7d7f476403e3120381ab8755cfcce665aead","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.8","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-CHClN1+ni7vx+gGuIDaA8mIo4RlLY8r3nadu6tvUNjHyUjpIOKLY+bAo7Cy5QFY6sdtrkuaWE7m/bALRQOaERw==","shasum":"29b47ee382e7b42b63dff4f1344b684650f407d8","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.8.tgz","fileCount":12,"unpackedSize":47676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJh3xCRA9TVsSAnZWagAACawQAJhVdYk9APHEz0zSDqJ2\nRKUTWxi9V2rnSuAYUleDwMxtyE/eqAW2nwe1dNCYdAbgt75zTVr6J1YOtxZ0\nhCuRAmSUQlS+MD9Pwgll8AzMxlMgLAdCj1sZb2ksGlYCnuooEIM2mGHKFUeC\nDozej/okRFCmTVxpHbp4rthHbNeCPIBPG2ePCeh304v4Y9+I/fX62iFYUY5D\n6Dbqce+uvof6gMWsrhaBKDLCVQ2MX+wf0nYIRJopeRiExRUCY7q+xz5gnaor\nEt22SqCG2WrtPZuhJFcIVW0w4KO7VjFKiQwG5z1H/iLtDNrx5RU8oCRjZ2+d\nuRyrwRkacfsPIthlEtqnBf+w0ZqMbr93UUf7/D1sT8WdWMKBNUPg1BcR+ABw\nvdtbaohIYrI3KRhHxFkt/E5uZVbHUXXsteG3gQbL6B/GluRacu78DQZc3ax6\nJDshT9Bq552GelxC5yer5jt1FJFrbFA0GqULvsAg8aI7TRkpDJqirqxavzhQ\nWrWdgfcVQtCfuHa3jZyzktUGfwKPE33m4NZL29/1w9BQKqUZHhcHuRBIaezN\nn5uetG/3x7fVTOxH+WSlgA1G8i7DRrokXkLllDjElRP9SqQ05dAFuqTWVvZY\nEs0q19eQyuH4IMaCB8BTSrKqrNo5wC9ko03UMle8i5TFw0mbSwk4+TTQX3Sk\ny55C\r\n=AMRY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCE2Xvm9hn/uuINV27preuhoLs8WarRJ7pNJfkOkTSVrQIhAJO1KHLjrc4HMtkMXveLQS/LGxwCE7a5HrarC0VL9Grz"}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.8_1562779121078_0.4381850868789028"},"_hasShrinkwrap":false},"1.0.0-alpha.9":{"name":"@flive/mdx","version":"1.0.0-alpha.9","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"b40044241f30ef0268e3dbbb1f516bdcc253997f","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.9","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-iv5EWMfp+Vq/siiLXk/hwpmaIIg1372f3JbFnQ+1K/NqvRPhvo8raIsogZJMHEdgEOOWHUyIckNK/jAWXSZxfA==","shasum":"45245784ca5d5576542f9e4fbf2bfe66b5ab9142","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.9.tgz","fileCount":12,"unpackedSize":48054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdLI/cCRA9TVsSAnZWagAAbwgP/0bBB2EYl3AiMTzSf3El\njnAxXad0m0XpEVwqk5EImPXHA07Bs0BL0IIlE6nSCTyoE99mjmERb+PKWBkC\nwgwbgUk9rE86AGvGw33KCJVce9d/PqZzFJ0FBsPS0FeGdHfUua2otL7KRXUj\nwe4WTYMXAr6RBhbHbhGErgcvPrnCESTRHArvikWp5fCgtLtjUUx10OAi2e38\n6s37O5nlWe3nypvBVBL5nN4olyc5hd+yYQG6dgzRLKfwyQhdcMiB0umlXxMf\nme0W8lO8zED6VUHvteoyUeQjBRNjD/pac/clR1IpWun4gaNzzQwzU3yjJ/XG\n5OxagYtslxl+o4PkoqH4BUYgDaFZr1glalJYwca59tPMKrSZehIn7unuaRBY\ndb4R2clDUkwsuMz2+06eivOlPsUL8NKwWuWAzxpfpAwaCVeidnYLLrF7xiEI\nnUewfRj8cbx+/bp9sI7vo7gzY+OgWKrxCNV04QDXzjwBeaSyMdgi6JCy4m7H\n1Y7DXFqbJmdo6W5CwjQo+PaWyKr0/8lGgLgYEwexyVxSAMEMYZlgx1jdcTLi\nYKRGQa7oHtnP2okOdgTg4VAEiUUMIYM1BKR6e2X8k5QNFLoqRpIhgx52mVMw\nTRJA9tog7+X8vwSSfpmnc8zwdcy81UkictdWCq6H+U/0tKzwXvsltL3xr0uJ\nO4Ki\r\n=BnST\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/TM4uYy9hJRcVy4iZJaIpUmbibTefJj9PWdGDekarDgIgdvpXQ85pBKvXqErGLWW2C28rUoCW9AReFtEPVvCqxE0="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.9_1563201499190_0.16335409483423513"},"_hasShrinkwrap":false},"1.0.0-alpha.10":{"name":"@flive/mdx","version":"1.0.0-alpha.10","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"f131320db80fdf29f748770bbeb6965268b2f05d","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.10","_nodeVersion":"10.16.0","_npmVersion":"lerna/3.14.1/node@v10.16.0+x64 (darwin)","dist":{"integrity":"sha512-CpH1NKX5bmb7zHizCsYbMUkkuhlK8PqmIVGLeR/aFbza2ZpkPUvw0IxAC0t3n8hxDqIYbeoP6RdJD7wY4mvMgg==","shasum":"674faea10a85006bc519e01eb9408272a88a8453","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.10.tgz","fileCount":12,"unpackedSize":50194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOH5aCRA9TVsSAnZWagAAOlwQAJ/qatCaQl1ao3HSMCC8\nnEaVV8Zay1ubNFDXh3ury3QTcFmLAWHHZMQDSPntMym+sAhX6G2ha9jZYWsI\nopikU+79eBudVvAfwQvx7KpJ3eA5a25AU9ohIeOCNmGweefL9IZLzj3XAw05\nZDN/PupU39tAm7Nx18WNZsg0ZMC/IGdjNifbGnR/65podrfcEzIZprNQoJLH\nQCqOeY1hBAjI+OFOWPvgb/z2/7zT8EHAVLFGMD0Q3i8OLHeV6dX4SwqezCGZ\nOiNN2Rj9xsxGe7tXoZ63MACwhwa7AOujCoNe0qYRF7EPtt94dpepcuLpDz7u\n/R+Rl6LzMJaMcBYgZ3IvMcYOy9dPwOqBSmzmAtyMDXqP94Wfk10CFgyV0AFn\n9oI20sH/WNEHjnT20l0nlZ4/rslXNXsfDUSJY6Qs2kdeKY7jpsdn0el2Rn+3\nEMUaFQnmvGLwzOYftSFn/E/OjO+B9Ke3gGxnl0C0ODCCu6+3zitTvOvrK5F7\nUuwaue3ded+Pd56NIpfb1JWB6P2gvVkv2rAvdQbbqecIX/X8x5rOSa/1gyaq\norpnANXKaNMKgvVLQCaeNCuimGnoC+VOrjZjf/y0QQ0XctjKq5pGlTEYDu2b\nsEwwC1axYQ7E6NVbWDd1tmYBL8r85wvi0gpHchh9SaA+Sf32BpVGq26dmXJj\nqNV5\r\n=6j6H\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICYrbtySauy/Oe2gThC9SMWHXKIQDpF7MB737x6ptfbjAiADaZhrKAAZTpN+AKo7PlfDuHa2hgoSgoNY79BW2vnPJg=="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"lbdremy","email":"remy.loubradou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.10_1563983449296_0.697309177758547"},"_hasShrinkwrap":false},"1.0.0-alpha.11":{"name":"@flive/mdx","version":"1.0.0-alpha.11","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"5e88edbfe343aa7d382140b24484d748488db80f","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.11","_nodeVersion":"10.16.0","_npmVersion":"lerna/3.14.1/node@v10.16.0+x64 (darwin)","dist":{"integrity":"sha512-CEMBCHC7WKz4R+HQjUd7PtaQDZyIk7BZZ22A9iIeqoRSX8EyTeTp5bNIC/fpp8nLcSovC+HDrDRlpyNDqsnGDQ==","shasum":"8ab858bfdbfb0da851994e92adcca7979670851e","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.11.tgz","fileCount":12,"unpackedSize":50576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOMByCRA9TVsSAnZWagAAvV4P/Atxk9L/USL3LcrX4JHZ\nvAgxU7lcr8b9R6SNQwHANht0r8xrftRE0SvFpDAk8YJPPOA8dGDGqs57VQXw\nnFJnzttHnvLUBX/MHMBC21ELAig8ARjGiR3NKiAR8LT7xpLY1SjXR6vJNpbO\nhCdcqRZgAOHSX2SdwZmHl1Yk66EBuFdRf0hM4uKI6zuv//z3B+lK0fE9D6j3\nwQGhHT/jAfZSvPGk83jL3XDyQyNIAlVeR2gC+8WknHsRxNjEUR9M2tfjvXtL\nEb2DfT1NXBYBxIjt1PUWbXJWKhPyybmeN/F53dt7nPjr0ru8UBF5IgaxsqrI\npM2P4RwKrYFgsw1WVqR3X7b/oxnzAKLmpQQK+89zi6BU8UQ3stL4v/YgGR4w\neYDY5Qfbx0SBGhAwx+4d7snA3qsPJRC5b+PHcW5VkKDVW6dissZ96kbQbTIe\n8JLO+6QLF0DzPWJrjKyGIzqmjyzTyHDCzGhgbGTqBXWsq1oecnW/ibKrWBLf\nGJQL0u9QUq7lA6b2FXfkLhGQq/aJQhiA/d5b/kodRhHx9xHR84P0zUx4AMuV\nxgapGvpuRgl1l8vItL8GAlPCZWHQTVFX8yVTCVmKV1x7D6zYv3KYGZeUaG83\nM1KkzdoboN5bvrP2jaUGKh9ItCTc8mglaQgbvbrIYahq26ySxcjZqRihaaJD\nIlNJ\r\n=ngf3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG4frrZJfcXKOtyD+p9ugkqcxSTz6vI4zpM+g2zFq3wWAiAmaWO2mQByZnV9s7XLSNta2I9LlrPs0e/MkWC3nPbJfQ=="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"lbdremy","email":"remy.loubradou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.11_1564000370160_0.49820602570045835"},"_hasShrinkwrap":false},"1.0.0-alpha.12":{"name":"@flive/mdx","version":"1.0.0-alpha.12","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"175c2ab2bce74b3be715d296add092064a030a1c","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.12","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-BysLeTeAxZZ1H1kx215RZEQ7UgaysSo5ucNenTPEp3C9AVICBPSdJnq6EwPgemcmFY0N2xKWhDzZBx3pdlIQPA==","shasum":"ea4a402436db532e85120af0a4ba73c3f5ee7fb3","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.12.tgz","fileCount":12,"unpackedSize":51910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdXP8gCRA9TVsSAnZWagAAP80P/06/n4QsRyBEOEUmP7I5\nSiVwLv4SHh3Jm4bdB8sBXN2KFVuomW0l6Amh/0b3kJ6lYtINcpOngtupmH3T\ne1UnORVJmFtHOkFbJXH086INA/HsD1OtJGvABfOa7g+kE7gZbYMGHo9cxl8e\nMHT0UxoopyU2l/eG5tRf32002XzGZjnjmWYPQJOIGDmRuWqxdcvO+hKZrMRe\nhafLlOmDNIow1qgHkHuTzrjXn3r6CQzm1vTidlgD/mEByEH+QsDM2mBymKyp\nf9dyYyk0O+untjjsESWCQ66kpv5JUZHh7MyrSVabTknrQCM46a6B1S7XDbZ8\nxEaunSMOs0noX6fO0A2IvaxVuHNoymU9wZXax0SOwODEC6ZDeg6B6KSEUniH\nV4Mje4VbbqxOQ40vo405dEtf3hnemsB4CHjgbExxeIwcvzQmRjtOWUZgGJPO\n/ZudmmfCON63WkBH+RmEjBZr4qH2LtEWMARSe1D3kyBhKH/+65n3cvAsSH2K\nv8St0aIItB4Vx1N3p52KG3oZO7ezznJrkxi1b8IAEqzTEb5Izb5ekm1l0lJm\npdz7OObmxLe+6J3b+Xgqz2seLPcbLZRaQN5o/fzCUiQsC2tzmIkn/nnommQx\nnXischflhPsObFFMRrA30lcf51LKW5RtkAWVzYgTL2/zFQKrOEaYTyIZexMq\njml+\r\n=xDRF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICXO/Iqf9o9YuoWt+hUJ5ExtuZtvtTR7RILwowDUlbmkAiBfpU9vPyM7gq8lNL909rCRROVyDH0oSA9IYquN5Btf0A=="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.12_1566375711571_0.8001197553127382"},"_hasShrinkwrap":false},"1.0.0-alpha.13":{"name":"@flive/mdx","version":"1.0.0-alpha.13","private":false,"description":"MDX + Flive","keywords":[],"license":"ISC","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"fb837bede115d368a589aff7fcdd0a6523aea342","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## Licence\n\nMIT License\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.13","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-0vBp6q1c3UyWTOtbCwsjDVZ4HvIUlvhBAbTHedCJTc/v70hNUweGJsMGAuM2mRLlTec7ZR0TqduEp9EC6QJOsg==","shasum":"ca16ac38c14eaa66b420315040ca879a86de150a","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.13.tgz","fileCount":12,"unpackedSize":53732,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdaRf8CRA9TVsSAnZWagAANQ4QAJSR5JVXjUEz3n2IgLaN\nMbAd+lg26kwaFBygTFC4t0ktu6F4gbYVN6CLtgoEkcEYv8+aweDh3DWiE6pL\nbnpaWhKZYRjpiJREBTQb+tlY1Vl9kdZ+Dj10BuQXaF1tZxbaXQN5J3d6yPdU\nNFt+NkvAb6xQVZ9S74A5Iv3mZWa9xJ/1C+DhXCFKUrgvTO+fbofGvQHRXm4L\n7rFQcIuc83chQyf1XRgz2Uc/BJJ+It5kBixBHCmy1BXbXM/NPAk4+aTi8Ejs\npJRlLSGF54L45uTQ7NfcF18zyTp5X5aT22rYBK5aHohXAgcMbQ9vUgcuI2PX\noRv4kTDGmbwqM911i9nBNSjV+taEc86rHnrawEli1pnZ+L6Kl5VWXJMnz3b+\nzUr8oCAXcYSRUvRqkLXrev2aXAA3RyTp4Ez2qAY9nB3sHDSnGWpHXrHHSnIf\n5/6Qi2S7v5x500KmTQmZy1pDvE+JrzIhk3xrZZ1Kgf8P5cSlzeW3WlADJVbS\nq1tnrBqpj3du155LNielZjDXlNfY3z56iF3wJH2Pd0vqOBqihBarhIU07vYr\nKvKfmI+1rVGce3TnCQi/A4VUIvQuEI7Qev/yoeucxpeZhjIIkeg6kPy81+Ic\n7T4M9vBIXLuFL2WtTa9L7bNK1huD3XLIh42J4rEXQ/wl9E5c4Mvj21ozCvoj\nZyHt\r\n=AxYA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlroV6oktkfXQpqfDTk5AXfbXFpohFb3gNP+5FSu0+0gIgHGMCt65ktrwgKnLk+mKbknp6Rz+U0Gz9CSBLKS/S34s="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.13_1567168507804_0.48132755110947834"},"_hasShrinkwrap":false},"1.0.0-alpha.14":{"name":"@flive/mdx","version":"1.0.0-alpha.14","private":false,"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production rollup -c","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"publishConfig":{"access":"public"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"gitHead":"5b565b66e8efdbda77de5a1fa51ada596054c19c","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## License\n\nThis project is licensed under a custom license. See the [LICENSE](https://gitlab.partners.sigfox.com/flive/flive/blob/master/LICENCE) file for details.\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-alpha.14","_nodeVersion":"8.12.0","_npmVersion":"lerna/3.14.1/node@v8.12.0+x64 (darwin)","dist":{"integrity":"sha512-OMxFBMTA0q3S+t8YPwbUyDGApAAPeyLqHZDRI1VP0bD9BL/B74ybHhZBNGYoTOznkuCYl3NgwKQmmNzF2Yqmgw==","shasum":"115ac446edf843b002868312d468e5045116cb25","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-alpha.14.tgz","fileCount":12,"unpackedSize":53223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdaSVnCRA9TVsSAnZWagAAyrUP/3aMv3crRWDqCjQWSq1/\nP7oXWGcrw9ydyW3MLlWazJaUws5/ik9zAJ1DCuGtBF9UoRYpNcUfHV+93eK6\nPjytgq18fZu0ZE4Am3qGjsEEVK17jTJIVdymSz6C+1B7xPYSlNqUIdDlKyK5\nDQqT5B3P/V0URGBiBp9PjhZnmdB+UdBbENwU+hoiA7iApfuuhWOZw3FL53V2\n1czwwUuWf41z6UKKtyQSYF+joU4mext+V8B46UL2J6b4lqXguc/jaO8L6rCW\n6Xe2sTfTn+Md0PjsilUxEpNh8Ee2JNzjC8EtOXh2q2LvVFjx+VwYIfGShEP2\n4C0Ez6N7IuIT9MBUTUQanzoK4HzqO0douJo/JytAN0KeqOpr2ZM2cyRl+xpO\nz4LEgeCh/pGFfSQY9qGyIy1F+cyZTN/zbkwIBVUutliFMCc8PKFT3ivPy0fH\neiE8gpptnSNpBwWSxOoJv4cLen960jbtwt/ofFxN/yuyelx2qTZrnVVHBE0V\npZAJv/K1tO0dTyrGawcQiv9ikJzs2g+gTnxuBZBysAGmiRhkSZ1bY3pgjeUI\n0OpfEYRyPbdA+olnxdV1GsoWmKV06XPZvfai99CmDHJADeIhKVMpDOY4M1+r\ntDSrnqQXB43NnmZPl+i/qvi9NPJumBJNr3JtcTgKUK1x+oFzZMjowfy1FwS+\na7fy\r\n=ZzJf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDN6RKkjgcsucq8OvN1t34hSfRpt+OsEcxDthyg8ZFidwIge2c002gKklJ3Tsd3EkJKpAJtUBT/qHQ/qqx9Kzpl2lg="}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-alpha.14_1567171943008_0.2002132042760052"},"_hasShrinkwrap":false},"1.0.0-beta.0":{"name":"@flive/mdx","version":"1.0.0-beta.0","private":false,"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production npm run clean && rollup -c","clean":"rm -rf lib","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"1","prop-types":">= 15","react":"16","styled-components":"^4.2.0"},"publishConfig":{"access":"public"},"gitHead":"7722cffa982b047111f2b50a2a99d395dd154b24","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## License\n\nThis project is licensed under a custom license. See the [LICENSE](https://gitlab.partners.sigfox.com/flive/flive/blob/master/LICENCE) file for details.\n","readmeFilename":"README.md","_id":"@flive/mdx@1.0.0-beta.0","_nodeVersion":"10.16.3","_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","dist":{"integrity":"sha512-hTZVEidssHs+eHDSg1GyvrmkJuW1wHLONQDYlMlHQqdoL8CT4+SaQHLObah6Gi1H9XdjlJKvARSuVPeb1XYAzw==","shasum":"96edd0a892095276e287c4e44872ee38208e5a48","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.0-beta.0.tgz","fileCount":12,"unpackedSize":53527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeQGECRA9TVsSAnZWagAAJOwP/0DipSWc+ofXqI4UEppc\nw8lf5jOd6iYYfzGv5rc0BZ8LQUZOgGnf2XB28LWAD6f4T4hPRLZKx+hDzFsp\nz1J8eBXN8xtRE3AerwN9ez3vrTv7XrH7maX2lA4j3M6thstX2qx2kC1Jy34A\n3jXgw68hpT08liEbf8axiQRzbA6M+jyALB4jLacGIchUyJXtCp9QzMJKB5ql\n4T+8F4ue1mhep5jDFVgihcXX9ikCwGNmud4evegi2YztDhKM5ZM+tdKJC1ly\nfJNtfSa2LLscdTNXIHymOkHYRUrNXNn12HOLta+AvlYEwzTMV2RN05vtMveT\nH9DJCmKkq+y9gtsrdvgNQw3lPxxIrB+b4ESrsoIcEMVf0NbGFLgoCq0ECJKR\npb0OuxK3Os5hott5ijzbLnKCbA+Yz4GftGX9icZGrJpLLOpjFSe0OZ5aG+VW\nrQ/WxgU6UfESw/hIfeJJhOa8X6fWSWnh9eRaQW3/bzmsSp3tD2CpMxqlx0D+\nPu7YTb9yUJ1B1N+CUykbQN+1Oz8IRXxuQRMAd5eyWG5OFSqsZI4K/HOFdLqx\nhsB1wUEJNpnEBZCUZx2PSU0apCkOv5RWERcnY9GuMXrd/hKPMuCUQP8gQVai\nx/485bIA3XUqCxX5lnGL8tQjsxyqH5uwG8poKcIQIWYguwmNd9rGJzB1wzUL\nOVYC\r\n=wFge\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCz3FpJqPvQGhmF7Ecx8ie1yl2hK3ahiXfg3x5oBRHq5wIhAPhnKjs5PeOxdZoJr5JhL1QYmAwpLM/D2rkSljs4ERXZ"}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"contact@jeremierodriguez.com","name":"jeremiergz"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.0-beta.0_1568211331377_0.8344253343390413"},"_hasShrinkwrap":false},"1.0.1":{"name":"@flive/mdx","version":"1.0.1","private":false,"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production npm run clean && rollup -c","clean":"rm -rf lib","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.2.10","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"^1.0.0-beta.0","prop-types":">= 15","react":"^16.8.6","styled-components":"^4.2.0"},"publishConfig":{"access":"public"},"gitHead":"fc47341f6a600466ea98b2b4fe8a79b2c7f922db","_id":"@flive/mdx@1.0.1","_nodeVersion":"10.16.3","_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","dist":{"integrity":"sha512-GO09K0TOnk7gZ7dDxCUZG3GPnKNumbJTWa8zaGJa6GIp7RdwUHaVQP2ihL4eS1TFnRpYbaJwXKvrZ+mk1jxtcg==","shasum":"4d2ae65241ff0ea863af8b1422fd9e6236f6e4a4","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.1.tgz","fileCount":12,"unpackedSize":53890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdejhoCRA9TVsSAnZWagAAoeoP/0ZbvLf5PgjhRJs1U3rZ\nGt++z19CKWFpRuBZlOkrJNKeWrtrdCrjaqIl4f+4wALAA+xuFrRYJGF8ozTU\n3oCRKIJn56aORQ0ilz7kSnVdD4EaUo3Ob+5uP4mKNzGnoez1HO6LP7ehW4vd\ndrjVL6KjuNnTNAUgmVTC6gzeBsApCodVsZucGW03QPFx8rMLvfT+FtdUxQtr\njWk9oFyfXg8IeKh5r61l1c1f78BJS8+Om7wTRkKdHnZaWEQj61l4RhrgXSFD\nkrYaeldsDUpsf+T+K1uyH9eLnZPw8x589YqhTqKzEBvFhwyxZ9+Ym77D1+JI\nHa3ww5p62bR7U5NBbTV+Zn50zlx6NZ34HNgDNU6gsTrDfbjKd57HiaqAwWNF\n87nt0+AeSg0OA/eO8KRFEdnVIGNVPkymZ+ggGHwFIoEnw+JPt1veQGu/RDaS\nfdeCQtoQ1hXUCf4ilVMrCh+Klrhkasl2IFJ5+zemjEGbD82ev+/HBvMrlyS/\nFnE00/TNhuSd+IFXNJjphReSBeSFb4dTqe0KuIBGJifqp6/Y7Kg/Bq0mLUlo\nJWAunZJeLgl1DJxXpwCUFasBviG3USHuRkIrJya/hZwvm21gEUdSi2Xu05SA\ncgWry/vxpFHoMsqZcMHrhytGvOeUK7bxZnReqszYrmbNxWU5dacrIZcGO6ra\nO0lP\r\n=8XNH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOb2vy+mLaCjX2COCww9/j1cQEoCXJjW0XyJ1JmVnPpQIhAL3hzqP2uIsOvaEU+algTOSlRKOIL8E4KfH0yQc9JYUs"}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"frederik.eychenie@gmail.com","name":"feychenie"},{"email":"contact@jeremierodriguez.com","name":"jeremiergz"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"_npmUser":{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.1_1568290918541_0.37739292243335765"},"_hasShrinkwrap":false},"1.0.2":{"name":"@flive/mdx","version":"1.0.2","private":false,"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production npm run clean && rollup -c","clean":"rm -rf lib","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.3.0","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^4.2.1"},"peerDependencies":{"@flive/react-kit":"^1.0.0-beta.0","prop-types":">= 15","react":"^16.8.6","styled-components":"^4.2.0"},"publishConfig":{"access":"public"},"gitHead":"41200121d8d2f12c252decb12f61d8e47452f8ba","_id":"@flive/mdx@1.0.2","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (darwin)","_npmUser":{"name":"lbdremy","email":"remy.loubradou@gmail.com"},"dist":{"integrity":"sha512-oHcuChh/9coT/RXDSw4sBx2sbbahb8PGcf9mYcsupcB8jMnkEJNrl7Wnw8T9s7T7bd+WfjW6Rya6gfUKNKvhxA==","shasum":"fa7e3dd9cc3b23f647cd4d01fcfecd45142d3712","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.2.tgz","fileCount":12,"unpackedSize":56824,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOqIwCRA9TVsSAnZWagAAAX8P/120OeP0KKLVVN/Y4cS2\nE2UEEdsgLmKrVi0ol8O/vIdntMJyUcpoDVhUmO/2MGyzjm6DtJllMNbvhPce\no/9euJ58lXA1a3OMbfmdVIbCQHIoAyXrkAVRuvswdCXFQz8TLEkeGCax/jmn\n91gm0dIpAV6Ab+6Xm98+JDyxJZW8Zny/VyPOUcNesFxBOh+RTpHdBKFGJFPs\nEsjBN8+xMCNXJv/H1BHMIeikmvNfm+4NiC8dm9RE/EoDa5hN9auPoIGGhoOl\ncxbt+TC1ntvWLAZOAjYLghEL7+t58g7E0dUoj4MlX9i9mJjY5HUR7i8XaR5C\nTcyGaiff2jmc/z9QRBEtNNo7+SxxDd0SlQgZMtU1J1bKATbfq81kbdEwbCo4\nQkp7p+C4Vw76ZIEYt4KljjRPpY4Bi1i94n4AWPssYbzkN7huldcC0efaprhH\n+HbrX4pi2ReVx2JLynSi/P1wFZehEt9M+1nrekaLXK5y6KnSQaGab9bq4PEq\np5RJJEGBCYmFqVIAGt1qNnGK1MpdtbWkywRSf4/3yAEiKbFHchg2CNMgr+mU\npMWDpj1w3VxdGTLUUEKWaqmepSs8hWqAuiOZJHjVvutnUzC2NdnFJOhAKMwN\n5JGTRoveH4KaGBkg0PIqf8fYiEzjIrAmdWGoVGVkKkgHXgG/gtLAMdM3OqkG\ngLD8\r\n=TBqT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6NMVCslFcb/Ohdeex5WIpnXuqJqP2ovuPRhFde5XoXQIhANMNf9ULXP8k1c32Dj7z140zjaFFt4Im94jWD3oZSIKS"}]},"maintainers":[{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"charlie.henin@gmail.com","name":"kimchicharlie"},{"email":"laetitia.dufau@sigfox.com","name":"laeti.dufau"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.2_1597678127842_0.702150368455684"},"_hasShrinkwrap":false},"1.0.3":{"name":"@flive/mdx","version":"1.0.3","private":false,"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","author":"","main":"lib/flive-mdx.cjs.js","module":"lib/flive-mdx.esm.js","jsnext:main":"lib/flive-mdx.esm.js","scripts":{"build":"NODE_ENV=production npm run clean && rollup -c","clean":"rm -rf lib","develop":"rollup -c -w","lint":"eslint src/* --ext .js","start":"npm run develop","test":"echo \"Error: no test specified\" && npm run lint","preversion":"npm run build"},"dependencies":{"@mdx-js/react":"^1.0.20","lodash.get":"^4.4.2","react-helmet":"^5.2.1","react-style-object-to-css":"^1.1.2"},"devDependencies":{"@babel/core":"^7.4.5","@babel/preset-env":"^7.4.5","@babel/preset-react":"^7.0.0","@sigfox/eslint-config-react":"^0.3.0","eslint":"^5.0.0","eslint-import-resolver-alias":"^1.1.2","eslint-plugin-import":"^2.17.3","eslint-plugin-react":"^7.13.0","eslint-plugin-react-hooks":"^1.6.0","prop-types":"^15.7.2","react":"^16.8.6","react-dom":"^16.8.6","rollup":"^1.12.4","rollup-plugin-alias":"^1.5.1","rollup-plugin-babel":"^4.3.2","rollup-plugin-commonjs":"^10.0.0","rollup-plugin-node-resolve":"^5.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-sourcemaps":"^0.4.2","styled-components":"^5.2.1"},"peerDependencies":{"@flive/react-kit":"^1.0.0-beta.0","prop-types":">= 15","react":"^16.8.6","styled-components":"^4.2.0 || ^5.2.1"},"publishConfig":{"access":"public"},"gitHead":"5c12e5d8a00c7706e0c3b603396ed7dda746c994","_id":"@flive/mdx@1.0.3","_nodeVersion":"10.19.0","_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (darwin)","dist":{"integrity":"sha512-ImiL2XhPGFy8XLY5BpZD3VQRHdLM+CMYpCxl4NErSWEL+aQtSeAF+3x/lzAib0NAc9tjBFp3xe9GXSAB1REvLA==","shasum":"1a35650df412a02489bd9aa85a50d55010ff1f62","tarball":"https://registry.npmjs.org/@flive/mdx/-/mdx-1.0.3.tgz","fileCount":12,"unpackedSize":60507,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFHzvCRA9TVsSAnZWagAA2AAP/il3KxBDZBj0+3RB0wRZ\nEr65DLRBiqRY/2N64T1heNN7UniGlMirWoOdkXhzLvK3GATOEPtraXhfEOEi\nNFXA0LIXbPlBHyeAWK1ZBo3YBu/zTqFtUBQ7pNDBtkHbqtMtpYImXbLPQg4p\n+cOKVwYP9LnTtKFREm8dNWXLBqo+AUBbH2n+d2opOidulBGusehX0ovRKXtD\n7uV+/1IL4gIIgkbjyawX8twTC8/f+n9kcK95ggfalmM1Z4fHgpYVFMOXH/HR\n9CM2lFtechvgHhDcyX4RoFUo/cCol7cTNw/mFK9QB6j1cJtjCsSgIhyp8VsW\niC4+F5w87PvzboSzjl2mar9xQ3t7CaJjBnip5fBcCBABLvEpA+eGihK3AV6e\nHNufdopdwCC9oXGz4daqG3rsmpu2I/535jVGEs4fDyJLfWzHpeqFWF+uK4Z5\nGA/Fd0lLKSFimVGzVSNA/qOepePOcCihCWyrO4OvSIOg6JiiU6VsLyf/+EAt\nEwIUIfRCqqaWRLGguOv8RxAtcXYuyKzlTPRIyCPhS0jE96Ds3/fQ42iq9kUb\nVMiPSON9WNoX+tCZQEgp46uYzSVfqODIyeqQfZe8XJS6mDt6k/Exc4xTZziO\nsHFwxE+5p9XjdXvBxtFZySO+3G4vD05beudyjyFmSla5OiQvCxlO/BAQ6vGS\nNZBe\r\n=/afv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCg0wtbsiQLYHql54/TEMpgCw0RRI9/p5uv6YQm8kTR9AIgS74HJhss4WO3hnD622Ofq/ykM/0ZKJayRA9sQt4RPmw="}]},"_npmUser":{"name":"lbdremy","email":"remy.loubradou@gmail.com"},"directories":{},"maintainers":[{"name":"damien-s","email":"damien.smagghe@sigfox.com"},{"name":"lbdremy","email":"remy.loubradou@gmail.com"},{"name":"kimchicharlie","email":"charlie.henin@gmail.com"},{"name":"laeti.dufau","email":"laetitia.dufau@sigfox.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mdx_1.0.3_1611955438986_0.9671822955188336"},"_hasShrinkwrap":false}},"time":{"created":"2019-06-10T09:16:15.821Z","1.0.0-alpha.1":"2019-06-10T09:16:16.186Z","modified":"2022-04-05T11:17:10.121Z","1.0.0":"2019-06-10T09:16:52.277Z","1.0.0-alpha.2":"2019-06-11T15:21:30.597Z","1.0.0-alpha.3":"2019-06-12T14:21:20.095Z","1.0.0-alpha.4":"2019-06-13T09:27:17.682Z","1.0.0-alpha.5":"2019-07-01T12:27:09.024Z","1.0.0-alpha.7":"2019-07-08T08:15:00.249Z","1.0.0-alpha.8":"2019-07-10T17:18:41.252Z","1.0.0-alpha.9":"2019-07-15T14:38:19.344Z","1.0.0-alpha.10":"2019-07-24T15:50:49.460Z","1.0.0-alpha.11":"2019-07-24T20:32:50.306Z","1.0.0-alpha.12":"2019-08-21T08:21:51.730Z","1.0.0-alpha.13":"2019-08-30T12:35:08.187Z","1.0.0-alpha.14":"2019-08-30T13:32:23.278Z","1.0.0-beta.0":"2019-09-11T14:15:31.570Z","1.0.1":"2019-09-12T12:21:58.717Z","1.0.2":"2020-08-17T15:28:47.940Z","1.0.3":"2021-01-29T21:23:59.130Z"},"maintainers":[{"email":"robh.dev@gmail.com","name":"robnriks"},{"email":"clement.grimal@sigfox.com","name":"cgrimal"},{"email":"damien.smagghe@sigfox.com","name":"damien-s"},{"email":"remy.loubradou@gmail.com","name":"lbdremy"}],"description":"MDX + Flive","keywords":[],"license":"SEE LICENSE IN LICENSE","readme":"# Flive MDX\n\n⚛️#️⃣ MDX + Flive\n\n```sh\nnpm i @flive/mdx\n```\n\nWrap your application with the `FliveMDX` provider component.\nAll child MDX documents will receive component and theming context from this provider.\n\n```jsx\nimport React from 'react'\nimport FliveMDX from '@flive/mdx'\nimport Document from './document.mdx'\n\nexport default props =>\n  <FliveMDX>\n    <Document />\n  </FliveMDX>\n```\n\n## Theming\n\nPass a `theme` object to the `FliveMDX` provider component to add a Flive theming context.\nThe theme is a [Flive System Theme][] that can be used to apply consistent colors and typography across an entire app.\n\n```js\nconst colorToken = {\n  codGray: {\n    name: 'Cod gray',\n    color: codGray,\n    contentColor: pearlWhite\n  },\n  nightBlue: {\n    name: 'Night blue',\n    color: nightBlue,\n    contentColor: pearlWhite\n  }\n};\nconst semanticColor = {\n  // primary colors\n  primary: { useName: 'Primary', ...colorToken.nightBlue },\n  secondary: { useName: 'Secondary', ...colorToken.codGray }\n};\nconst common = {\n  semanticColor\n};\n// example theme\nexport default {\n  common\n};\n```\n\n## Styles\n\nAn additional `styles` and `systemStyles` objects can be added to the `theme` object to apply styles to MDX elements.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      color: 'red'\n    }\n  }\n};\n```\n\nThe `styles` object uses CSS syntax only.\n\n```js\n// example theme styles\nexport default {\n  styles: {\n    h1: {\n      textTransform: 'uppercase',\n      letterSpacing: '0.2em'\n    }\n  }\n};\n```\n\nThe `systemStyles` object uses Flive System props used in `View` and `Text` components.\n\n```js\n// example theme styles\nexport default {\n  systemStyles: {\n    h4: {\n      fontFamily: 'main',\n      fontSize: { xs: 'large', sm: 'xLarge' }\n    }\n  }\n};\n```\n\n## Flive Components\n\nFor usage outside of an MDX file, use the `Styled` component to render styled components anywhere in your app.\nThese components can be styled using the theme and the `theme.styles` and `theme.systemStyles` objects.\n\n```js\nimport React from 'react';\nimport { Styled } from '@flive/mdx';\n\nexport default props => (\n  <Styled.wrapper>\n    <Styled.h1>Hello</Styled.h1>\n  </Styled.wrapper>\n);\n```\n\n## Nesting Providers\n\nThe `FliveMDX` component can be nested to change styles contextually.\nThis can be useful for styling sections of a page differently where needed.\n\n```jsx\n// example root-level provider\nimport React from 'react';\nimport FliveMDX from '@flive/mdx';\n\nexport default props => <FliveMDX>{props.children}</FliveMDX>;\n```\n\n```jsx\n// example nested provider for style overrides\nimport React from 'react';\nimport FliveMDX, { Styled } from '@rebass/mdx';\n\nconst localTheme = {\n  common: {\n    ...\n  },\n  styles: {\n    ...\n  },\n  systemStyles: {\n    ...\n  }\n};\n\nexport default props => (\n  <FliveMDX\n    theme={localTheme}\n  >\n    <Styled.h1>Hello</Styled.h1>\n  </FliveMDX>\n);\n```\n\n## API\n\n- `FliveMDX`: core provider component\n  - props:\n    - `theme` add a custom [Flive System Theme][]\n      - `theme.styles` override component styles using CSS syntax\n      - `theme.systemStyles` override component styles using Flive System props used in `View` and `Text` components.\n    - `disableGlobal` disable global styling\n    - `components` override specific components or add custom components to code fence examples\n- `Styled`\n\n## License\n\nThis project is licensed under a custom license. See the [LICENSE](https://gitlab.partners.sigfox.com/flive/flive/blob/master/LICENCE) file for details.\n","readmeFilename":"README.md"}