react-responsive-pagination - npm Package Compare versions

Comparing version 2.2.0-beta.2 to 2.2.0-beta.3

CHANGELOG.md

 # React Responsive Pagination Changelog
 
+# [2.2.0-beta.3](https://github.com/jonelantha/react-responsive-pagination/compare/v2.2.0-beta.2...v2.2.0-beta.3) (2023-04-28)
+
+
+### Features
+
+* Themes ([2f0912c](https://github.com/jonelantha/react-responsive-pagination/commit/2f0912c3e69e0f3fe3d0acfd5269a5ee566ddf47))
+
 # [2.2.0-beta.2](https://github.com/jonelantha/react-responsive-pagination/compare/v2.2.0-beta.1...v2.2.0-beta.2) (2023-04-15)
@@ -4,0 +11,0 @@

package.json

 {
   "name": "react-responsive-pagination",
-  "version": "2.2.0-beta.2",
+  "version": "2.2.0-beta.3",
   "description": "React component for responsive pagination",
@@ -5,0 +5,0 @@ "author": "jonelantha",

README.md

@@ -12,6 +12,13 @@ # React Responsive Pagination
 
-✅ Ready to go themes or bring your own css  
+<a href="https://react-responsive-pagination.elantha.com/"><img src="./react-responsive-pagination.gif?raw=true" width="985" alt="react-responsive-pagination example" /></a>
+
+### ⚡️ [LIVE DEMO - try it out for yourself!](https://react-responsive-pagination.elantha.com/live-demo/) ⚡️
+
+✅ Fully accessible with aria tags for screen readers  
+✅ Ready styled themes (or bring your own css)  
 ✅ Bootstrap 4 & 5 support built-in  
-✅ Fully accessible with aria tags for screen readers  
-✅ Modern hook based architecture, optimised for tree-shaking and small bundle sizes
+✅ High performance, no unnecessary renders  
+✅ Built for tree-shaking = minimum impact on the bundle  
+✅ Modern hook based architecture with 100% TypeScript  
+✅ Backed by a comprehensive automated browser based test suite
 
@@ -22,6 +29,2 @@ **📕 Visit [https://react-responsive-pagination.elantha.com](https://react-responsive-pagination.elantha.com) to get started 🚀**
 
-<a href="https://react-responsive-pagination.elantha.com/"><img src="./react-responsive-pagination.gif?raw=true" width="985" alt="react-responsive-pagination example" /></a>
-
-### ⚡️ [LIVE DEMO - try it out for yourself!](https://react-responsive-pagination.elantha.com/live-demo/) ⚡️
-
 ## ⏳ Quick Start
@@ -55,4 +58,8 @@
 
-1. 🖼️ **Pre-built themes (NEW!)**
+1. 🎨 **Custom styling**
 
+   Custom styles? No problem - see the [Custom Styles Guide](https://react-responsive-pagination.elantha.com/custom-styled-pagination/)
+
+2. 🖼️ **Ready-to-go themes (⭐️NEW!⭐️)**
+
    Just import one of the css themes into your project (as shown in the quickstart example above)
@@ -64,18 +71,16 @@
 
-   | Theme               | Description                                                                                                                                                                                                                                                                         |
+   | Theme               | Example                                                                                                                                                                                                                                                                             |
    | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-   | classic-light.css   | <img src="./theme-previews/classic.png?raw=true" width="292" alt="classic pagination" /><br />Classic pagination with link boxes                                                                                                                                                    |
+   | classic-light.css   | <img src="./theme-previews/classic.png?raw=true" width="292" alt="classic pagination" />                                                                                                                                                                                            |
    | bootstrap-light.css | <img src="./theme-previews/bootstrap.png?raw=true" width="250" alt="classic pagination" /><br />Bootstrap 5 styled pagination (without installing Bootstrap)<br />See [additional bootstrap options](https://react-responsive-pagination.elantha.com/bootstrap-pagination/#options) |
-   | minimal-light.css   | <img src="./theme-previews/minimal.png?raw=true" width="169" alt="classic pagination" /><br />Minimal pagination - links only                                                                                                                                                       |
+   | minimal-light.css   | <img src="./theme-previews/minimal.png?raw=true" width="169" alt="classic pagination" />                                                                                                                                                                                            |
 
+   Please see the [Themes guide](https://react-responsive-pagination.elantha.com/themes/) for more details (including overridable theme attributes)
+
    Want to create your own? See the [Custom Styles Guide](https://react-responsive-pagination.elantha.com/custom-styled-pagination/)
 
-2. 🥾 **Bootstrap 4 and 5**
+3. 🥾 **Bootstrap 4 and 5**
 
    Using Bootstrap in your project? **react-responsive-pagination** just works with Bootstrap (no need for any additional styles). See the [Bootstrap Getting Started Guide](https://react-responsive-pagination.elantha.com/bootstrap-pagination/)
 
-3. 🎨 **Custom styling**
-
-   Custom styles? No problem - see the [Custom Styles Guide](https://react-responsive-pagination.elantha.com/custom-styled-pagination/)
-
 ## ✔︎ Requirements / Compatibility
@@ -82,0 +87,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

84467

increased by0.68%

Number of lines in readme file

135

increased by3.85%

No dependency changes