Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More โ
styled-breakpoints
Advanced tools
styled-breakpoints - npm Package Compare versions
Comparing version 14.1.0 to 14.1.1
| { | ||
| "name": "styled-breakpoints", | ||
| "version": "14.1.0", | ||
| "version": "14.1.1", | ||
| "license": "MIT", | ||
@@ -63,6 +63,6 @@ "description": "Simple and powerful css breakpoints for styled-components and emotion", | ||
| "@semantic-release/changelog": "^6.0.0", | ||
| "@semantic-release/commit-analyzer": "^11.0.0", | ||
| "@semantic-release/commit-analyzer": "^12.0.0", | ||
| "@semantic-release/git": "^10.0.0", | ||
| "@semantic-release/github": "^9.0.2", | ||
| "@semantic-release/npm": "^11.0.0", | ||
| "@semantic-release/github": "^10.0.2", | ||
| "@semantic-release/npm": "^12.0.0", | ||
| "@semantic-release/release-notes-generator": "^12.0.0", | ||
@@ -69,0 +69,0 @@ "@size-limit/file": "^11.0.2", |
@@ -161,6 +161,2 @@ <div align="center"> | ||
| Each breakpoint has been carefully selected to accommodate containers with widths that are multiples of 12. The breakpoints also represent a subset of common device sizes and viewport dimensions, although they do not specifically target every use case or device. Instead, they provide a robust and consistent foundation for building designs that cater to nearly any device. | ||
| <br> | ||
| ```tsx | ||
@@ -177,4 +173,6 @@ const breakpoints = { | ||
| <br> | ||
| Each breakpoint has been carefully selected to accommodate containers with widths that are multiples of 12. The breakpoints also represent a subset of common device sizes and viewport dimensions, although they do not specifically target every use case or device. Instead, they provide a robust and consistent foundation for building designs that cater to nearly any device. | ||
| #### ๐ฉ Default Configuration | ||
| `theme/config.ts` | ||
@@ -258,6 +256,6 @@ | ||
| type CustomTheme = typeof theme; | ||
| type MyTheme = typeof theme; | ||
| declare module 'styled-components' { | ||
| export interface DefaultTheme extends CustomTheme {} | ||
| export interface DefaultTheme extends MyTheme {} | ||
| } | ||
@@ -293,6 +291,6 @@ ``` | ||
| type CustomTheme = typeof theme; | ||
| type MyTheme = typeof theme; | ||
| declare module '@emotion/react' { | ||
| export interface Theme extends CustomTheme {} | ||
| export interface Theme extends MyTheme {} | ||
| } | ||
@@ -545,6 +543,7 @@ ``` | ||
| <hr> | ||
| <br> | ||
| ## Contributors | ||
| Thanks goes to these wonderful people ([emoji key](https://github.com/all-contributors/all-contributors#emoji-key)): | ||
| <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> | ||
@@ -556,23 +555,22 @@ <!-- prettier-ignore-start --> | ||
| <tr> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/mg901"><img src="https://avatars0.githubusercontent.com/u/7874664?v=4?s=100" width="100px;" alt="Maxim"/><br /><sub><b>Maxim</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=mg901" title="Code">๐ป</a> <a href="#design-mg901" title="Design">๐จ</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=mg901" title="Documentation">๐</a> <a href="#example-mg901" title="Examples">๐ก</a> <a href="#ideas-mg901" title="Ideas, Planning, & Feedback">๐ค</a> <a href="#talk-mg901" title="Talks">๐ข</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/stuneak"><img src="https://avatars0.githubusercontent.com/u/22033385?v=4?s=100" width="100px;" alt="Abu Shamsutdinov"/><br /><sub><b>Abu Shamsutdinov</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=stuneak" title="Code">๐ป</a> <a href="#example-stuneak" title="Examples">๐ก</a> <a href="#ideas-stuneak" title="Ideas, Planning, & Feedback">๐ค</a> <a href="https://github.com/mg901/styled-breakpoints/pulls?q=is%3Apr+reviewed-by%3Astuneak" title="Reviewed Pull Requests">๐</a> <a href="#talk-stuneak" title="Talks">๐ข</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/sergeysova"><img src="https://avatars0.githubusercontent.com/u/5620073?v=4?s=100" width="100px;" alt="Sergey Sova"/><br /><sub><b>Sergey Sova</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=sergeysova" title="Code">๐ป</a> <a href="#example-sergeysova" title="Examples">๐ก</a> <a href="#ideas-sergeysova" title="Ideas, Planning, & Feedback">๐ค</a> <a href="https://github.com/mg901/styled-breakpoints/pulls?q=is%3Apr+reviewed-by%3Asergeysova" title="Reviewed Pull Requests">๐</a> <a href="#talk-sergeysova" title="Talks">๐ข</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/jussikinnula"><img src="https://avatars0.githubusercontent.com/u/7287118?v=4?s=100" width="100px;" alt="Jussi Kinnula"/><br /><sub><b>Jussi Kinnula</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Ajussikinnula" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=jussikinnula" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/rafauke"><img src="https://avatars1.githubusercontent.com/u/9576167?v=4?s=100" width="100px;" alt="Rafaล Wyszomirski"/><br /><sub><b>Rafaล Wyszomirski</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=rafauke" title="Documentation">๐</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/GR34SE"><img src="https://avatars1.githubusercontent.com/u/35396312?v=4?s=100" width="100px;" alt="Adrian Celczyลski"/><br /><sub><b>Adrian Celczyลski</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3AGR34SE" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=GR34SE" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/alexolefirenko"><img src="https://avatars1.githubusercontent.com/u/7016947?v=4?s=100" width="100px;" alt="Alexey Olefirenko"/><br /><sub><b>Alexey Olefirenko</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=alexolefirenko" title="Code">๐ป</a> <a href="#ideas-alexolefirenko" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/mg901"><img src="https://avatars.githubusercontent.com/u/7874664?v=4?s=100" width="100px;" alt="mg901"/><br /><sub><b>mg901</b></sub></a><br /><a href="#question-mg901" title="Answering Questions">๐ฌ</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=mg901" title="Code">๐ป</a> <a href="#design-mg901" title="Design">๐จ</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=mg901" title="Documentation">๐</a> <a href="#example-mg901" title="Examples">๐ก</a> <a href="#infra-mg901" title="Infrastructure (Hosting, Build-Tools, etc)">๐</a> <a href="#maintenance-mg901" title="Maintenance">๐ง</a> <a href="#projectManagement-mg901" title="Project Management">๐</a> <a href="#promotion-mg901" title="Promotion">๐ฃ</a> <a href="#research-mg901" title="Research">๐ฌ</a> <a href="https://github.com/mg901/styled-breakpoints/pulls?q=is%3Apr+reviewed-by%3Amg901" title="Reviewed Pull Requests">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=mg901" title="Tests">โ ๏ธ</a> <a href="#tool-mg901" title="Tools">๐ง</a> <a href="#tutorial-mg901" title="Tutorials">โ </a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="http://t.me/stuneak"><img src="https://avatars.githubusercontent.com/u/22033385?v=4?s=100" width="100px;" alt="Abu Shamsutdinov"/><br /><sub><b>Abu Shamsutdinov</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Astuneak" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=stuneak" title="Code">๐ป</a> <a href="#example-stuneak" title="Examples">๐ก</a> <a href="#ideas-stuneak" title="Ideas, Planning, & Feedback">๐ค</a> <a href="https://github.com/mg901/styled-breakpoints/pulls?q=is%3Apr+reviewed-by%3Astuneak" title="Reviewed Pull Requests">๐</a> <a href="#talk-stuneak" title="Talks">๐ข</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://sergeysova.com/"><img src="https://avatars.githubusercontent.com/u/5620073?v=4?s=100" width="100px;" alt="Sova"/><br /><sub><b>Sova</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=sergeysova" title="Code">๐ป</a> <a href="#example-sergeysova" title="Examples">๐ก</a> <a href="#ideas-sergeysova" title="Ideas, Planning, & Feedback">๐ค</a> <a href="https://github.com/mg901/styled-breakpoints/pulls?q=is%3Apr+reviewed-by%3Asergeysova" title="Reviewed Pull Requests">๐</a> <a href="#talk-sergeysova" title="Talks">๐ข</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://jussikinnula.com/"><img src="https://avatars.githubusercontent.com/u/7287118?v=4?s=100" width="100px;" alt="Jussi Kinnula"/><br /><sub><b>Jussi Kinnula</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Ajussikinnula" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=jussikinnula" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/rafauke"><img src="https://avatars.githubusercontent.com/u/9576167?v=4?s=100" width="100px;" alt="Rafaล Wyszomirski"/><br /><sub><b>Rafaล Wyszomirski</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=rafauke" title="Documentation">๐</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://afflite.com/"><img src="https://avatars.githubusercontent.com/u/35396312?v=4?s=100" width="100px;" alt="Adrian Celczyลski"/><br /><sub><b>Adrian Celczyลski</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3AGR34SE" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=GR34SE" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/samholmes"><img src="https://avatars.githubusercontent.com/u/517469?v=4?s=100" width="100px;" alt="Sam Holmes"/><br /><sub><b>Sam Holmes</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=samholmes" title="Code">๐ป</a> <a href="#ideas-samholmes" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| </tr> | ||
| <tr> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/samholmes"><img src="https://avatars2.githubusercontent.com/u/517469?v=4?s=100" width="100px;" alt="samholmes"/><br /><sub><b>samholmes</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=samholmes" title="Code">๐ป</a> <a href="#ideas-samholmes" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/Ontopic"><img src="https://avatars0.githubusercontent.com/u/1599991?v=4?s=100" width="100px;" alt="Ontopic"/><br /><sub><b>Ontopic</b></sub></a><br /><a href="#ideas-Ontopic" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://iryanbell.com/"><img src="https://avatars0.githubusercontent.com/u/25379378?v=4?s=100" width="100px;" alt="Ryan Bell"/><br /><sub><b>Ryan Bell</b></sub></a><br /><a href="#ideas-iRyanBell" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://bartnagel.ca/"><img src="https://avatars1.githubusercontent.com/u/199635?v=4?s=100" width="100px;" alt="Bart Nagel"/><br /><sub><b>Bart Nagel</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Atremby" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=tremby" title="Code">๐ป</a> <a href="#example-tremby" title="Examples">๐ก</a> <a href="#ideas-tremby" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://mckelveygreg.github.io/"><img src="https://avatars2.githubusercontent.com/u/16110122?v=4?s=100" width="100px;" alt="Greg McKelvey"/><br /><sub><b>Greg McKelvey</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=mckelveygreg" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/Ontopic"><img src="https://avatars.githubusercontent.com/u/1599991?v=4?s=100" width="100px;" alt="Ontopic"/><br /><sub><b>Ontopic</b></sub></a><br /><a href="#ideas-Ontopic" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/iRyanBell"><img src="https://avatars.githubusercontent.com/u/25379378?v=4?s=100" width="100px;" alt="Ryan Bell"/><br /><sub><b>Ryan Bell</b></sub></a><br /><a href="#ideas-iRyanBell" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://bartnagel.ca/"><img src="https://avatars.githubusercontent.com/u/199635?v=4?s=100" width="100px;" alt="Bart Nagel"/><br /><sub><b>Bart Nagel</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Atremby" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=tremby" title="Code">๐ป</a> <a href="#example-tremby" title="Examples">๐ก</a> <a href="#ideas-tremby" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://mckelveygreg.github.io/"><img src="https://avatars.githubusercontent.com/u/16110122?v=4?s=100" width="100px;" alt="Greg McKelvey"/><br /><sub><b>Greg McKelvey</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/commits?author=mckelveygreg" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/bdefore"><img src="https://avatars.githubusercontent.com/u/142472?v=4?s=100" width="100px;" alt="Buck DeFore"/><br /><sub><b>Buck DeFore</b></sub></a><br /><a href="#ideas-bdefore" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://www.pierreburel.com/"><img src="https://avatars.githubusercontent.com/u/37228?v=4?s=100" width="100px;" alt="Pierre Burel"/><br /><sub><b>Pierre Burel</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Apierreburel" title="Bug reports">๐</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/flagoon"><img src="https://avatars.githubusercontent.com/u/20648154?v=4?s=100" width="100px;" alt="Pawel Kochanek"/><br /><sub><b>Pawel Kochanek</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Aflagoon" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=flagoon" title="Code">๐ป</a></td> | ||
| </tr> | ||
| <tr> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://oowl.dev/"><img src="https://avatars.githubusercontent.com/u/47437822?v=4?s=100" width="100px;" alt="Konstantin"/><br /><sub><b>Konstantin</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Aoowliq" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=oowliq" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/flagoon"><img src="https://avatars.githubusercontent.com/u/20648154?v=4?s=100" width="100px;" alt="Pawel Kochanek"/><br /><sub><b>Pawel Kochanek</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Aflagoon" title="Bug reports">๐</a> <a href="https://github.com/mg901/styled-breakpoints/commits?author=flagoon" title="Code">๐ป</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/iandjx"><img src="https://avatars.githubusercontent.com/u/3683356?v=4?s=100" width="100px;" alt="Ian Christopher B. de Jesus"/><br /><sub><b>Ian Christopher B. de Jesus</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Aiandjx" title="Bug reports">๐</a></td> | ||
| <td align="center" valign="top" width="14.28%"><a href="https://github.com/daviddelusenet"><img src="https://avatars.githubusercontent.com/u/1398418?v=4?s=100" width="100px;" alt="David de Lusenet"/><br /><sub><b>David de Lusenet</b></sub></a><br /><a href="https://github.com/mg901/styled-breakpoints/issues?q=author%3Adaviddelusenet" title="Bug reports">๐</a> <a href="#ideas-daviddelusenet" title="Ideas, Planning, & Feedback">๐ค</a></td> | ||
| </tr> | ||
@@ -586,7 +584,1 @@ </tbody> | ||
| <!-- ALL-CONTRIBUTORS-LIST:END --> | ||
| This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! | ||
| ``` | ||
| ``` |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-0.08%
36304
- Number of lines in readme file
- decreased by-1.37%
578
No dependency changes