styled-breakpoints - npm Package Compare versions

Comparing version 12.0.2 to 12.0.3

package.json

 {
   "name": "styled-breakpoints",
-  "version": "12.0.2",
+  "version": "12.0.3",
   "description": "Simple and powerful css breakpoints for styled-components and emotion",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

@@ -40,2 +40,4 @@ <div align="center">
 
+[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://stand-with-ukraine.pp.ua)
+
 # Breakpoints
@@ -47,3 +49,3 @@
 
-For **own** components
+For **own** components.
 
@@ -64,3 +66,3 @@ ```tsx
 
-For **third party** components
+For **third party** components.
 
@@ -76,2 +78,4 @@ ```tsx
 
+<br/>
+
 ## Examples
@@ -83,5 +87,7 @@
 
-<a href="https://codesandbox.io/s/rough-wave-u0uuu?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
-<img alt="Edit mobile-first" src="https://codesandbox.io/static/img/play-codesandbox.svg">
-</a>
+<div>
+  <a href="https://codesandbox.io/s/rough-wave-u0uuu?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
+  <img alt="Edit mobile-first" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+  </a>
+</div>
 
@@ -92,12 +98,20 @@ ### Desktop First
 
-<a href="https://codesandbox.io/s/desktop-first-example-0plsg?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
-  <img alt="Edit desktop first example" src="https://codesandbox.io/static/img/play-codesandbox.svg">
-</a>
+<div>
+  <a href="https://codesandbox.io/s/desktop-first-example-0plsg?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
+    <img alt="Edit desktop first example" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+  </a>
+</div>
 
 ### hooks API
 
-<a href="https://codesandbox.io/s/styled-components-hooks-api-6q6w8?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
-  <img alt="Hooks api (styled-components)" src="https://codesandbox.io/static/img/play-codesandbox.svg">
-</a>
+<div>
+  <a href="https://codesandbox.io/s/styled-components-hooks-api-6q6w8?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fapp.tsx&theme=dark">
+    <img alt="Hooks api (styled-components)" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+  </a>
+</div>
 
+<br/>
+
+<br/>
+
 ## Documentation
@@ -114,3 +128,3 @@
   - [between breakpoints](#between-breakpoints)
-  - [use media query hook](#usemediaquery-hook)
+  - [useMediaQuery hook](#usemediaquery-hook)
 - [customization](#customization)
@@ -120,2 +134,4 @@ - [breakpoints](#breakpoints)
 
+<br/>
+
 ## Quick start
@@ -220,2 +236,4 @@
 
+<br/>
+
 ## Migration from v11
@@ -232,2 +250,4 @@
 
+
+
 + import { createStyledBreakpointsTheme } from "styled-breakpoints";
@@ -285,2 +305,4 @@
 
+<br/>
+
 ## Core concepts
@@ -294,2 +316,4 @@
 
+<br/>
+
 ## Available breakpoints
@@ -312,2 +336,4 @@
 
+<br/>
+
 ## Media queries
@@ -347,3 +373,4 @@
 </details>
-</br>
+<hr/>
+<br/>
 
@@ -385,6 +412,5 @@ ### Max-width
 
-<br/>
-
 > <strong>Why subtract .02px?</strong> 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.
 
+<hr/>
 <br/>
@@ -426,3 +452,4 @@
 </details>
-</br>
+<hr/>
+<br/>
 
@@ -464,3 +491,4 @@ ### Between breakpoints
 </details>
-</br>
+<hr/>
+<br/>
 
@@ -471,4 +499,5 @@ ### useMediaQuery hook
 
-- It supports SSR (server-side rendering).
-- Minified and gzipped size 323b.
+- 🧐 optimal performance by dynamically monitoring document changes in media queries.
+- ⚙️ It supports SSR (server-side rendering).
+- 📦 Minified and gzipped size 323b.
 
@@ -496,2 +525,4 @@ <details><summary><strong>Type declaration</strong></summary>
 
+<br/>
+
 ## Customization
@@ -530,2 +561,4 @@
 
+<br/>
+
 ### Merge with another theme
@@ -532,0 +565,0 @@

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

53782

increased by0.74%

Number of lines in readme file

686

increased by5.05%

No dependency changes