{"_id":"@arin-pang/styled-breakpoints","_rev":"6-d5093f4d726027f6e4ba9793a05a63c9","name":"@arin-pang/styled-breakpoints","dist-tags":{"latest":"10.1.1"},"versions":{"10.0.1":{"name":"@arin-pang/styled-breakpoints","version":"10.0.1","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/mg901/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","styled","react","media","emotion","javascript","css-in-js","breakpoint","media-query","breakpoints","css-in-react","media-queries","typescript","styled-components","styled-breakpoints"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","import":{"index.js":"{ up, down, between, only }"},"limit":"1.3 KB"},{"name":"core + react-styled","import":{"index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","styled-components"]},{"name":"core + react-emotion","import":{"index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","@emotion/react"]}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^14.1.0","@commitlint/config-conventional":"^14.1.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/preset-small-lib":"^6.0.3","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"18.2.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^11.0.0","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^6.0.3","styled-components":"^5.2.1"},"gitHead":"4394e26b85d0a253bafcaf398711f3162850b432","_id":"@arin-pang/styled-breakpoints@10.0.1","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-ZeeaZlKCim1ykl3PdmvudDrL8oC8Ak8Lec9t7kd/QWzmdc4tYm+VEIyqbRE0+UbOgT6kHlQJHfWvjwO3ZSpcCA==","shasum":"7fdb6fc5ab748e7df945d46ec9dbb4652742e677","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-10.0.1.tgz","fileCount":18,"unpackedSize":48055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGz9ihLTwW8HoQX+h0y72NtDUMesayziXgcRj5tsZehcAiAwfnJRGiWcZz+6lkOYigRAaEVAHI2Ok1ZUsJ0Mlh1smQ=="}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_10.0.1_1636359046717_0.8519717700736282"},"_hasShrinkwrap":false},"0.0.1":{"name":"@arin-pang/styled-breakpoints","version":"0.0.1","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/mg901/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","styled","react","media","emotion","javascript","css-in-js","breakpoint","media-query","breakpoints","css-in-react","media-queries","typescript","styled-components","styled-breakpoints"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","import":{"index.js":"{ up, down, between, only }"},"limit":"1.3 KB"},{"name":"core + react-styled","import":{"index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","styled-components"]},{"name":"core + react-emotion","import":{"index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","@emotion/react"]}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^14.1.0","@commitlint/config-conventional":"^14.1.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/preset-small-lib":"^6.0.3","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"18.2.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^11.0.0","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^6.0.3","styled-components":"^5.2.1"},"gitHead":"600a4dfa527280256286da9542538b71407eace7","_id":"@arin-pang/styled-breakpoints@0.0.1","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-3rowDZVCzJS++/ggAeXHizZ2q/PPCA+R3OLHJJIoxdhoE+Lxw5PMfR0i6bhRnGkeY1wlgdT7Jj0Sd9d3H8nm8A==","shasum":"6c29ebd6fce1e8d46cdd39e624083866b3112793","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-0.0.1.tgz","fileCount":18,"unpackedSize":48055,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuDOryyhiM1OwZs/Etz07tpAEPJ8UTyKMts7aGHajs1QIhAP1bASBfPXd04pjEWS6zWq7mXj7OLuejhI3UoE9K1VMN"}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_0.0.1_1636359518777_0.286908298435808"},"_hasShrinkwrap":false},"0.0.2":{"name":"@arin-pang/styled-breakpoints","version":"0.0.2","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/mg901/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","styled","react","media","emotion","javascript","css-in-js","breakpoint","media-query","breakpoints","css-in-react","media-queries","typescript","styled-components","styled-breakpoints"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","import":{"index.js":"{ up, down, between, only }"},"limit":"1.3 KB"},{"name":"core + react-styled","import":{"index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","styled-components"]},{"name":"core + react-emotion","import":{"index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","@emotion/react"]}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^14.1.0","@commitlint/config-conventional":"^14.1.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/preset-small-lib":"^6.0.3","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"18.2.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^11.0.0","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^6.0.3","styled-components":"^5.2.1"},"gitHead":"600a4dfa527280256286da9542538b71407eace7","_id":"@arin-pang/styled-breakpoints@0.0.2","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-jsyLLXQFARMUlQBQ6jlcnqlayEE2EpXB62jXpUzR9krQUfpg28nn0v8c1k0MLfB8aTb7caPSbTT5H7e/1ayTwg==","shasum":"34e75e1d9dc16f8ccd70265ef73ea1fe55eb88e0","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-0.0.2.tgz","fileCount":18,"unpackedSize":48087,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFYuPOGfGJCVCmN2iXDOOzgWYy96j1NPV24Cjopm1aK1AiAu8YJ2cF1hwpgmoM+HgjAomFUzifV1lEVhzYYjLvUHwQ=="}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_0.0.2_1636359805113_0.2424606212117142"},"_hasShrinkwrap":false},"10.0.1-no.em":{"name":"@arin-pang/styled-breakpoints","version":"10.0.1-no.em","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/mg901/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","styled","react","media","emotion","javascript","css-in-js","breakpoint","media-query","breakpoints","css-in-react","media-queries","typescript","styled-components","styled-breakpoints"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","import":{"index.js":"{ up, down, between, only }"},"limit":"1.3 KB"},{"name":"core + react-styled","import":{"index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","styled-components"]},{"name":"core + react-emotion","import":{"index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1.6 KB","ignore":["react","@emotion/react"]}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^14.1.0","@commitlint/config-conventional":"^14.1.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/preset-small-lib":"^6.0.3","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"18.2.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^11.0.0","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^6.0.3","styled-components":"^5.2.1"},"gitHead":"bedd276858849b678cc3a95b6adc7ef9f56cf3f3","_id":"@arin-pang/styled-breakpoints@10.0.1-no.em","_nodeVersion":"14.18.1","_npmVersion":"6.14.15","dist":{"integrity":"sha512-o3o5wa3I3KbhnlMK8qFRY4ZrsrFHVBsy5sFyKxrX1VGMInkwL5RdQNeqqKHNf4cAOMhEgZBCRnJ2Qj6Y2VQiXg==","shasum":"aef663169951341c35cedd56f50d668f43f5f348","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-10.0.1-no.em.tgz","fileCount":18,"unpackedSize":47850,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID5A7JhWl3FTyd/BuN4XYCIXj4KYDQfNlB2MrOKo37ivAiEA3f6aX1zkOSRT6fqpF9buMCc9F8bGsGYRS8ZmyPp43VQ="}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_10.0.1-no.em_1636435763566_0.8966440079207179"},"_hasShrinkwrap":false},"10.1.0":{"name":"@arin-pang/styled-breakpoints","version":"10.1.0","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","sideEffects":false,"scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/arin-pang/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","query","media-query","media-queries","styled","react","javascript","css-in-js","breakpoint","breakpoints","css-in-react","typescript","styled-media-query","styled media query","styled components","styled-components"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","path":"./core","import":"{ createBreakpoints }","limit":"800 B"},{"name":"core + styled-breakpoints","import":{"index.js":"{ createBreakpoints }","styled-breakpoints/index.js":"{ up, down, between, only }"},"limit":"1.52 kB"},{"name":"styled-breakpoints + react-styled","import":{"styled-breakpoints/index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1585 B"},{"name":"styled-breakpoints + react-emotion","import":{"styled-breakpoints/index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1583 B"}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^15.0.0","@commitlint/config-conventional":"^15.0.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/esbuild":"^7.0.1","@size-limit/file":"^7.0.1","@size-limit/webpack":"^7.0.1","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"19.0.2","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^12.0.2","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^7.0.0","styled-components":"^5.2.1"},"gitHead":"cee0db83641a1944bbdd459330c7a9b06dd6bdcb","_id":"@arin-pang/styled-breakpoints@10.1.0","_nodeVersion":"16.13.1","_npmVersion":"7.7.6","dist":{"integrity":"sha512-SX79NukizUGf/kDKTWXtn5zaEJZ3CXFXXRAhwzpUOBpkCFLVwLBgF3gWDOePx5sJDyu1CCZjU1lEcKPN/lnnUw==","shasum":"1074c35a6ad61972c001a658d4996502145813da","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-10.1.0.tgz","fileCount":23,"unpackedSize":54330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwqroCRA9TVsSAnZWagAAYrEP/R8kMzoavPVduAS587ek\nLIeXDAHsMI0lFyUXvhNo/G2Y9vGmL4dMaRluRQBWxKHrXmbiGoa1I2s5C3nF\nlUgbUVX7PmgkGVfrT1NnN32KinA+M9eSL6SOyYXxQPfg7s0YWCEpVSmn6FaM\nbXRp2ZDRXzXDF1LG+EVZjnNYJJbXVHbc4m9IgqVKNHUjpfd5pDkSQObZ4KPg\nFj4v2hk8/6kjEQ3w1JDTPKiR6EuMLJW/fMcn2YMo2ZqNc5LzTRZLl7Y8GpEz\nHvyG7tIwOAfHhdePpia0QVBHj3en9bRXdA227eQYZ44oZ5wd+nifNWVYvWy4\n/bDK16NEKWomsajdIlI6sK3XXXzEwKBT9E+Hi162JMxEcx0ZO6ZT1trd4t8B\nHL0Zbf0VdxTyXw+yH4zIYlj4oK8Sb0pnEDLR322oy2R5toxTloiHvOUijsxy\n7nDM44M461+AKyhFB/RPVlLiRRmg4tz393An6pHwNJb+y92IyJLyhnXvV7IQ\nfFD4zNCjm5I2fBTRKM9WdDKPjo/HfHdjPPRK+H9Xx9YJUiaB+CPyNo9r69V0\nJDklW2TsSnKd4mhV6rawdUBeEpBF9X07REn5GaETzJRH0KgYswYaZyU9kfdx\nJf3MNyUqRiUiogTR8GPQY/3vkKeDbp58ZhMA/GijrLZ7NqosJjrVYVopcipt\nschp\r\n=t75e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC41ksOLa7WI+ZEKDHZQTCfXjutIeBkJ/OokdGNGTtgiAIhALDbo0iga9hKp5wtqUOKqI6xfmA5rhyiunC3kvh5jTsI"}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_10.1.0_1640147688235_0.37210464065213666"},"_hasShrinkwrap":false},"10.1.1":{"name":"@arin-pang/styled-breakpoints","version":"10.1.1","description":"Simple and powerfull css breakpoints for styled-components and emotion","main":"index.js","types":"index.d.ts","sideEffects":false,"scripts":{"commit":"cross-env git-cz","test":"cross-env jest --coverage","test:watch":"cross-env jest --coverage --watch","lint":"cross-env eslint . --fix.","pretty":"cross-env prettier './**/**/**.{json,js,ts}' --write","coverage":"cross-env cat ./coverage/lcov.info | coveralls","size":"cross-env size-limit","semantic-release":"cross-env semantic-release","contributors:add":"cross-env all-contributors add","contributors:generate":"cross-env all-contributors generate","prepare":"husky install"},"license":"MIT","homepage":"https://github.com/mg901/styled-breakpoints#readme","repository":{"type":"git","url":"git+https://github.com/arin-pang/styled-breakpoints.git"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"keywords":["media","query","media-query","media-queries","styled","react","javascript","css-in-js","breakpoint","breakpoints","css-in-react","typescript","styled-media-query","styled media query","styled components","styled-components"],"publishConfig":{"access":"public"},"size-limit":[{"name":"core","path":"./core","import":"{ createBreakpoints }","limit":"766 B"},{"name":"core + styled-breakpoints","import":{"index.js":"{ createBreakpoints }","styled-breakpoints/index.js":"{ up, down, between, only }"},"limit":"1.48 kB"},{"name":"styled-breakpoints + react-styled","import":{"styled-breakpoints/index.js":"{ up, down, between, only }","react-styled/index.js":"{ useBreakpoint }"},"limit":"1543 B"},{"name":"styled-breakpoints + react-emotion","import":{"styled-breakpoints/index.js":"{ up, down, between, only }","react-emotion/index.js":"{ useBreakpoint }"},"limit":"1543 B"}],"prettier":{"singleQuote":true,"trailingComma":"es5","arrowParens":"always"},"commitlint":{"extends":["@commitlint/config-conventional"]},"lint-staged":{"*.{j,t}s":["eslint --fix","prettier --write"]},"release":{"branch":"master","plugins":["@semantic-release/commit-analyzer","@semantic-release/release-notes-generator","@semantic-release/changelog","@semantic-release/npm","@semantic-release/git","@semantic-release/github"]},"peerDependencies":{"@emotion/react":"^11.0.0","react":"^17.x.x","styled-components":"^5.0.0"},"peerDependenciesMeta":{"styled-components":{"optional":true},"react":{"optional":true},"@emotion/react":{"optional":true}},"devDependencies":{"@commitlint/cli":"^15.0.0","@commitlint/config-conventional":"^15.0.0","@emotion/react":"^11.0.0","@semantic-release/changelog":"^6.0.0","@semantic-release/commit-analyzer":"^9.0.1","@semantic-release/git":"^10.0.0","@semantic-release/github":"^8.0.0","@semantic-release/npm":"^8.0.0","@semantic-release/release-notes-generator":"^10.0.2","@size-limit/esbuild":"^7.0.1","@size-limit/file":"^7.0.1","@size-limit/webpack":"^7.0.1","all-contributors-cli":"^6.17.4","commitizen":"^4.2.1","coveralls":"^3.1.0","cross-env":"^7.0.2","cz-conventional-changelog":"^3.3.0","eslint":"^8.0.1","eslint-config-airbnb":"19.0.2","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^8.1.0","eslint-plugin-import":"^2.22.1","eslint-plugin-jest":"^25.0.1","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.21.5","eslint-plugin-react-hooks":"^4.2.0","husky":"^7.0.4","jest":"^27.0.1","lint-staged":"^12.0.2","prettier":"^2.1.2","react":"^17.0.1","rimraf":"^3.0.2","size-limit":"^7.0.0","styled-components":"^5.2.1"},"gitHead":"ba8420428341298dbe2ad4e237aa9dd9322a6f64","_id":"@arin-pang/styled-breakpoints@10.1.1","_nodeVersion":"16.13.1","_npmVersion":"7.7.6","dist":{"integrity":"sha512-TZMLdcOgUC8O+5hY0gYF94xSKSyQX+sUGQvXysGrMZ8gdzOg+p7XCn9OR4QktLBL9w7cIxtnRmPM90SmmZ5qdA==","shasum":"0fe30137a8c76d355a6a07f70ae8e24c8bd6c9ff","tarball":"https://registry.npmjs.org/@arin-pang/styled-breakpoints/-/styled-breakpoints-10.1.1.tgz","fileCount":23,"unpackedSize":53964,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxBqLCRA9TVsSAnZWagAAKjEP/3mswGj+OTR/r4QjBZ7W\nxy81xRco8Yq9m+emZut0eJFo/dR3eg6Tj/mmQ5YFK9H+Ww0U6u8KlIdUGlfn\nxseSlXZXI/E61tQxWF/TGunT7W3NoVVNZUEjjlvGVNQz6po2JmXoNfNEEW7W\n1U+ZDNSgbytkL5RKVzfLH8MIHSYpHjNBfb879DMFd7dY7K+I6g8IAktoHCE5\nSnq2BIkHamrb7OtLl5b8QY3vXI08Rh6F5TcQNJD6r5kEeEWlFYKMMyJQ8DHe\na8DoHImoSAQKpA9HftW2CXAZrrsQnPRpFHxsCcuLC7PP9TBLoGcBotWFPysF\n4rZ5oPcFtf93FVCoGSCwwUdRa7HdDbpoZqdD6UX9hdBrGpc43xYvKMXAYOjm\nGaRiYlteXyIxcpmtJHjes0ES2zD8NXoXt8+IncSH75TzGbFp+Um0ZUupdTyH\nhV93CppsLxZ5tzBvYw+dxpfzbvnoNhIglePkdyYg/81osm8kAs6Z4dNLPTze\nF2YrVbZidG3ai+TY449eZVU+v/agIHIyACVjz7VlmpqPm4bp0g053BDUFzXc\nRrP/qDkIPTu7h762cYw25Qr1LGBoQ7SlESJK+uKWYCJDeWCF6jCWYjGbJO0N\nqDcEkAOxz8jHDGWjQM/4DnaZFi52X6147KonI4fWj8h4ENm/yhtIdO+Uo6wa\nwFXl\r\n=H63W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDEEktQWoeqsGprzp2JTP/i3NHZwaW7RoTj2OBAa2q+8AiEAu9E85uuPKpNh1/EvFRkMOfxHSq2t70U3LAETz9t+8H4="}]},"_npmUser":{"name":"arin-pang","email":"arin@tistory.com"},"directories":{},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/styled-breakpoints_10.1.1_1640241803004_0.20503167998245475"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-08T08:10:46.615Z","10.0.1":"2021-11-08T08:10:46.982Z","modified":"2022-04-04T15:27:40.435Z","0.0.1":"2021-11-08T08:18:39.358Z","0.0.2":"2021-11-08T08:23:25.279Z","10.0.1-no.em":"2021-11-09T05:29:23.670Z","10.1.0":"2021-12-22T04:34:48.383Z","10.1.1":"2021-12-23T06:43:23.155Z"},"maintainers":[{"name":"arin-pang","email":"arin@tistory.com"}],"description":"Simple and powerfull css breakpoints for styled-components and emotion","homepage":"https://github.com/mg901/styled-breakpoints#readme","keywords":["media","query","media-query","media-queries","styled","react","javascript","css-in-js","breakpoint","breakpoints","css-in-react","typescript","styled-media-query","styled media query","styled components","styled-components"],"repository":{"type":"git","url":"git+https://github.com/arin-pang/styled-breakpoints.git"},"author":{"name":"Maxim Alyoshin","email":"mgreen097@gmail.com","url":"https://github.com/mg901"},"bugs":{"url":"https://github.com/mg901/styled-breakpoints/issues"},"license":"MIT","readme":"
\n

