{"_id":"styled-components-spacing","_rev":"28-589175b1564ee1e8e32fa0ee7d7a0679","name":"styled-components-spacing","description":"Responsive margin and padding utilities for `styled-components`💅.","dist-tags":{"latest":"3.1.1","next":"4.0.0-preview.4"},"versions":{"1.0.0-preview.1":{"name":"styled-components-spacing","version":"1.0.0-preview.1","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"9fa3f88fd09578515b5ad38573f87695fc136e52","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@1.0.0-preview.1","_shasum":"c951640a49b191ea00dc7143cafae41ded493d44","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"c951640a49b191ea00dc7143cafae41ded493d44","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-1.0.0-preview.1.tgz","integrity":"sha512-l+iVRozK9YtPa1brK3upjRHMvdjnXXC/HAL+c/7yu8CHmljWcY5y+OU4HOkadQ6kA/gGRh7aSQYDE3jl5Cdb6w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICYLyKPR7n7MLLlDKYi5divT8lChKZWYbFmYO4zgQIVdAiEA33a69A1AY/Os2XKh32h3leGtyGQTU27LQ/nEnmjPvRc="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-1.0.0-preview.1.tgz_1487899379087_0.43936405261047184"},"directories":{}},"1.0.0-preview.2":{"name":"styled-components-spacing","version":"1.0.0-preview.2","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"e4b1a9f606c8230ceb058e51cd644a23cb1a3eb1","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@1.0.0-preview.2","_shasum":"0ff32568e7881d48e47aa3201ecd64530cede27c","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"0ff32568e7881d48e47aa3201ecd64530cede27c","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-1.0.0-preview.2.tgz","integrity":"sha512-4Kb6d8PqfDvbHmliUeLEoS/3rDwvbAc1qIx0Uwaa1iKR2oYYOKqtueYtvVG0SZcTUC5pBza9ibFD3KVT23VOgQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTn+xEeR1O5i8ZcYqcPUToFTAd7ADLSaFqhop2OgWhqQIhALb+A4uBzBibvwYdGJFRWj1ME7xi/IspYNdHvIhD94E8"}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-1.0.0-preview.2.tgz_1487901494856_0.8865006607957184"},"directories":{}},"1.0.0-preview.3":{"name":"styled-components-spacing","version":"1.0.0-preview.3","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"556d494c51541cf3f2c27ba6ec978e790b7b4f86","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@1.0.0-preview.3","_shasum":"6afd5e9c13d5129d9f40b6b5eab17b00ac2b6afe","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"6afd5e9c13d5129d9f40b6b5eab17b00ac2b6afe","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-1.0.0-preview.3.tgz","integrity":"sha512-8Xq5YPfRmow/mAPFbF5e2L62c0XR8zmTwcEAtgq428ID0WjowFZOfFv0mvWQHm4gwfRVVYR3gaEfADerASD6sw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEZ5Xu9E01T+AaTKJGGOkQghSQC9YxB74VqBL3g1YLCwIhAIcClLrvKUTxgPKx8gjjw20M37KYdOjRWU5qDF/D40AQ"}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-1.0.0-preview.3.tgz_1487904450002_0.20519631053321064"},"directories":{}},"1.0.0-preview.4":{"name":"styled-components-spacing","version":"1.0.0-preview.4","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"0f6712b3c0c50ccd00c82417b504684833b8989e","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@1.0.0-preview.4","_shasum":"a1b749e2c6bb9094ffc4a3b24f6a40869a62ac71","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"a1b749e2c6bb9094ffc4a3b24f6a40869a62ac71","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-1.0.0-preview.4.tgz","integrity":"sha512-XSPFOZybV+MesPVpzTtCrs1K97AwxLNxtBeMiSlAbdjck2Ad8Jie3fx4MCIzNeC/Xjtdu72TKhG+A7b0Vo7rIg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXuvKpGNb0rpzqJ4g4A8qvxUReLnGmmxvOQ9fKAgjV4QIgEueNFllJF2Xu+cDqqIAnEEa6H+51eSXM0N9FgXwEQ1M="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-1.0.0-preview.4.tgz_1488152255790_0.9888455304317176"},"directories":{}},"2.0.0":{"name":"styled-components-spacing","version":"2.0.0","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"2fa68c64a1bf2d37c7b1722de2dec998809c7ccd","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.0.0","_shasum":"5542a32a86778a5da6374cc3078beb7f6cf109da","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"5542a32a86778a5da6374cc3078beb7f6cf109da","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.0.0.tgz","integrity":"sha512-AjRkB8CZ8qsooBKosKsbw0AC1Ul6snTfk3+we7azXpFyTrKm0rUpsGgLmT7q21t6oAszhYBlAz/Fyoara4QukQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6thSgT2YVx6IyUpaE/DhgxEsZEYoyq1xjiC6CXTbjSQIhAI+u7xIWS5xtf5TKeq6hcGovZxAuu0ia/4uGYqw5rcqp"}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-2.0.0.tgz_1488340606234_0.9881785591132939"},"directories":{}},"2.0.1":{"name":"styled-components-spacing","version":"2.0.1","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"fccdb9c504209310b83fd5f71359d0f0a90a3f87","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.0.1","_shasum":"b997d8d1ae58a161e3e66bdeb562d3959ff2c7dd","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"b997d8d1ae58a161e3e66bdeb562d3959ff2c7dd","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.0.1.tgz","integrity":"sha512-qlnAv2ozrowQeIMdQ5MjFzAQ+nLaCJQlzX1lCwHYhQ3Jdf68LtkzLVjWt/DV7iKmKiWp1X2fyRRzxwNQQ8Y98w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKkmMxmFSk4V/DlxZF1vfzfpvrUDmaZZzVqIBDkLMkyAiAA5ybZk9F0HqUgYLc9nkWNh8YqDNTIdptSJqWTEt7Fcw=="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-2.0.1.tgz_1488340695896_0.44583978853188455"},"directories":{}},"2.0.2":{"name":"styled-components-spacing","version":"2.0.2","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"afc2769aa3828e322d0f0d813ecbda19ea04c20d","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.0.2","_shasum":"73e02944994ca2cc2e76e521d7930b9205187021","_from":".","_npmVersion":"3.10.8","_nodeVersion":"6.9.1","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"73e02944994ca2cc2e76e521d7930b9205187021","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.0.2.tgz","integrity":"sha512-Hdyti1YNm+SD+P77xTp+NGU0IkS6nQDLT6FNGgSbZDQrAsB/o3PPtgAPkinVJuXyNBiakkuZ/ZgAPL6hpj61LA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwWAPSlWX3lbg7Wo6YFDPUN0o4QKerqQVhIqahqZR5FAiAy4XMHREa5zH6h5T/IvpIrxHpGBrHA9QaAkZXR3bmQ7g=="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-2.0.2.tgz_1488342546316_0.04081364371813834"},"directories":{}},"2.0.3":{"name":"styled-components-spacing","version":"2.0.3","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"fd3917d2b92eb3789982c38914150638afb19a90","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.0.3","_shasum":"1420631929dd9337fad1cdcc389bfed54e3bebeb","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.5.0","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"1420631929dd9337fad1cdcc389bfed54e3bebeb","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.0.3.tgz","integrity":"sha512-eNqJWevNRU27B7uYVikG7LGwSGNUDjvgecds76Eo0xz5/RyBoZuZ0zXxXvoRX5iQxvZ07VJs8ZWsarUsAV4Onw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClWv379VJ8OvLCq5zemb4hjVIgaQ+OVasM86FqI7JkowIgL5nHNev4NhohC21YQz52bY4W7z0P76RZ61+fQWgfZAc="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/styled-components-spacing-2.0.3.tgz_1488481698703_0.7413520596455783"},"directories":{}},"2.0.4":{"name":"styled-components-spacing","version":"2.0.4","description":"Responsive margin and padding components for `styled-components`.","keywords":["react","styled-components","grid","responsive","style"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"prop-types":"^15.5.8","styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"645659ed0f0954255159dc9ee263675271780f31","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.0.4","_shasum":"b026724052609dbac5d480399852994621541547","_from":".","_npmVersion":"4.2.0","_nodeVersion":"7.9.0","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"b026724052609dbac5d480399852994621541547","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.0.4.tgz","integrity":"sha512-cL12halb2VSu+ue9JY2InIjK7phour6mgprsAhDuU1ivB2LSiauyM6/Xd3JJ0wdN/++J4B8O87lxgBABi/6AYg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAfTAQQntAZbeJNMSgiDHJ015Dt7soYnGieC5WoZmSwrAiEAzXTF9y4cQoUeU6K3xpUqXs0gVkjSvXymFP2dQS7Feks="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/styled-components-spacing-2.0.4.tgz_1492512435046_0.8433483317494392"},"directories":{}},"2.1.1":{"name":"styled-components-spacing","version":"2.1.1","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"prop-types":"^15.5.8","react-create-component-from-tag-prop":"^1.2.1","styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"e8e9695d017397998b7853b8155554278363e8b6","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.1.1","_shasum":"dfbb3f18a96db56c83314b562859adfa453f4fc7","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"dfbb3f18a96db56c83314b562859adfa453f4fc7","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.1.1.tgz","integrity":"sha512-wH2DXszDCNUN5LlA7L5c+exnMWBCIJYmM/vIW5lkD7MO8alTvqqB8am/V7EmTT76h/bD7GsHlUs2JkB8W9cszg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDj3NFt5kpu1y3lLgHoJHSPkY+2siQqPiHPjm9Bky4UugIhAMpl+ldQyUm0owh2O5PM6WSkvD4qbo3A+a9EHintHv8G"}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing-2.1.1.tgz_1495295648774_0.482645480427891"},"directories":{}},"2.1.2":{"name":"styled-components-spacing","version":"2.1.2","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"prop-types":"^15.5.8","react-create-component-from-tag-prop":"^1.2.1","styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"8d606ba2b66f8c43f03c65ffefb1d10d3bba95f1","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.1.2","_shasum":"7bf3958cc5815424a06499cf3fc5d6e988b14a37","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"7bf3958cc5815424a06499cf3fc5d6e988b14a37","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.1.2.tgz","integrity":"sha512-MfxcqVy6OOfYpPXp9nGPucls8brtlxt90vbwCsdjGvTjqLH0W636m2Q7UIN8mD4NJLj7mIDSSW1cdq2rsAyj2w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICiZOwcFT42Tf3N+Q/QkV79vwuKyZ/v+4MZlppCPA5GyAiEAjgbqfTx+ELdN0luNn7+obHMI5Q8+CK7mdc+qRoIVUIk="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing-2.1.2.tgz_1496231801669_0.08906299923546612"},"directories":{}},"2.1.3":{"name":"styled-components-spacing","version":"2.1.3","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/index.js","files":["dist"],"peerDependencies":{"styled-components":"^1 || ^2.0.0-3"},"dependencies":{"prop-types":"^15.5.8","react-create-component-from-tag-prop":"^1.2.1","styled-components-breakpoint":"^1.0.0-preview.3"},"devDependencies":{"babel-cli":"^6.22.2","babel-plugin-transform-object-rest-spread":"^6.23.0","babel-preset-es2015":"^6.22.0","babel-preset-react":"^6.23.0","react":"^15.4.2","react-dom":"^15.4.2","styled-components":"^2.0.0-3"},"scripts":{"build":"rm -rf ./dist && mkdir -p ./dist && babel ./src --out-dir ./dist","watch":"npm run build -- --watch","prepublish":"npm run build"},"license":"MIT","gitHead":"efd24156f8544dbd9cba705b85303fd58f88113f","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@2.1.3","_shasum":"cae2ea0632df1145edc3adddd5468bb3d089b54d","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"shasum":"cae2ea0632df1145edc3adddd5468bb3d089b54d","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-2.1.3.tgz","integrity":"sha512-ynQ8MYFVRnQr7sXWLoOeTZaJuL6viCbnzMJ29zQGyZvDVrG8L6ucoahDiE27grNkqtMuXszhWdU0yTd4uJ2Lkg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFNT48waQduAblgixJ0bgSg5FHf3TKmnBqyIYddw3F7cAiEAuXc+tXozK0xW3RLppihIlXS5/TkTV0fykeV9hFzq1+I="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing-2.1.3.tgz_1496232129027_0.6620746776461601"},"directories":{}},"3.0.0":{"name":"styled-components-spacing","version":"3.0.0","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/cjs/index.js","jsnext:main":"dist/esm/index.js","files":["dist/cjs","dist/esm"],"peerDependencies":{"styled-components":">= 1 < 4"},"dependencies":{"styled-components-breakpoint":"^2.0.1"},"devDependencies":{"@tradie/react-component-scripts":"^1.0.0-alpha.a573b72a","gh-pages":"^1.1.0","husky":"^0.14.3","jest-styled-components":"^4.11.0-1","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","styled-components":"^3.1.6"},"scripts":{"clean":"tradie clean","build":"tradie build","watch":"tradie build --watch","dev":"tradie dev","test":"tradie test","deploy":"gh-pages -d \"./dist/example\"","prepublishOnly":"yarn run clean && yarn run build && yarn run test","postpublish":"yarn run deploy","precommit":"lint-staged"},"lint-staged":{"*.{js,jsx,json,md}":["prettier --write","git add"]},"license":"MIT","gitHead":"248f1821ab710e52a4637a920fc84648bfd4b98f","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@3.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"integrity":"sha512-G1uc8zhYjH8kO/Xv1BpR9EiYcKMdtqgRXzJ9EDSU0Fu+ti9pEo/8Vt4yl876uBy+A4BvBdVBTVkMdOm/pGmxqw==","shasum":"67f9c48d96743e932a36afee1337ba4fb2a6f6ad","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-3.0.0.tgz","fileCount":15,"unpackedSize":37319,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiHR5R2mPkxE8GHJzi70OsS6WSWHnQt/ZoiTqWOgRNqwIgOBITGL9sa6qxoreNAsFRNnuNh5PFp9fofO86n3kgZIc="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_3.0.0_1518538465868_0.7699533239235457"},"_hasShrinkwrap":false},"3.0.1":{"name":"styled-components-spacing","version":"3.0.1","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/cjs/index.js","jsnext:main":"dist/esm/index.js","files":["dist/cjs","dist/esm"],"peerDependencies":{"styled-components":">= 1 < 4"},"dependencies":{"styled-components-breakpoint":"^2.0.1"},"devDependencies":{"@tradie/react-component-scripts":"^1.0.0-alpha.a573b72a","gh-pages":"^1.1.0","husky":"^0.14.3","jest-styled-components":"^4.11.0-1","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","styled-components":"^3.1.6"},"scripts":{"clean":"tradie clean","build":"tradie build","watch":"tradie build --watch","dev":"tradie dev","test":"tradie test","deploy":"gh-pages -d \"./dist/example\"","prepublishOnly":"yarn run clean && yarn run build && yarn run test","postpublish":"yarn run deploy","precommit":"lint-staged"},"lint-staged":{"*.{js,jsx,json,md}":["prettier --write","git add"]},"license":"MIT","gitHead":"603c5cf708ec159e3ef6256d402519a10f8a7731","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@3.0.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"integrity":"sha512-7t7Wkw8Hc81yZwi52iRa5WEhKGWFx7m4mrOqqp5u+KKR6XlgrCIL65ED9Z1RdB1zuynXe6k8dPUAzUDR97M1RA==","shasum":"f62e703b329921320e585b5bd1047327292a0c20","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-3.0.1.tgz","fileCount":15,"unpackedSize":37644,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbENlhCRA9TVsSAnZWagAAWLIP/3lUj2tPa5sSGu84FS1Q\nyyHDmYfsZiP1oCKfCZpbOcB+0sd7Z+uavvIBgm9cVnEebIxwixIxwNcYi24x\nKpCcszZzYZxtZy3iKoCu3sYBtmakxqguUWEAP++iuphnJfZI3vLSumeffJFH\nxuSeWJxpKAoWrFnphtAHMaurF097xZathsKnK5qnY2EJm6rW2i0A6Uxcc5D1\ncEyJVOd2mmwLe9l3SlJz+eIi3bYlKwh90CrHvSC32vOdroWxxULI9exLhFB7\nQqknM4qCYNbpA5yfzdkSRiHv/VXxudKu8PnxcF26FAOa9v2Gwi+ok48/dXM6\nHcTIL2M6Q/xwWtKFbGUb28B0LYbncZ3qotP84e0MF0kYD9416dPP/XkB4cjw\nyJe/7ivRMiCtgoDdzkoGnQmgsfrgPXCqHrdY/0DnU3zngMZxhDj5OoPkDYq5\nxP+dD3wD1cysuf+O7ZdbJSELF9Oo/xUrcF57ybFJ+KLa8SWSk4p6UXyuanP3\nza8TOsNAcmQbY+GA2+IbUyPamNSEZEPaY3xwMF1Coft781q7zflMEVCCSzaW\n4LrPTYbfCYMfUOC0YsKg+XjLy9bV9R9UjMQeZjhIEpwNebuZQ/tiqOzOF1oD\nK4C2foV9U8KecAyNBabKFDIwSjLM3oxfgdDWLDpoORjc4wuYKplOB0N8UCjm\nfqX8\r\n=XY3V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDkx2z4ItRRRJHjXgx2JCwaqmgX782v6flS4lftHqhKzAiEAkngk/uHlSPmpRCbAbMN/1+TwxHs73anjzhcE842O8EU="}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_3.0.1_1527830880826_0.9080964663369813"},"_hasShrinkwrap":false},"3.1.0":{"name":"styled-components-spacing","version":"3.1.0","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","jsnext:main":"dist/esm/index.js","files":["dist/cjs","dist/esm"],"peerDependencies":{"styled-components":">= 1 < 4"},"dependencies":{"styled-components-breakpoint":"^2.0.1"},"devDependencies":{"@tradie/react-component-scripts":"^1.0.0-alpha.a573b72a","gh-pages":"^1.1.0","husky":"^0.14.3","jest-styled-components":"^4.11.0-1","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","styled-components":"^3.1.6"},"scripts":{"clean":"tradie clean","build":"tradie build","watch":"tradie build --watch","dev":"tradie dev","test":"tradie test","deploy":"gh-pages -d \"./dist/example\"","prepublishOnly":"yarn run clean && yarn run build && yarn run test","postpublish":"yarn run deploy","precommit":"lint-staged"},"lint-staged":{"*.{js,jsx,json,md}":["prettier --write","git add"]},"license":"MIT","gitHead":"37d1d873b024b0c431f103c52fbc3119884fe530","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@3.1.0","_npmVersion":"6.1.0","_nodeVersion":"10.3.0","_npmUser":{"name":"jameslnewell","email":"james@digitaledgeit.com.au"},"dist":{"integrity":"sha512-Rjiufmyya9g/QwlSTt6jxsEzfTVrLUm4XlAZ62LpCj5TJLGqJgCKre3hHruqN2ILN6H0zRyWusJNlhlSii9csA==","shasum":"5fa2640122b6c47169e60cb1460d556279354a23","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-3.1.0.tgz","fileCount":15,"unpackedSize":37992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbOh0fCRA9TVsSAnZWagAASkAP/3TRrQNCEcY/Lqde4MvE\n3XyxCmnHOPOOmt3KqgEVY6PRMaKrKZb6fOJoOEKsKym9Gf6FAfQEYeatliRb\niBSCYhZnwLpV1CtgKOnsz7CEQx6XTyHmABY/C47Swken32pJKc1EIBaoO4LG\ns6JrzlhPCL3e6WdlLYvzVTMi8tJlFLAwbcBoMbT4ZHSNS7SuwaT7WA05VB9+\nnX3sD1csOnv5WeO1bf92l5vYrEyvPZgispbGBTkow2F5cKzt7zHkx1Xf8AON\n+K8LGc/LwAyIjGzd1LXJM1Ik0UoKuAvs3Fa38Eqji+Aucx5SK+Iirr+KeiMC\nkUQooWPOCGCYqEsCDIflY2TBiz9AWulVAdAmFnv3SuT7tB/0RuxV3aLQSJSm\nRz22xTU/gCYDkZ1aqWH841mg86h0BFekP8SN77u516xpRM/i9QH4Y2sya88m\nxgcYNKDQVA2wNhouF1JU064UobiVciMrDrVjzB6JRhmzg3Ah1c4EhX8Ostux\nt79blD1dzX6ToaHWD8DYgX/ENwvzUGpcVTDe6uzyA6Ik5qA5Sh5XO169TZXR\nwznHSIz/cq0CA9RZmkPcsNF3BNVlgBrllRPqefBFtftat0D1RyMXRZVwXey/\nnjUTY623AEXs/29DklX1grDuJ3U9ulrdPcdfdasXA18uJzy1xP3y4Q3ADLe6\nhzj7\r\n=l4CO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNmmwdsdvpftG/cLMw4UccdFClEeNiNqjbTBySeN9g/gIhALAKYEnYwGo6AKHXoyaeXxEe9O/On2RUaRxTIMYKHwYe"}]},"maintainers":[{"name":"jameslnewell","email":"james@digitaledgeit.com.au"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_3.1.0_1530535199089_0.2609343911476478"},"_hasShrinkwrap":false},"3.1.1":{"name":"styled-components-spacing","version":"3.1.1","description":"Responsive margin and padding components for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","jsnext:main":"dist/esm/index.js","peerDependencies":{"styled-components":">= 1 < 4"},"dependencies":{"styled-components-breakpoint":"^2.0.1"},"devDependencies":{"@tradie/react-component-scripts":"^1.0.0-alpha.a573b72a","gh-pages":"^1.1.0","husky":"^0.14.3","jest-styled-components":"^4.11.0-1","lint-staged":"^6.1.0","prettier":"^1.10.2","react":"^16.2.0","react-dom":"^16.2.0","react-test-renderer":"^16.2.0","styled-components":"^3.1.6"},"scripts":{"clean":"tradie clean","build":"tradie build","watch":"tradie build --watch","dev":"tradie dev","test":"tradie test","deploy":"gh-pages -d \"./dist/example\"","prepublishOnly":"yarn run clean && yarn run build && yarn run test","postpublish":"yarn run deploy","precommit":"lint-staged"},"lint-staged":{"*.{js,jsx,json,md}":["prettier --write","git add"]},"license":"MIT","gitHead":"2c09fcc7783efea3705c817edcb5cc3e9da50865","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@3.1.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"lauriejones","email":"hello@lauriejones.me"},"dist":{"integrity":"sha512-KaWsmaaa3JTXdtj1Nc4eZzv6gxz8lVlBbJ1WWf2nXqcy7GVJKRYfbDwQ3iZWj0qxQqp3Rbqpjk5bmj5moWCz3A==","shasum":"6485921d5bdccd83ef369ac46e191411aa6588f5","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-3.1.1.tgz","fileCount":15,"unpackedSize":42474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7d56CRA9TVsSAnZWagAAjYYP/ja0Orq1pOIIiiiXKTvV\n9z7nu3VgDnP4dIQv0guZy3LeQq41ZtKHboPbumr2lDBu4Yl/T9+DYhZIkT/v\nO86saBqlcL/emqq7hkxQ4udIsLyIf60xKxvSSA7GeCPTl/44hq5vf/Rz42wF\n0BzEHgNxEx5bO1z8jXMCRmpM+tIEQ7EPGhmdtu6PsVN7RvT2FgSGZybvjHnN\n9DmHGtqn5WOSNReq0kR+vkZJyfg0uF4icTXpmPhcK/btOC8H7p+He2BE1qM6\nNZrqMZFnJyefZEPL3ehX9S8ICKSDTKhonqirkpoSqazWEZKn39ka/LA26TDY\n6itO7Qb6KWh6o7PuQovde/N8NCg9iJJb2b0qchKuOyoNfUUvv91gfc2Z4y9T\nvD/qSr8dCOjuBZ2QoQ+Cw4QgXIIC2DBeC4I6ydYjSex7bknu8eryPYbmUEYh\nYivwBsW5UFbsiTM3h0EwNhUyKhzs04UZROR8+rUJwFx+eddLP9WfPZytxnlW\n20oy5r4Zajqc64QcrUwUNh8Zhd8P/euDFJkoI2K83qUqcz3k8z9WCxbdIGBR\nensRFtAOSVn5a21Ck3vF4PMQYB/lWmj9ZQQ+80pyjLxWolBqN+irYPzZODuc\ndrmVKEG/tVOTpw2LjOMc+CcuJ9kK2yhtpE6gQRJjcJL84ZRt2N69vNHyfa/G\nPgBE\r\n=JASX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGGYXb9zwsFtGcFXdvFAg3eLUWwouuukr1ojZUYJvZH1AiBRhFG9b8lt9/f93B1p2C+jnm+g/AH1hxsFIqNi9y477g=="}]},"maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_3.1.1_1542315642094_0.7911768800707826"},"_hasShrinkwrap":false},"4.0.0-preview.1":{"name":"styled-components-spacing","version":"4.0.0-preview.1","description":"Responsive margin and padding utilities for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"source":"src/index.ts","main":"dist/index.js","module":"dist/index.m.js","types":"dist/index.d.ts","dependencies":{"styled-components-breakpoint":"^3.0.0-preview.12"},"peerDependencies":{"@types/styled-components":"^4.1.19","styled-components":">= 1 <= 4"},"devDependencies":{"@jameslnewell/editor-config":"^1.0.1","@jameslnewell/eslint-config":"^0.12.0","@jameslnewell/jest-preset-test":"^4.0.0","@jameslnewell/prettier-config":"^1.0.1","@jameslnewell/typescript-config":"^3.0.0","@testing-library/react":"^9.1.4","@types/jest":"^24.0.18","@types/react":"^16.9.2","@types/styled-components":"^4.1.19","babel-core":"^6.26.3","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^6.3.0","gh-pages":"^2.1.1","husky":"^3.0.5","jest":"^24.9.0","jest-styled-components":"^6.3.3","lint-staged":"^9.2.5","microbundle":"^0.11.0","parcel-bundler":"^1.12.3","prettier":"^1.18.2","react":"^16.9.0","react-dom":"^16.9.0","styled-components":"^4.3.2","typescript":"^3.6.3"},"scripts":{"clean":"rm -rf dist .cache .rts2_cache* example/dist example.cache","check:linting":"eslint --fix --ext .ts,.js,.jsx src","check:types":"tsc --noEmit --project tsconfig.json && tsc --noEmit --project example/tsconfig.json","check":"yarn run check:linting && yarn run check:types","build:bundle":"microbundle build -f es,cjs --tsconfig tsconfig.build.json","build:example":"parcel build example/src/index.html --public-url /styled-components-spacing --out-dir example/dist","build":"yarn run build:bundle && yarn run build:example","test":"jest","deploy":"gh-pages -d example/dist","start":"parcel example/src/index.html --out-dir example/dist","prepublishOnly":"yarn run clean && yarn run check && yarn run build && yarn run test && yarn run deploy"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{md,json,js,jsx,ts,tsx}":["prettier --write","git add"]},"license":"MIT","readme":"# styled-components-spacing\n\n   [![Build Status]](https://github.com/jameslnewell/styled-components-spacing/actions)\n\nResponsive margin and padding utilities for `styled-components` 💅.\n\n> 🕸 [Website](https://jameslnewell.github.io/styled-components-spacing/)\n\n> 📘 [Change log](https://github.com/jameslnewell/styled-components-spacing/blob/master/CHANGELOG.md)\n\n> 👀 Have a look at [`styled-components-breakpoint`](https://github.com/jameslnewell/styled-components-breakpoint) and [`styled-components-grid`](https://github.com/jameslnewell/styled-components-grid) which both work well with this package.\n\n## Installation\n\nNPM:\n\n```\nnpm install styled-components-spacing\n```\n\nYarn:\n\n```bash\nyarn add styled-components-spacing\n```\n\n## Usage\n\n### Using the default spacings at the default breakpoints\n\n```js\nimport React from 'react';\nimport { Margin, Padding } from 'styled-components-spacing';\n\n\n \n Hello World\n You are on earth!\n \n \n \n \n;\n```\n\n### Using custom spacings at custom breakpoints\n\nSpacings and breakpoints can be customised using `ThemeProvider`. For example, to use the same breakpoints and spacings as [Bootstrap](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints), you can do so like this:\n\n```js\nimport React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { Margin, Padding } from 'styled-components-spacing';\n\nconst theme = {\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n },\n spacing: {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n }\n};\n\n\n \n \n Hello World\n You are on earth!\n \n \n \n \n \n;\n```\n\n### Using the mixins\n\n```js\nimport React from 'react';\nimport styled from 'styled-components';\nimport { my, px } from 'styled-components-spacing';\n\nconst Panel = styled.div`\n ${my({ mobile: 2, tablet: 4 })} ${px(6)};\n`;\n```\n\n## Components\n\n### <Margin/>\n\n#### all\n\nMargin on all sides.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### horizontal\n\nMargin on the left and right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### vertical\n\nMargin on the top and bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### top\n\nMargin on the top.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### bottom\n\nMargin on the bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### left\n\nMargin on the left.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### right\n\nMargin on the right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### inline\n\nSize the element to the width of its children.\n\nOptional. A `boolean`. Defaults to `false`.\n\n### <Padding/>\n\n#### all\n\nPadding on all sides.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### horizontal\n\nPadding on the left and right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### vertical\n\nPadding on the top and bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### top\n\nPadding on the top.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### bottom\n\nPadding on the bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### left\n\nPadding on the left.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### right\n\nPadding on the right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### inline\n\nSize the element to the width of its children.\n\nOptional. A `boolean`. Defaults to `false`.\n\n## Mixins\n\n#### m(values)\n\nMargin on all sides.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mx(values)\n\nMargin on the left and right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### my(values)\n\nMargin on the top and bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mt(values)\n\nMargin on the top.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mr(values)\n\nMargin on the right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mb(values)\n\nMargin on the bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### ml(values)\n\nMargin on the left.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n---\n\n#### p(values)\n\nPadding on all sides.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### px(values)\n\nPadding on the left and right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### py(values)\n\nPadding on the top and bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pt(values)\n\nPadding on the top.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pr(values)\n\nPadding on the right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pb(values)\n\nPadding on the bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pl(values)\n\nPadding on the left.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n## Defaults\n\n```js\n{\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '2rem',\n 5: '4rem',\n 6: '8rem'\n}\n```\n\n## Rendering on a custom component\n\nThis library no longer supports the `component` prop - if you wish to use a custom component with this library use [`.withComponent()`](https://www.styled-components.com/docs/api#withcomponent)\n","readmeFilename":"README.md","gitHead":"bbe0480fc9c137e72d96536e856c12b5ee5b27ba","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@4.0.0-preview.1","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-gf7sMoFl9FXG209vhHM9n80mKEngQsvxEmP0vsJg3GVOaP4i7ANR3eWnpB/zUsy5O2BHmNKe0UrFqt6bDz2ypg==","shasum":"c0ce6ddb5d79ebbf1cdd02e59836b30292e71420","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-4.0.0-preview.1.tgz","fileCount":21,"unpackedSize":63131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdlu19CRA9TVsSAnZWagAAvzEQAIu5/GGMH25SDkovcJZ7\nYtD1PN9wnjF22Cwen4g4ITO5YAs5uuR4IgcELB0/TkoU/die4NJB+3/MIzOk\nulr/JR3Jtqb3vp3eM1KP6YUOreoTyuPxnSF+4a4A24T9OM89d6q/VQ6YqpcS\n2HXwccb8GOmLGxgtgfYT6vUytH/v2CYQXozzpf1kkmO95FbnAJjE/ExwKu6E\nOWXhqVCEOgIKTtn+/dJeEE3vRv/2gGtenW9ZvH5LazLLq9dTrPKxc420YvaH\nNEqJQ5bHbpwp2FIzN0dTs+23CdDvykiZpoS+CDilox0H4awRE2F267ZqLEBY\nSR3HnPxZu5Ub+cAE5uwl+G3/gHlJLwjkh3C4vx4rooKIHGEjSza6EGGS8goZ\n7Z1R0Tc4EaI5iGXAHKCDkJxbkW8tI5xn7zCLKAtCuPWuZopkRPwRAlOeX2PA\nUnOGvl+sNkNJFM3/2BYRDlNVioyiRxT5DfYR5f03toz1TC3lBXl3ekFB/T8I\nmhGmfPNj43YtFfiAVOzPRLwFtvIB811eZ1GkKRD4IE6Yuo43elB+OkGZM/75\n4jc0NPOe7UOEK/YIAgF/ATM4XvFTCxVRJhJ06ps/vWITx/8uTSudxUxi1GqG\nsa+94cv1oKIy49XSKiGmeL0rEyu8U2KemFgDJwpifgKG6JroCrrEjZ+FITOT\nhpu+\r\n=nuIu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEB8ljJNXfPHkWApXl1s9v8GqgB/Idm1Vffsoo0nBUVjAiEAwLp0yrwRbfWujvuNfI1DLlYgD668MqOHBrAam/VzFxA="}]},"maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"_npmUser":{"name":"jameslnewell","email":"james@jameslnewell.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_4.0.0-preview.1_1570172284836_0.9484854972183745"},"_hasShrinkwrap":false},"4.0.0-preview.2":{"name":"styled-components-spacing","version":"4.0.0-preview.2","description":"Responsive margin and padding utilities for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"source":"src/index.ts","main":"dist/index.js","module":"dist/index.m.js","types":"dist/index.d.ts","dependencies":{"styled-components-breakpoint":"^3.0.0-preview.13"},"peerDependencies":{"@types/styled-components":"^4.1.19","styled-components":">= 1 <= 4"},"devDependencies":{"@jameslnewell/editor-config":"^1.0.1","@jameslnewell/eslint-config":"^0.12.0","@jameslnewell/jest-preset-test":"^4.0.0","@jameslnewell/prettier-config":"^1.0.1","@jameslnewell/typescript-config":"^3.0.0","@testing-library/react":"^9.1.4","@types/jest":"^24.0.18","@types/react":"^16.9.2","@types/styled-components":"^4.1.19","babel-core":"^6.26.3","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^6.3.0","gh-pages":"^2.1.1","husky":"^3.0.5","jest":"^24.9.0","jest-styled-components":"^6.3.3","lint-staged":"^9.2.5","microbundle":"^0.11.0","parcel-bundler":"^1.12.3","prettier":"^1.18.2","react":"^16.9.0","react-dom":"^16.9.0","styled-components":"^4.3.2","typescript":"^3.6.3"},"scripts":{"clean":"rm -rf dist .cache .rts2_cache* example/dist example.cache","check:linting":"eslint --fix --ext .ts,.js,.jsx src","check:types":"tsc --noEmit --project tsconfig.json && tsc --noEmit --project example/tsconfig.json","check":"yarn run check:linting && yarn run check:types","build:bundle":"microbundle build -f es,cjs --tsconfig tsconfig.build.json","build:example":"parcel build example/src/index.html --public-url /styled-components-spacing --out-dir example/dist","build":"yarn run build:bundle && yarn run build:example","test":"jest","deploy":"gh-pages -d example/dist","start":"parcel example/src/index.html --out-dir example/dist","prepublishOnly":"yarn run clean && yarn run check && yarn run build && yarn run test && yarn run deploy"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{md,json,js,jsx,ts,tsx}":["prettier --write","git add"]},"license":"MIT","readme":"# styled-components-spacing\n\n   [![Build Status]](https://github.com/jameslnewell/styled-components-spacing/actions)\n\nResponsive margin and padding utilities for `styled-components` 💅.\n\n> 🕸 [Website](https://jameslnewell.github.io/styled-components-spacing/)\n\n> 📘 [Change log](https://github.com/jameslnewell/styled-components-spacing/blob/master/CHANGELOG.md)\n\n> 👀 Have a look at [`styled-components-breakpoint`](https://github.com/jameslnewell/styled-components-breakpoint) and [`styled-components-grid`](https://github.com/jameslnewell/styled-components-grid) which both work well with this package.\n\n## Installation\n\nNPM:\n\n```\nnpm install styled-components-spacing\n```\n\nYarn:\n\n```bash\nyarn add styled-components-spacing\n```\n\n## Usage\n\n### Using the default spacings at the default breakpoints\n\n```js\nimport React from 'react';\nimport { Margin, Padding } from 'styled-components-spacing';\n\n\n \n Hello World\n You are on earth!\n \n \n \n \n;\n```\n\n### Using custom spacings at custom breakpoints\n\nSpacings and breakpoints can be customised using `ThemeProvider`. For example, to use the same breakpoints and spacings as [Bootstrap](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints), you can do so like this:\n\n```js\nimport React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { Margin, Padding } from 'styled-components-spacing';\n\nconst theme = {\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n },\n spacing: {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n }\n};\n\n\n \n \n Hello World\n You are on earth!\n \n \n \n \n \n;\n```\n\n### Using the mixins\n\n```js\nimport React from 'react';\nimport styled from 'styled-components';\nimport { my, px } from 'styled-components-spacing';\n\nconst Panel = styled.div`\n ${my({ mobile: 2, tablet: 4 })} ${px(6)};\n`;\n```\n\n## Components\n\n### <Margin/>\n\n#### all\n\nMargin on all sides.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### horizontal\n\nMargin on the left and right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### vertical\n\nMargin on the top and bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### top\n\nMargin on the top.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### bottom\n\nMargin on the bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### left\n\nMargin on the left.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### right\n\nMargin on the right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### inline\n\nSize the element to the width of its children.\n\nOptional. A `boolean`. Defaults to `false`.\n\n### <Padding/>\n\n#### all\n\nPadding on all sides.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### horizontal\n\nPadding on the left and right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### vertical\n\nPadding on the top and bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### top\n\nPadding on the top.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### bottom\n\nPadding on the bottom.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### left\n\nPadding on the left.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### right\n\nPadding on the right.\n\nOptional. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### inline\n\nSize the element to the width of its children.\n\nOptional. A `boolean`. Defaults to `false`.\n\n## Mixins\n\n#### m(values)\n\nMargin on all sides.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mx(values)\n\nMargin on the left and right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### my(values)\n\nMargin on the top and bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mt(values)\n\nMargin on the top.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mr(values)\n\nMargin on the right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### mb(values)\n\nMargin on the bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### ml(values)\n\nMargin on the left.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n---\n\n#### p(values)\n\nPadding on all sides.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### px(values)\n\nPadding on the left and right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### py(values)\n\nPadding on the top and bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pt(values)\n\nPadding on the top.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pr(values)\n\nPadding on the right.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pb(values)\n\nPadding on the bottom.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n#### pl(values)\n\nPadding on the left.\n\n**Parameters:**\n\n- `values` - Required. A `string` or `number` specifying the spacing key. May be a keyed `object` specifying spacing keys for multiple breakpoints.\n\n## Defaults\n\n```js\n{\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '2rem',\n 5: '4rem',\n 6: '8rem'\n}\n```\n\n## Rendering on a custom component\n\nThis library no longer supports the `component` prop - if you wish to use a custom component with this library use [`.withComponent()`](https://www.styled-components.com/docs/api#withcomponent)\n","readmeFilename":"README.md","gitHead":"3d3989e4575eeb56cf2737869b15a144f943ca5a","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@4.0.0-preview.2","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-HNwjlLdEriTT9HapyGTX7C6kjiRZ221wR0c9m/BZQfQR3PHxbYF/rvb06kw70u6+9/pBGa5YlkxUixaDhUy64g==","shasum":"7992dfe6229c900f5203e69537cd52cc14f7e3f3","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-4.0.0-preview.2.tgz","fileCount":21,"unpackedSize":63131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnAQMCRA9TVsSAnZWagAAXGwP/34sdK9YwWl2v+u2F+y1\n4/IW+PwtXOuFNkYUJMiRPOfJA+ykQfekiU1jithGVUGAYsmoE5YJXPwJeBVv\ncBjcWnQTEyQYkhtIIpnM2yT1h+vKClR5+CuUixgvtH+UThst/V4sU2Uqwe0W\n98qSSxM0mPFAVSONaxfFv5lZaxD6vm926aBouTgluEgSlkOjlPoibL55QQk8\n0veDetuhcjrKpOjk3unNIed3KntfpDwYsvmwL7TnSSjxoBpD9gJeH27rPdg7\n9WAYwJdYUDpFoIugakZI5ObSzfsVSTwrt4WtL8tXFd9l0uu3dTrFYG6Fq0Md\nOk/Elu3FPOqguE0KHT9/fBOqJO7rlBoqgk2PySVolmmmq2MURuN5YS7PJ+FE\nvSBhY7W8IAR9Zqb91MKduLrmHOsa8ZQ5VD4vAEmoszBAD8+yTB0+frO3KrhU\nyRxAGvU3boCrzRVt32cAuPGYv4Ofgui909pcziEuS3sHpM2uU6OoOQwkHERk\nLy0kWvKFB0smGU383dS6Vo5KNDeFypdpTkOOggu/7BjIINklzUSZmIILyHvY\n3PTduDKDAuurwgZ/Uiph+vc8r4SuicNkan1tPRE8VQAYCLmcgaRDSEjt4j6Z\nv4zoPx2N9z99NJ4+Zn3QPfphx7PosfiNcmIDqdfszc2GF8IDwn6Wa0lSLJEe\nCElj\r\n=U4HY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfhxVLSxXeSVpdbDwx3N1Rvm/Ys74hI71DLvrr2Gk4DQIhALx+dZEwdMr1WWk5g/Sp5EJjQeaKtm4DrvNebTobcQmn"}]},"maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"_npmUser":{"name":"jameslnewell","email":"james@jameslnewell.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_4.0.0-preview.2_1570505739772_0.37442358624486327"},"_hasShrinkwrap":false},"4.0.0-preview.3":{"name":"styled-components-spacing","version":"4.0.0-preview.3","description":"Responsive margin and padding utilities for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"source":"src/index.ts","main":"dist/index.js","module":"dist/index.m.js","types":"dist/index.d.ts","dependencies":{"styled-components-breakpoint":"^3.0.0-preview.14"},"peerDependencies":{"@types/styled-components":"^4.1.19","styled-components":">= 1 <= 4"},"devDependencies":{"@jameslnewell/editor-config":"^1.0.1","@jameslnewell/eslint-config":"^0.12.0","@jameslnewell/jest-preset-test":"^4.0.0","@jameslnewell/prettier-config":"^1.0.1","@jameslnewell/typescript-config":"^3.0.0","@testing-library/react":"^9.1.4","@types/jest":"^24.0.18","@types/react":"^16.9.2","@types/styled-components":"^4.1.19","babel-core":"^6.26.3","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^6.3.0","gh-pages":"^2.1.1","husky":"^3.0.5","jest":"^24.9.0","jest-styled-components":"^6.3.3","lint-staged":"^9.2.5","microbundle":"^0.11.0","parcel-bundler":"^1.12.3","prettier":"^1.18.2","react":"^16.9.0","react-dom":"^16.9.0","styled-components":"^4.3.2","typescript":"^3.6.3"},"scripts":{"clean":"rm -rf dist .cache .rts2_cache* example/dist example.cache","check:linting":"eslint --fix --ext .ts,.js,.jsx src","check:types":"tsc --noEmit --project tsconfig.json && tsc --noEmit --project example/tsconfig.json","check":"yarn run check:linting && yarn run check:types","build:bundle":"microbundle build -f es,cjs --tsconfig tsconfig.build.json","build:example":"parcel build example/src/index.html --public-url /styled-components-spacing --out-dir example/dist","build":"yarn run build:bundle && yarn run build:example","test":"jest","deploy":"gh-pages -d example/dist","start":"parcel example/src/index.html --out-dir example/dist","prepublishOnly":"yarn run clean && yarn run check && yarn run build && yarn run test && yarn run deploy"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{md,json,js,jsx,ts,tsx}":["prettier --write","git add"]},"license":"MIT","readme":"# styled-components-spacing\n\n   [![Build Status]](https://github.com/jameslnewell/styled-components-spacing/actions)\n\nResponsive margin and padding utilities for `styled-components` 💅.\n\n> 🕸 [Website](https://jameslnewell.github.io/styled-components-spacing/)\n\n> 📘 [Change log](https://github.com/jameslnewell/styled-components-spacing/blob/master/CHANGELOG.md)\n\n> 👀 Have a look at [`styled-components-breakpoint`](https://github.com/jameslnewell/styled-components-breakpoint) and [`styled-components-grid`](https://github.com/jameslnewell/styled-components-grid) which both work well with this package.\n\n## Installation\n\nNPM:\n\n```\nnpm install styled-components-spacing\n```\n\nYarn:\n\n```bash\nyarn add styled-components-spacing\n```\n\n## Usage\n\n### Using the themable mixins\n\n```js\nimport React from 'react';\nimport styled from 'styled-components';\nimport { marginY, paddingX } from 'styled-components-spacing';\n\nconst HeroPanel = styled.div`\n ${marginY({ mobile: 2, tablet: 4 })}\n ${paddingX(6)};\n`;\n```\n\n### Using the themable component\n\n```js\nimport React from 'react';\nimport { Spacing } from 'styled-components-spacing';\n\n\n \n Hello World\n You are on earth!\n \n \n \n \n;\n```\n\n### Using custom breakpoints and spacings for the themable mixins and components\n\nThe themable breakpoints and spacings can be customised using `ThemeProvider`. For example, to use the same breakpoints and spacings as [Bootstrap](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints), you can do so like this:\n\n```jsx\nimport React from 'react';\nimport { ThemeProvider } from 'styled-components';\n\nconst theme = {\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n },\n spacing: {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n }\n};\n\n{/* ... */};\n```\n\nIf you're using Typescript, you'll also need to define the breakpoints and spacings on the theme.\n\n`styled.d.ts`\n\n```tsx\nimport { DefaultTheme } from 'styled-components';\n\ndeclare module 'styled-components' {\n export interface DefaultTheme {\n breakpoints: {\n [name in 'xs' | 'sm' | 'md' | 'lg' | 'xl']: number;\n };\n spacings: {\n [name in 0 | 1 | 2 | 3 | 4 | 5]: string;\n };\n }\n}\n```\n\n### Using the mixin factories\n\nIf your breakpoints and spacings don't need to be themable then you can use the static mixin factories.\n\n```jsx\nimport styled from 'styled-components';\nimport { createMap } from 'styled-components-breakpoint';\nimport { createMarginY, createPaddingX } from 'styled-components-spacing';\n\nconst breakpoints = {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n};\n\nconst spacing {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n};\n\nconst map = createMap(breakpoints);\nconst marginY = createMarginY(map, spacings);\nconst paddingX = createPaddingX(map, spacings);\n\nconst HeroPanel = styled.div`\n ${marginY({ xs: 2, md: 4 })}\n ${paddingX(5)};\n`;\n```\n\n## API\n\n### Margin mixins\n\nThemable mixins for margin.\n\n| Function | Alias | Description |\n| -------------------- | ---------- | ----------------------------- |\n| `margin(name)` | `m(name)` | Margin on all sides. |\n| `marginY(name)` | `my(name)` | Margin on the top and bottom. |\n| `marginX(name)` | `mx(name)` | Margin on the left and right. |\n| `marginTop(name)` | `mt(name)` | Margin on the top. |\n| `marginRight(name)` | `mr(name)` | Margin on the right. |\n| `marginBottom(name)` | `mb(name)` | Margin on the bottom. |\n| `marginLeft(name)` | `ml(name)` | Margin on the left. |\n\n> Where `name` is a `string` or `number` specifying the spacing name. May be a map `object` specifying spacing across various breakpoints.\n\n### Padding mixins\n\nThemable mixins for padding.\n\n| Function | Alias | Description |\n| --------------------- | ---------- | ------------------------------ |\n| `padding(name)` | `mpsize)` | Padding on all sides. |\n| `paddingY(name)` | `py(name)` | Padding on the top and bottom. |\n| `paddingX(name)` | `px(name)` | Padding on the left and right. |\n| `paddingTop(name)` | `pt(name)` | Padding on the top. |\n| `paddingRight(name)` | `pr(name)` | Padding on the right. |\n| `paddingBottom(name)` | `pb(name)` | Padding on the bottom. |\n| `paddingLeft(name)` | `pl(name)` | Padding on the left. |\n\n> Where `name` is a `string` or `number` specifying the spacing name. May be a map `object` specifying spacing across various breakpoints.\n\n### <Spacing/> components\n\nA themable component for margin and padding.\n\n| Property | Alias | Type | Default | Description |\n| --------------- | ----- | -------------------------------- | ------- | ---------------------------------------------- |\n| `inline` | | `boolean` | `false` | Size the element to the width of its children. |\n| `margin` | `m` | `string` or `number` or `object` | | Margin on all sides. |\n| `marginY` | `my` | `string` or `number` or `object` | | Margin on the top and bottom. |\n| `marginX` | `mx` | `string` or `number` or `object` | | Margin on the left and right. |\n| `marginTop` | `mt` | `string` or `number` or `object` | | Margin on the left and right. |\n| `marginRight` | `mr` | `string` or `number` or `object` | | Margin on the right. |\n| `marginBottom` | `mb` | `string` or `number` or `object` | | Margin on the bottom. |\n| `marginLeft` | `ml` | `string` or `number` or `object` | | Margin on the left. |\n| `padding` | `p` | `string` or `number` or `object` | | Padding on all sides. |\n| `paddingY` | `py` | `string` or `number` or `object` | | Padding on the top and bottom. |\n| `paddingX` | `px` | `string` or `number` or `object` | | Padding on the left and right. |\n| `paddingTop` | `pt` | `string` or `number` or `object` | | Padding on the left and right. |\n| `paddingRight` | `pr` | `string` or `number` or `object` | | Padding on the right. |\n| `paddingBottom` | `pb` | `string` or `number` or `object` | | Padding on the bottom. |\n| `paddingLeft` | `pl` | `string` or `number` or `object` | | Padding on the left. |\n\n### Margin mixin factories\n\nFactory functions to create mixins for margin:\n\n- `createMargin(map, spacings)`\n- `createMarginY(map, spacings)`\n- `createMarginX(map, spacings)`\n- `createMarginTop(map, spacings)`\n- `createMarginRight(map, spacings)`\n- `createMarginBottom(map, spacings)`\n- `createMarginLeft(map, spacings)`\n\n> Where `map` is function created by `createMap` from `styled-components-breakpoint`.\n\n> Where `spacings` is a map of spacings.\n\n### Padding mixin factories\n\nFactory functions to create mixins for padding:\n\n- `createPadding(map, spacings)`\n- `createPaddingY(map, spacings)`\n- `createPaddingX(map, spacings)`\n- `createPaddingTop(map, spacings)`\n- `createPaddingRight(map, spacings)`\n- `createPaddingBottom(map, spacings)`\n- `createPaddingLeft(map, spacings)`\n\n> Where `map` is function created by `createMap` from `styled-components-breakpoint`.\n\n> Where `spacings` is a map of spacings.\n\n## Default spacings\n\nIf you don't provide any spacings, the default spacings used by the mixins and components are:\n\n| Name | Value |\n| ---- | --------- |\n| `0` | `0` |\n| `1` | `0.25rem` |\n| `2` | `0.5rem` |\n| `3` | `1rem` |\n| `4` | `2rem` |\n| `5` | `4rem` |\n| `6` | `8rem` |\n","readmeFilename":"README.md","gitHead":"673132c8b35dc64e50345ae3c9f85cfb294f3738","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@4.0.0-preview.3","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-aZXOuyLq/v7MH8Aqg7m4JYjthGpDqzaCbI8heFBmOwwIhfdQeShFyrw4faB9OX91jPSJdqKkRLOhaOv4H3loiQ==","shasum":"9bb5bb04ca9f27f7461bef3bbecf094c2d217377","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-4.0.0-preview.3.tgz","fileCount":21,"unpackedSize":83846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdndvQCRA9TVsSAnZWagAAcz4P/0ub7YYzlDJl55k53BZT\nRCXxcYO31call/zQBZtN95OpNUGTNjGB5zNHoR3Kc5453vbJR7dem2jUEQnT\nzE+A/zShgRoLz6jVBkrDPUjOx8oVQZxw83jej6YRcHNP3J9TbZcNjMUPdQK9\nBNA/jyvbWPGaSKNBWD20bgSAlgHqCxCEIuK+r/ZrB12jJ6JCpavNygRRDlxy\nmsqfqEPTMoSdLbvD2Tk9T4feUdo4osz4ijT+IMEfyHFY5f76ZXR3xDqTCzfs\nWJ0tqruwnVXux7EwH+sdz1FD/AvWYntb1XCSo4WNWafbChADlKP6HLIFL4MD\nagKiT2RpXYLeeKzeRjDBrNoMr0X4ZVPGuaEUjbJYEj4lebdHKuizeHiR0goJ\nxF6kHzpl2c49msNMNc6arHETX3ccGY0kgNzFgU6h9B0xY3kD+IwUUHCPTJrs\nwmLuVIFUU6Cf4c8CfiTOciPcBbrEeQr/DPGGX+0bCb0ZJkNwBwtUcGbHrQuh\nKmJUmGE6n0ecVgDU0MKzz3YSDvDGY+dDsl46NB9MY3TQy6x530+en0sU6EKB\nOW+YmP8yPVXnToSpjWKFpwmD5FVJRb3avNajnbu8J8lM/qklsoEP6lJT1w8T\nACNq3zNKH5J5eIWj7AZDdfIxgs/eGApeFYqsTbpxFltctvlaDmkjcKAxM0Wp\nmPZu\r\n=aMPn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzDb0TeX704Pr0MZkzUuQR+mrlUrQX5/8is9hkNl4cEwIhAMzxPr33kkeGFDgLYzrrFPjC38E3ZPXz+y0IGs/X9bQ8"}]},"maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"_npmUser":{"name":"jameslnewell","email":"james@jameslnewell.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_4.0.0-preview.3_1570626511662_0.12952290974268044"},"_hasShrinkwrap":false},"4.0.0-preview.4":{"name":"styled-components-spacing","version":"4.0.0-preview.4","description":"Responsive margin and padding utilities for `styled-components`💅.","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"source":"src/index.ts","main":"dist/index.js","module":"dist/index.m.js","types":"dist/index.d.ts","dependencies":{"styled-components-breakpoint":"^3.0.0-preview.19"},"peerDependencies":{"@types/styled-components":"^4.1.19","styled-components":">= 1 <= 4"},"devDependencies":{"@jameslnewell/editor-config":"^1.0.1","@jameslnewell/eslint-config":"^0.13.5","@jameslnewell/jest-preset-test":"^4.0.0","@jameslnewell/prettier-config":"^1.0.1","@jameslnewell/typescript-config":"^3.0.0","@testing-library/react":"^9.1.4","@types/jest":"^24.0.18","@types/react":"^16.9.2","@types/styled-components":"^4.1.19","babel-core":"^6.26.3","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","eslint":"^6.3.0","gh-pages":"^2.1.1","husky":"^3.0.5","jest":"^24.9.0","jest-styled-components":"^6.3.3","lint-staged":"^9.2.5","microbundle":"^0.11.0","parcel-bundler":"^1.12.3","prettier":"^1.18.2","react":"^16.9.0","react-dom":"^16.9.0","styled-components":"^4.3.2","typescript":"^3.6.3"},"scripts":{"clean":"rm -rf dist .cache .rts2_cache* example/dist example.cache","check:linting":"eslint --fix --ext .ts,.tsx,.js,.jsx src","check:types":"tsc --noEmit --project tsconfig.json && tsc --noEmit --project example/tsconfig.json","check":"yarn run check:linting && yarn run check:types","build:bundle":"microbundle build -f es,cjs --tsconfig tsconfig.build.json","build:example":"parcel build example/src/index.html --public-url /styled-components-spacing --out-dir example/dist","build":"yarn run build:bundle && yarn run build:example","test":"jest","deploy":"gh-pages -d example/dist","start":"parcel example/src/index.html --out-dir example/dist","prepublishOnly":"yarn run clean && yarn run check && yarn run build && yarn run test && yarn run deploy"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{md,json,js,jsx,ts,tsx}":["prettier --write","git add"]},"license":"MIT","gitHead":"eb7c2be8c2d4dd5157b3168eb2736486490fc906","bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","_id":"styled-components-spacing@4.0.0-preview.4","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-i2l/QJ9aRHKrKyaOZQ08hDlbqSuDUc/MxZFI+tUhVb7HSNe+zBWZBbIi6EfzieQpOmmyXGqRxKhV9yhcnzXwvQ==","shasum":"0b55860b0c350ca9e469b8e8c3801c10eabc9630","tarball":"https://registry.npmjs.org/styled-components-spacing/-/styled-components-spacing-4.0.0-preview.4.tgz","fileCount":21,"unpackedSize":84559,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsnxyCRA9TVsSAnZWagAAXwYP/13dCMwq/WONXfJNmYp8\nlt+ImxJpK/sOzjvIizyoveiMS7iXL5XTFn6FxHbvjLBCyqFBmg6dJToNktMD\nDlELmv2xajkS50xvr9fA+kzrVlcMbXlxcNonLu4pvtxoGGNFk19Epayso8Ga\n8W95siIxGkTZlQvvEzXuAUHk/x5Tzza3dgY++aGFxGO58WHc2BclmOsSoPDP\nYSOuDFjpIEt7076QL1DQcpvl20Fn5cUKWdfUTp//zx2ObXVtNXKWtG6dMUV2\nB6UqiVtq8LBnbrfbS9WPbBXjxWZ+2FvgaqHAAO0WIZQhqEKPVeEdrkOnsjcx\n+f+q5KzQluMVLEd7lbF/+hgfziGYs6GfqBjmHrej5Oupf8wWcB/AKsdy4Gek\n6bTotGS+S2yDN9T7zmuyixNafOUcd00wsOQ2hj7nK/4leeMTMQOTj8X3N6tb\n9lJng1qh8Qecbc4hW4t0Nh6AB3Csxx+N2ZZrTHdzBHLwrNWUWmsPdgL/IMma\nxHgWQp7yiihJIEm4liE1xgY+7+b3mPG/ckt0xkCDVBnK8vuWx6vmJXywApSq\nw1B8Z0tz3W40eHqWuFlnPGOdIZFafSGLocTGwJzsRz/qb6+B08lgWKpUycwn\nHxCywyquYG24Fj4EahRX0+dPmGNeuQo1PgtsHZ/2elQTqQ0cVGTx2xgH7GaY\noWoD\r\n=1Rkl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFQjNjaXwwd+iMIv/Vtoo5eFK0AYNoKkAU2qv0tqCZMwIhAK6ndhsFECdnIHWHDUp82oNtCVZZ3Br76NZEWgCyuXNU"}]},"maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"_npmUser":{"name":"jameslnewell","email":"james@jameslnewell.dev"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-components-spacing_4.0.0-preview.4_1571978354044_0.7449024488860201"},"_hasShrinkwrap":false}},"readme":"# styled-components-spacing\n\n   [![Build Status]](https://github.com/jameslnewell/styled-components-spacing/actions)\n\nResponsive margin and padding utilities for `styled-components` 💅.\n\n> 🕸 [Website](https://jameslnewell.github.io/styled-components-spacing/)\n\n> 📘 [Change log](https://github.com/jameslnewell/styled-components-spacing/blob/master/CHANGELOG.md)\n\n> 👀 Have a look at [`styled-components-breakpoint`](https://github.com/jameslnewell/styled-components-breakpoint) and [`styled-components-grid`](https://github.com/jameslnewell/styled-components-grid) which both work well with this package.\n\n## Installation\n\nNPM:\n\n```\nnpm install styled-components-spacing\n```\n\nYarn:\n\n```bash\nyarn add styled-components-spacing\n```\n\n## Usage\n\n### Using the themable mixins\n\n```js\nimport React from 'react';\nimport styled from 'styled-components';\nimport { marginY, paddingX } from 'styled-components-spacing';\n\nconst HeroPanel = styled.div`\n ${marginY({ mobile: 2, tablet: 4 })}\n ${paddingX(6)};\n`;\n```\n\n### Using the themable component\n\n```js\nimport React from 'react';\nimport { Spacing } from 'styled-components-spacing';\n\n\n \n Hello World\n You are on earth!\n \n \n \n \n;\n```\n\n### Using custom breakpoints and spacings for the themable mixins and components\n\nThe themable breakpoints and spacings can be customised using `ThemeProvider`. For example, to use the same breakpoints and spacings as [Bootstrap](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints), you can do so like this:\n\n```jsx\nimport React from 'react';\nimport { ThemeProvider } from 'styled-components';\n\nconst theme = {\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n },\n spacing: {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n }\n};\n\n{/* ... */};\n```\n\nIf you're using Typescript, you'll also need to define the breakpoints and spacings on the theme.\n\n`styled.d.ts`\n\n```tsx\nimport { DefaultTheme } from 'styled-components';\n\ndeclare module 'styled-components' {\n export interface DefaultTheme {\n breakpoints: {\n [name in 'xs' | 'sm' | 'md' | 'lg' | 'xl']: number;\n };\n spacings: {\n [name in 0 | 1 | 2 | 3 | 4 | 5]: string;\n };\n }\n}\n```\n\n### Using the mixin factories\n\nIf your breakpoints and spacings don't need to be themable then you can use the static mixin factories.\n\n```jsx\nimport styled from 'styled-components';\nimport { createMap } from 'styled-components-breakpoint';\nimport { createMarginY, createPaddingX } from 'styled-components-spacing';\n\nconst breakpoints = {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200\n};\n\nconst spacing {\n 0: '0',\n 1: '0.25rem',\n 2: '0.5rem',\n 3: '1rem',\n 4: '1.5rem',\n 5: '3rem'\n};\n\nconst map = createMap(breakpoints);\nconst marginY = createMarginY(map, spacings);\nconst paddingX = createPaddingX(map, spacings);\n\nconst HeroPanel = styled.div`\n ${marginY({ xs: 2, md: 4 })}\n ${paddingX(5)};\n`;\n```\n\n## API\n\n### Margin mixins\n\nThemable mixins for margin.\n\n| Function | Alias | Description |\n| -------------------- | ---------- | ----------------------------- |\n| `margin(name)` | `m(name)` | Margin on all sides. |\n| `marginY(name)` | `my(name)` | Margin on the top and bottom. |\n| `marginX(name)` | `mx(name)` | Margin on the left and right. |\n| `marginTop(name)` | `mt(name)` | Margin on the top. |\n| `marginRight(name)` | `mr(name)` | Margin on the right. |\n| `marginBottom(name)` | `mb(name)` | Margin on the bottom. |\n| `marginLeft(name)` | `ml(name)` | Margin on the left. |\n\n> Where `name` is a `string` or `number` specifying the spacing name. May be a map `object` specifying spacing across various breakpoints.\n\n### Padding mixins\n\nThemable mixins for padding.\n\n| Function | Alias | Description |\n| --------------------- | ---------- | ------------------------------ |\n| `padding(name)` | `mpsize)` | Padding on all sides. |\n| `paddingY(name)` | `py(name)` | Padding on the top and bottom. |\n| `paddingX(name)` | `px(name)` | Padding on the left and right. |\n| `paddingTop(name)` | `pt(name)` | Padding on the top. |\n| `paddingRight(name)` | `pr(name)` | Padding on the right. |\n| `paddingBottom(name)` | `pb(name)` | Padding on the bottom. |\n| `paddingLeft(name)` | `pl(name)` | Padding on the left. |\n\n> Where `name` is a `string` or `number` specifying the spacing name. May be a map `object` specifying spacing across various breakpoints.\n\n### <Spacing/> components\n\nA themable component for margin and padding.\n\n| Property | Alias | Type | Default | Description |\n| --------------- | ----- | -------------------------------- | ------- | ---------------------------------------------- |\n| `inline` | | `boolean` | `false` | Size the element to the width of its children. |\n| `margin` | `m` | `string` or `number` or `object` | | Margin on all sides. |\n| `marginY` | `my` | `string` or `number` or `object` | | Margin on the top and bottom. |\n| `marginX` | `mx` | `string` or `number` or `object` | | Margin on the left and right. |\n| `marginTop` | `mt` | `string` or `number` or `object` | | Margin on the left and right. |\n| `marginRight` | `mr` | `string` or `number` or `object` | | Margin on the right. |\n| `marginBottom` | `mb` | `string` or `number` or `object` | | Margin on the bottom. |\n| `marginLeft` | `ml` | `string` or `number` or `object` | | Margin on the left. |\n| `padding` | `p` | `string` or `number` or `object` | | Padding on all sides. |\n| `paddingY` | `py` | `string` or `number` or `object` | | Padding on the top and bottom. |\n| `paddingX` | `px` | `string` or `number` or `object` | | Padding on the left and right. |\n| `paddingTop` | `pt` | `string` or `number` or `object` | | Padding on the left and right. |\n| `paddingRight` | `pr` | `string` or `number` or `object` | | Padding on the right. |\n| `paddingBottom` | `pb` | `string` or `number` or `object` | | Padding on the bottom. |\n| `paddingLeft` | `pl` | `string` or `number` or `object` | | Padding on the left. |\n\n### Margin mixin factories\n\nFactory functions to create mixins for margin:\n\n- `createMargin(map, spacings)`\n- `createMarginY(map, spacings)`\n- `createMarginX(map, spacings)`\n- `createMarginTop(map, spacings)`\n- `createMarginRight(map, spacings)`\n- `createMarginBottom(map, spacings)`\n- `createMarginLeft(map, spacings)`\n\n> Where `map` is function created by `createMap` from `styled-components-breakpoint`.\n\n> Where `spacings` is a map of spacings.\n\n### Padding mixin factories\n\nFactory functions to create mixins for padding:\n\n- `createPadding(map, spacings)`\n- `createPaddingY(map, spacings)`\n- `createPaddingX(map, spacings)`\n- `createPaddingTop(map, spacings)`\n- `createPaddingRight(map, spacings)`\n- `createPaddingBottom(map, spacings)`\n- `createPaddingLeft(map, spacings)`\n\n> Where `map` is function created by `createMap` from `styled-components-breakpoint`.\n\n> Where `spacings` is a map of spacings.\n\n## Default spacings\n\nIf you don't provide any spacings, the default spacings used by the mixins and components are:\n\n| Name | Value |\n| ---- | --------- |\n| `0` | `0` |\n| `1` | `0.25rem` |\n| `2` | `0.5rem` |\n| `3` | `1rem` |\n| `4` | `2rem` |\n| `5` | `4rem` |\n| `6` | `8rem` |\n","maintainers":[{"email":"james@digitaledgeit.com.au","name":"jameslnewell"},{"email":"hello@lauriejones.me","name":"lauriejones"}],"time":{"modified":"2022-06-27T01:31:26.260Z","created":"2017-02-24T01:23:01.016Z","1.0.0-preview.1":"2017-02-24T01:23:01.016Z","1.0.0-preview.2":"2017-02-24T01:58:16.834Z","1.0.0-preview.3":"2017-02-24T02:47:31.878Z","1.0.0-preview.4":"2017-02-26T23:37:37.482Z","2.0.0":"2017-03-01T03:56:47.895Z","2.0.1":"2017-03-01T03:58:17.675Z","2.0.2":"2017-03-01T04:29:08.083Z","2.0.3":"2017-03-02T19:08:20.698Z","2.0.4":"2017-04-18T10:47:15.302Z","2.1.1":"2017-05-20T15:54:08.927Z","2.1.2":"2017-05-31T11:56:41.776Z","2.1.3":"2017-05-31T12:02:09.151Z","3.0.0":"2018-02-13T16:14:25.940Z","3.0.1":"2018-06-01T05:28:00.921Z","3.1.0":"2018-07-02T12:39:59.161Z","3.1.1":"2018-11-15T21:00:42.247Z","4.0.0-preview.1":"2019-10-04T06:58:04.993Z","4.0.0-preview.2":"2019-10-08T03:35:39.947Z","4.0.0-preview.3":"2019-10-09T13:08:31.773Z","4.0.0-preview.4":"2019-10-25T04:39:14.213Z"},"homepage":"https://github.com/jameslnewell/styled-components-spacing#readme","keywords":["react","styled-components","responsive","style","spacing","margin","breakpoint","grid"],"repository":{"type":"git","url":"git+https://github.com/jameslnewell/styled-components-spacing.git"},"bugs":{"url":"https://github.com/jameslnewell/styled-components-spacing/issues"},"license":"MIT","readmeFilename":"README.md"}