{"_id":"@doubleedesign/styled-media-queries","_rev":"4-9857b68e848c50793f7bb22838dfd71d","name":"@doubleedesign/styled-media-queries","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@doubleedesign/styled-media-queries","version":"0.1.0","author":{"name":"Leesa Ward"},"license":"MIT","_id":"@doubleedesign/styled-media-queries@0.1.0","maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"dist":{"shasum":"45719b1f9ba6a3fce9260da44f1888d9f190a4a3","tarball":"https://registry.npmjs.org/@doubleedesign/styled-media-queries/-/styled-media-queries-0.1.0.tgz","fileCount":8,"integrity":"sha512-aFfjuY+6wJ2NB10xMQq5bWkz8NU2o1Y7AXqxAfEVBTZn0hgf5+zisu2/KlJXssHVybP/OvlaEswNQw7KhUNJug==","signatures":[{"sig":"MEYCIQD55f9lVrdJ8dbLfrSM804hyNM9ztPriyzdeuqelaQqRAIhANoZGkfHzKLvrEmz3GTTEBdFW3qhgS46XsJ0MGcC71vX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIENxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpI2BAAiol0YfFYijjLWPS8BGYKk6iFIYL/mJ8ubUhpO+rrRWD06I6N\r\n5jsyvEpNLFIE8sfLOTUmbU+pSf4F/LSuzXCz9DcPdjeUan2U8IZ8TpDhx0ZC\r\nJDYPcOdXKNhU3Homz283ESdX2pjOGsYKDjifHMAJkwJfi68cRH52HX++cHf0\r\nTnYo3BaMht4SKT4gzsVRfiGbhgnjVK0v0ve3Q3zMIhCQwuqUv29EGnOses3s\r\nrrs0a5XqmH8Z6toOPfV7ENQzgmzPumzMeMNbxyNQASb3ziK5BMq3Ewd6QmnH\r\nXZCgD7n8R5pZnObaWvkrUQkJ6JRpwc/GndxyvCMuJ1o2lsRNSF2QS9/nX9Xf\r\n9qXCnNZOC1esQVcsiY9LUKrPY8xtVWjDSG3cAXkVIBpTrhaT/03YIwfTBgA2\r\nzfQvnWK9YaZq4ajkeKTd3FK4nvWI7pMrXK9NbFocXgtzYI2H726tD7ED2Vj+\r\nXWFbvpkc90kaiM7n5PjRu66o25xMwR3VAz3Xk1qTHmYUqjbIkCGPd9Y6G5IT\r\nNxq735wGx1R/9aol1P/NICVTTxse/ZVAYJqDU/kyVWC+HvbELBKNvKrmN1pM\r\nAtVae6XLn9GZdXepeckkaDHOx/DE5picOp8c1hqth3X3dMOKLiG5R25pTW7o\r\nyyXhKFed8YxKQEzIxt925S97oF8dgMZVp/c=\r\n=tMBp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/styled-media-queries.js","type":"module","types":"./dist/styled-media-queries.d.ts","gitHead":"e04d0fa223fff38733ecc9b546aa8341ab7c847d","scripts":{"build":"tsc"},"_npmUser":{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"},"_npmVersion":"8.19.3","description":"Shorthand for media queries within styled components","directories":{},"_nodeVersion":"16.19.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.36.0","typescript":"^5.0.2","styled-components":"^5.3.9","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.56.0","@typescript-eslint/eslint-plugin":"^5.56.0"},"peerDependencies":{"styled-components":"^5.3.9"},"_npmOperationalInternal":{"tmp":"tmp/styled-media-queries_0.1.0_1679836017506_0.6687912563442213","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@doubleedesign/styled-media-queries","version":"0.1.1","author":{"name":"Leesa Ward"},"license":"MIT","_id":"@doubleedesign/styled-media-queries@0.1.1","maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"homepage":"https://github.com/doubleedesign/styled-media-queries#readme","bugs":{"url":"https://github.com/doubleedesign/styled-media-queries/issues"},"dist":{"shasum":"4c41612921da35b684cefe8f1828d68e29e84a58","tarball":"https://registry.npmjs.org/@doubleedesign/styled-media-queries/-/styled-media-queries-0.1.1.tgz","fileCount":9,"integrity":"sha512-zJSXQxQ/PKb68DZUwZpJfZB/iMQebHP9ItuAL5UH00EEt4tvzz08mz+Ukt7OSHEPJBMmc3H63Kazq0psLrMflg==","signatures":[{"sig":"MEYCIQDv/8uP/qHFCwPSvt5TFe5qThdBg+BqQZ2Xk8UD37kDOgIhAPQd0mvCI7Zo0ETOCg2HidNHXzRns8ZY//D6sjA33jy8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIEawACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwGw/+N59QOP9W6ixnrfah39WM8SCRUyyffYH6f0kGPSXcBoS2y+1w\r\n+fPbN/7AU06oSVvShj4/T5PWBlYArjE79L0iujYuMM3ox1XnkGTDZ1mKk4dn\r\n8Euw9EH+uvdvKUhWTuB0B/mAlipC+moPmZX/IakYayUFMMIzkMiJ7Qn1P7q+\r\n4Y6jDRWLmxsvbhRgzlisc/KD0nIlBqlmwhHAZ4vPrI34A1hOnFt9ENs7WPeu\r\nUdPkdvvv+ixxpABQAfdnDhYuKf890Rp1+SYvlngaU2KDZ49U9ukGYQGo7mSu\r\n58jt/PqfBpOemB2wfaN7vO0QGuGkPZlwSo7nMJz1/GG2Gx8jYdSGpr+nMpF4\r\n0sgEuO/oqosvQnK1Y3dT/JpbcR47f0Z5PCxCbqfZ44UowmO87AzRr1gFXzpi\r\nKx0ZRQsGdHmzvMEeyq1YCMo108Zh+dNrBQH4qsAXrGbB/6ijk9QCOE7/mCj7\r\nIebplquNFiRMPIvxIYUvgKjF+fzcSHjKTLgMWZcAQ+rKDrnU4aYCfgI+G/e4\r\nrvBJLX5fzEb0zEod1JYJbTMo9Ul85z4NmjRHmF8uRiMnozUwWOhg6j9QwnWU\r\nmh5Wv7yTLSdABV5oEq1KXK9SiGO2zz4vSm7Oh7w7CMDMZ3y2OtQUtrWyVRXN\r\n88MyElQS10QZV9nXI6VZwEGHYPwrUfxoVcU=\r\n=GXzw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/styled-media-queries.js","type":"module","types":"./dist/styled-media-queries.d.ts","gitHead":"cd413a544b8d5fac674fa91d3c49d18a2f80021e","scripts":{"build":"tsc"},"_npmUser":{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"},"repository":{"url":"git+https://github.com/doubleedesign/styled-media-queries.git","type":"git"},"_npmVersion":"8.19.3","description":"Shorthand for media queries within styled components","directories":{},"_nodeVersion":"16.19.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.36.0","typescript":"^5.0.2","styled-components":"^5.3.9","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.56.0","@typescript-eslint/eslint-plugin":"^5.56.0"},"peerDependencies":{"styled-components":"^5.3.9"},"_npmOperationalInternal":{"tmp":"tmp/styled-media-queries_0.1.1_1679836848476_0.7071855823199089","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@doubleedesign/styled-media-queries","version":"0.1.3","keywords":["styled-components","css-in-js"],"author":{"name":"Leesa Ward"},"license":"MIT","_id":"@doubleedesign/styled-media-queries@0.1.3","maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"homepage":"https://github.com/doubleedesign/styled-media-queries#readme","bugs":{"url":"https://github.com/doubleedesign/styled-media-queries/issues"},"dist":{"shasum":"f28852fab48b5c59915f0dc7ce3e601d7328b589","tarball":"https://registry.npmjs.org/@doubleedesign/styled-media-queries/-/styled-media-queries-0.1.3.tgz","fileCount":9,"integrity":"sha512-km5SDai1JykKnv9apV3snF+pR22JuOlFfvZsCUQPAnAa2fj8S29sAYyj1nRbbuxLHu817QN1tgZ0WUdfn6Jdpg==","signatures":[{"sig":"MEQCIHOWknMLzMq1S5rpoCe6J5UAE9T8RCYbXKobCZhXmhvRAiB5tI22RCLNIlrDDmLTh+gJKRAa61uB3dn5Eoh7FoHGTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIEigACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0ChAAg6UFCXWXz2Um5pnUp8t2kNNXyIsytn8vn9rUTua0njED906j\r\nvEn0UD4ElFlOrDBZdNoXpXT/ezpvCLyGOcxqND1NzbC52OYKoq//MUQlIAaT\r\n7noCqONbBeLvAksX/9b+bUtpLb8efl3oW+OYJf0dPQ252XzGJXHU83T3EWta\r\nFCs5GwO6KH0flLVb1Q2c+OKm+hwrxO9JRPZWPRXp0yFn9nvdSXIerIcZRKgI\r\nX9SB0iEcUtIE3FNFC+Q+00UT2k101nXlpqzMA+VvrAx/SJhtEg/T+uxFgieE\r\nLn/HSVdg90WjAzBBkyop2FeOwl2e4+AABb0bwromjjvCZ8Jf1DwaZQtiX0fS\r\n92jXq/7Ov3nKtvUmS0/gZ0KzRqmtjdLgIM+cPbxAHhD1wgCOGvXp5Q0ZkDkQ\r\njhT6Q4LVC3Ydx5gH5j6JLI2zZqZo378aasFzZ6tFUrK7/aGwQpp30K0uibOd\r\niUJ3TVQqiLAJBljaZdDsL0m6nnWtdguyjQDc/ecxcS0eoOBgZ2yYbLCLA1V1\r\nfIQyzcII0uZcQxlxVxQI6BBKazHvvLdXkKE+L5kX+YJmUoWCcCbJ7v5emWAi\r\nHRmw7I9heJn72DanrxjGsPYl0sdAS7L2+2b9BkHYiNWKhsOQd/HdTAVHpsTV\r\ns8QqmX/jbPMrwEbLgh18GFuZQOWt+fIKFzA=\r\n=2Bed\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/styled-media-queries.js","type":"module","types":"./dist/styled-media-queries.d.ts","gitHead":"583bea31034aa9ce7f5339ee57e5d55df9fe1dac","scripts":{"build":"tsc"},"_npmUser":{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"},"repository":{"url":"git+https://github.com/doubleedesign/styled-media-queries.git","type":"git"},"_npmVersion":"8.19.3","description":"Shorthand for media queries within styled components","directories":{},"_nodeVersion":"16.19.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.36.0","typescript":"^5.0.2","styled-components":"^5.3.9","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.56.0","@typescript-eslint/eslint-plugin":"^5.56.0"},"peerDependencies":{"styled-components":"^5.3.9"},"_npmOperationalInternal":{"tmp":"tmp/styled-media-queries_0.1.3_1679837344372_0.7702207761732209","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@doubleedesign/styled-media-queries","version":"0.2.0","keywords":["styled-components","css-in-js"],"author":{"name":"Leesa Ward"},"license":"MIT","_id":"@doubleedesign/styled-media-queries@0.2.0","maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"homepage":"https://github.com/doubleedesign/styled-media-queries#readme","bugs":{"url":"https://github.com/doubleedesign/styled-media-queries/issues"},"dist":{"shasum":"d74d3eb12d1859655f3ee39b1d27e01209f0f6b1","tarball":"https://registry.npmjs.org/@doubleedesign/styled-media-queries/-/styled-media-queries-0.2.0.tgz","fileCount":9,"integrity":"sha512-Ij2z+GtUXyukWaWkcRui8hs2bKhdrcy8uQDtvJF1RAg60az/91T1YYp8+fpU49fIVi7L69dejAfOZdxu8eRWPw==","signatures":[{"sig":"MEUCIQCNCjlAOSY2XcG0WY+oDMkM/ymoGna93rybCvAf37X2KgIgZj0mxFGPiRtB7AkfvRM6jo6pVWAu4YPp7EuuoJwxOfc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28488,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL6LGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosjxAAnbgzkwNc1PM8NCxsvi09PDFtyRZVkIbNdEKUgcQhLlL6CfNc\r\n6twfhjHYNEW7U4BTnemt726Bi3bQycaUA95w+mDWradKulXugoWA7tJhQzpJ\r\nTDNpg6uYWT8tdXsw/y1UFxF5+C8COAIXS4aXz/e7AW/kyH3vH+iQU26bPonG\r\nZdpf5C/zJeor1VvyEzcm6NtfGDNdsT3EQQXdz9r4UpSDrI8v7xtEPnDvSeAB\r\nQdGO+KhJj40rYM5JwDdTU+MiFALRN1YRBh0jwC8zOl5F0kMhFWyq2Z7zvKL/\r\nIU340D5+dgm2mYAK4kQKqXhX24ERwZn+lJ2UzkQkzRWCbQpunNv1l6sEzP6E\r\nTbyo/Vf+Q4u8wSLRu6AgWJfXVC5ID46VaozGDERT81k5gNrxsJrxtaly1Ru9\r\nnwTGZAA8EleKf0vqB0xQlWqnlBs9bXKHZYwlXFwuJ2s3wACTcMcCcBscsMXg\r\nWMadwyfqG9Csw8pnOk4uNhV1bVsiHLx3+0imaq9UsG5EixfvdujO1xNKKzO7\r\nCZTBPT8e0QhtIdsI9IL5aLVEmr2dnMU2HF/nd0eezXBK86gb8hVuscDb8+jO\r\nWhTOtqxpxU95EyH60yA4t7yIs3kYZgtihkyJ8EdJLw7Jez18w9uqyOHMyY2B\r\nHnanKUAiLKKdazfqrrtm71E2cjYcjLtaeoc=\r\n=sIV+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/styled-media-queries.js","type":"module","types":"./dist/styled-media-queries.d.ts","gitHead":"f8dcdde851112435576c3ae4d488025fe118121a","scripts":{"build":"tsc"},"_npmUser":{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"},"repository":{"url":"git+https://github.com/doubleedesign/styled-media-queries.git","type":"git"},"_npmVersion":"8.19.4","description":"Shorthand for media queries within styled components","directories":{},"_nodeVersion":"16.20.0","_hasShrinkwrap":false,"devDependencies":{"eslint":"^8.36.0","typescript":"^5.0.2","styled-components":"^5.3.9","@types/styled-components":"^5.1.26","@typescript-eslint/parser":"^5.56.0","@typescript-eslint/eslint-plugin":"^5.56.0"},"peerDependencies":{"styled-components":"^5.3.9"},"_npmOperationalInternal":{"tmp":"tmp/styled-media-queries_0.2.0_1680843462424_0.020070972132694154","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@doubleedesign/styled-media-queries","version":"1.0.0","type":"module","main":"dist/styled-media-queries.js","description":"Shorthand for media queries within styled components","author":{"name":"Leesa Ward"},"repository":{"type":"git","url":"git+https://github.com/doubleedesign/styled-media-queries.git"},"keywords":["styled-components","css-in-js"],"license":"MIT","scripts":{"build":"tsc"},"peerDependencies":{"styled-components":"^6.1.13"},"devDependencies":{"@types/node":"^22.7.0","@types/react":"^18.3.9","@types/react-dom":"^18.3.0","@typescript-eslint/eslint-plugin":"^5.56.0","@typescript-eslint/parser":"^5.56.0","eslint":"^8.36.0","styled-components":"^6.1.13","typescript":"^5.6.2"},"types":"./dist/styled-media-queries.d.ts","gitHead":"e49423971a86f3b7d117c863ccf632fdd0adb2cd","bugs":{"url":"https://github.com/doubleedesign/styled-media-queries/issues"},"homepage":"https://github.com/doubleedesign/styled-media-queries#readme","_id":"@doubleedesign/styled-media-queries@1.0.0","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-vcyC0gGfJ3zRHdUXjiLV5/SVU9NVhVlTXKXHwerdQJqyi8pS4uoJd6A9ZmRk1IURZGwzEXkEjMpxYTOMzQOWKw==","shasum":"0c0fc56c5d98b9a28a72d1384687c73820946859","tarball":"https://registry.npmjs.org/@doubleedesign/styled-media-queries/-/styled-media-queries-1.0.0.tgz","fileCount":10,"unpackedSize":26281,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAkYikXj8AJT8A1Xw9nH1cyCAC7Dgh2nqV88jQb/i8NXAiEAgWp1cv8nEg4POY11TizZgtcQOBVe7xvmfoLSnXRD/e0="}]},"_npmUser":{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"},"directories":{},"maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-media-queries_1.0.0_1727266960191_0.32766275300857317"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-26T13:06:57.442Z","modified":"2024-09-25T12:22:40.506Z","0.1.0":"2023-03-26T13:06:57.674Z","0.1.1":"2023-03-26T13:20:48.668Z","0.1.3":"2023-03-26T13:29:04.559Z","0.2.0":"2023-04-07T04:57:42.641Z","1.0.0":"2024-09-25T12:22:40.348Z"},"bugs":{"url":"https://github.com/doubleedesign/styled-media-queries/issues"},"author":{"name":"Leesa Ward"},"license":"MIT","homepage":"https://github.com/doubleedesign/styled-media-queries#readme","keywords":["styled-components","css-in-js"],"repository":{"type":"git","url":"git+https://github.com/doubleedesign/styled-media-queries.git"},"description":"Shorthand for media queries within styled components","maintainers":[{"name":"doubleedesign","email":"leesa@doubleedesign.com.au"}],"readme":"# styled-media-queries\n\nShorthand for media queries within [styled-components](https://styled-components.com/).\n\n[Find on NPM](https://www.npmjs.com/package/@doubleedesign/styled-media-queries)\n\n## Versions\n\nAs of version 1.0.0, this package is suitable for styled-components v6. For v5, use version 0.2.0.\n\n---\n\n## Usage Examples\n\n```javascript\nimport { breakpointUp } from '@doubleedesign/styled-media-queries';\n```\n\n**Standalone, passing a number:**\n```javascript\nexport const SampleElement = styled.div`\n    width: 30%;\n    flex-basis: 30%;\n    \n    ${breakpointUp(768, css`\n        width: 15%;\n        flex-basis: 15%;\n    `)};\n`;\n```\n\n**Components within a ThemeProvider:**\n\n```javascript\nexport const SampleElement = styled.div`\n    width: 30%;\n    flex-basis: 30%;\n    \n    ${props => breakpointUp(props.theme.breakpoints.md, css`\n        width: 15%;\n        flex-basis: 15%;\n    `)};\n`;\n```\n```javascript\nexport const SampleElement = styled.div`\n    width: 30%;\n    flex-basis: 30%;\n    \n    ${({ theme }) => breakpointUp(theme.breakpoints.md, css`\n        width: 15%;\n        flex-basis: 15%;\n    `)};\n`;\n```\n```javascript\nexport const SampleElement = styled.div`\n    width: 30%;\n    flex-basis: 30%;\n    \n    ${({ theme }) => {\n        return breakpointUp(theme.breakpoints.md, css`\n            width: 15%;\n            flex-basis: 15%;\n        `);\n    }};\n`;\n```\n**Note**: `css` is optional for basic CSS - you _can_ just pass a template literal on its own; but including `css` is helpful for enabling syntax highlighting. That said, [if you have functions inside, you _do_ need to use `css`](https://styled-components.com/docs/api#css):\n\n```typescript\nexport const SampleElement = styled.div`\n    background: ${({ theme }): string => theme.colors.light};\n    \n    ${props => breakpointUp(props.theme.breakpoints.md, css`\n        background: ${props.theme.colors.dark};\n    `)};\n`;\n\n\n```\n\nFor a full list of available functions and more details, please see [this doc](https://github.com/doubleedesign/styled-media-queries/blob/master/docs.md).\n","readmeFilename":"README.md"}