\n\n
\nstyled-breakpoints
\n\n\n\"GitHub\n\n\n\n\"coverage\n\n\n\n\"npm\n\n\n \"npm\n\n\n\"npm\n\n

\n\n

Simple and powerful tool for creating media queries with

\n\n

\n\n \"styled-components\"\n \n     OR   \n\"emotion\"\n\n

\n\n

\n\n## Core concepts\n\n**Breakpoints are the building blocks of responsive design**. Use them to control when your layout can be adapted at a particular viewport or device size.\n\n**Use media queries to architect your CSS by breakpoint**. Media queries are a feature of CSS that allow you to conditionally apply styles based on a set of browser and operating system parameters. We most commonly use min-width in our media queries.\n\n**Mobile first, responsive design is the goal**. Styled Breakpoints aims to apply the bare minimum of styles to make a layout work at the smallest breakpoint, and then layers on styles to adjust that design for larger devices. This optimizes your CSS, improves rendering time, and provides a great experience for your visitors.\n\n## Documentation\n\nExamples\n\n- [mobile first](#mobile-first)\n- [desktop first](#desktop-first)\n- [hooks api](#hooks-api)\n\nGetting Started\n\n- [Installation](#installation)\n- [default breakpoints](#default-breakpoints)\n- [custom breakpoints](#custom-breakpoints)\n- [object notation](#object-notation)\n\nAPI\n\n- [up](#up)\n- [down](#down)\n- [between](#between)\n- [only](#only)\n- [useBreakpoint](#useBreakpoint)\n\n## Examples\n\n### Mobile First\n\nFrom smallest to largest\n\n\n\"Edit\n\n\n### Desktop First\n\nFrom largest to smallest\n\n\n \"Edit\n\n\n### Hooks API\n\n#### Styled Components\n\n\n \"Hooks\n\n\n#### Emotion\n\n\n\"Hooks\n\n\n### Installation\n\n```sh\nnpm install styled-breakpoints\n\n# or\n\nyarn add styled-breakpoints\n```\n\n### Available breakpoints\n\nStyled Breakpoints includes six default breakpoints, sometimes referred to as grid tiers, for building responsively. These breakpoints can be customized. Each breakpoint was chosen to comfortably hold containers whose widths are multiples of 12. Breakpoints are also representative of a subset of common device sizes and viewport dimensions they don’t specifically target every use case or device. Instead, the ranges provide a strong and consistent foundation to build on for nearly any device.\n\n```js\nconst defaultBreakpoints = {\n xs: '0px',\n sm: '576px',\n md: '768px',\n lg: '992px',\n xl: '1200px',\n xxl: '1400px',\n};\n```\n\n```js\nimport { up, down, between, only } from 'styled-breakpoints';\n\nconst Component = styled.div`\n color: black;\n\n ${only('md')} {\n color: rebeccapurple;\n }\n`;\n```\n\n### Custom breakpoints\n\n```jsx\nimport { up, down, between, only } from 'styled-breakpoints';\n\nconst theme = {\n breakpoints: {\n sm: '576px',\n md: '768px',\n lg: '992px',\n xl: '1200px',\n },\n};\n\nconst Component = styled.div`\n color: black;\n\n ${only('sm')} {\n color: rebeccapurple;\n }\n\n ${between('sm', 'md')} {\n color: hotpink;\n }\n\n ${down('lg')} {\n color: lightcoral;\n }\n\n ${up('xl')} {\n color: hotpink;\n }\n`;\n\n\n This is cool!\n;\n```\n\n### Object notation\n\nWhen using object notation, make sure to explicitly pass `props` to breakpoint\nmethods. Please see the example below using default configuration:\n\n```js\nimport { down, between } from 'styled-breakpoints';\n\nconst Component = styled('div')((props) => ({\n color: 'black',\n [down('md')(props)]: {\n color: 'lightcoral',\n },\n [between('sm', 'md')(props)]: {\n color: 'hotpink',\n },\n}));\n```\n\n### Hooks API\n\n#### Styled Components\n\n```jsx\nimport { useBreakpoint } from 'styled-breakpoints/react-styled';\n```\n\n#### Emotion\n\n```jsx\nimport { useBreakpoint } from 'styled-breakpoints/react-emotion';\n```\n\n
\n
\n\n## API\n\nCore API is inspired by [Bootstrap responsive breakpoints](https://getbootstrap.com/docs/5.0/layout/breakpoints/).\n\nFor example, let's take default values of breakpoints.\n\n### up\n\n```jsx\n// const up = (min: string, orientation?: 'portrait' | 'landscape') => any\n\ncss`\n ${up('md')} {\n background-color: rebeccapurple;\n }\n`;\n```\n\n
Convert to pure css: \n\n```css\n@media (min-width: 768px) {\n background-color: rebeccapurple;\n}\n```\n\n
\n\n### down\n\nWe occasionally use media queries that go in the other direction (the given screen size or smaller).\n\nThis function takes this declared breakpoint, subtracts 0.02px from it, and uses it as the maximum width value.\n\n```tsx\n// const down = (max: string, orientation?: 'portrait' | 'landscape') => any\n\ncss`\n ${down('md')} {\n background-color: rebeccapurple;\n }\n`;\n```\n\n
Convert to pure css: \n\n```css\n@media (max-width: 991.98px) {\n background-color: rebeccapurple;\n}\n```\n\n
\n\n
\n\n> Why subtract .02px? Browsers don’t currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), so we work around the limitations of [min- and max- prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision.\n\n
\n\n### between\n\nSimilarly, media queries may span multiple breakpoint widths:\n\n```js\n// const between = (min: string, max: string, orientation?: 'portrait' | 'landscape') => any\n\ncss`\n ${between('md', 'lg')} {\n background-color: rebeccapurple;\n }\n`;\n```\n\n
Convert to pure css: \n\n```css\n@media (min-width: 768px) and (max-width: 1199.98px) {\n background-color: rebeccapurple;\n}\n```\n\n
\n\n### only\n\nThere is also function for targeting a single segment of screen sizes using the minimum and maximum breakpoint widths.\n\n```jsx\n// const only = (name: string, orientation?: 'portrait' | 'landscape') => any\n\ncss`\n ${only('md')} {\n background-color: rebeccapurple;\n }\n`;\n```\n\n
Convert to pure css: \n\n```css\n@media (min-width: 768px) and (max-width: 991.98px) {\n background-color: rebeccapurple;\n}\n```\n\n
\n\n### useBreakpoint\n\n```js\n/**\n * @param {function} up | down | between | only\n *\n * @return {(boolean|null)} `true` if currently matching the given query,\n * `false` if not, and `null` if unknown (such as\n * during server-side rendering)\n */\nuseBreakpoint(up('md')) => boolean | null\n```\n\n## Other\n\n### License\n\nMIT License\n\nCopyright (c) 2018-2019 [Maxim Alyoshin](https://github.com/mg901).\n\nThis project is licensed under the MIT License - see the [LICENSE](https://github.com/mg901/styled-breakpoints/blob/master/LICENCE) file for details.\n\n### Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)):\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\"\"/
Maxim
πŸ’» 🎨 πŸ“– πŸ’‘ πŸ€” πŸ“’		\"\"/
Abu Shamsutdinov
πŸ’» πŸ’‘ πŸ€” πŸ‘€ πŸ“’		\"\"/
Sergey Sova
πŸ’» πŸ’‘ πŸ€” πŸ‘€ πŸ“’		\"\"/
Jussi Kinnula
πŸ› πŸ’»		\"\"/
RafaΕ‚ Wyszomirski
πŸ“–		\"\"/
Adrian CelczyΕ„ski
πŸ› πŸ’»		\"\"/
Alexey Olefirenko
πŸ’» πŸ€”
\"\"/
samholmes
πŸ’» πŸ€”		\"\"/
Ontopic
πŸ€”		\"\"/
Ryan Bell
πŸ€”		\"\"/
Bart Nagel
πŸ› πŸ’» πŸ’‘ πŸ€”		\"\"/
Greg McKelvey
πŸ’»
\n\n\n\n\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n```\n\n```\n","readmeFilename":"README.md"}