react-swipeable-button - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

dist/cjs/components/SwipeableButton.d.ts

@@ -18,2 +18,3 @@ import React, { Component } from "react";
     sliderTextColor?: string;
+    textColor?: string;
     sliderIconColor?: string;
@@ -20,0 +21,0 @@ background_color?: string;

dist/cjs/components/SwipeableButton.js

@@ -130,3 +130,3 @@ "use strict";
     render() {
-        const { width = 300, height = 50, circle = false, disabled = false, noAnimate = false, autoWidth = false, name = "react-swipeable-button", color, sliderColor, background_color = "#eee", borderRadius = 30, sliderTextColor = "#fff", sliderIconColor = "#fff", } = this.props;
+        const { width = 300, height = 50, circle = false, disabled = false, noAnimate = false, autoWidth = false, name = "react-swipeable-button", color, sliderColor, background_color = "#eee", borderRadius = 30, sliderTextColor = "#fff", sliderIconColor = "#fff", textColor = "#000", } = this.props;
         const finalSliderColor = sliderColor || color || "#16362d";
@@ -157,3 +157,3 @@ // Log a warning if the deprecated color prop is used
                     react_1.default.createElement("span", { className: "rsbcSliderCircle", style: { background: finalSliderColor } })),
-                react_1.default.createElement("div", { className: "rsbcText" }, this.getText()))));
+                react_1.default.createElement("div", { className: "rsbcText", style: { color: textColor } }, this.getText()))));
     }
@@ -160,0 +160,0 @@ }

dist/esm/components/SwipeableButton.d.ts

@@ -18,2 +18,3 @@ import React, { Component } from "react";
     sliderTextColor?: string;
+    textColor?: string;
     sliderIconColor?: string;
@@ -20,0 +21,0 @@ background_color?: string;

dist/esm/components/SwipeableButton.js

@@ -105,3 +105,3 @@ import React, { Component } from "react";
     render() {
-        const { width = 300, height = 50, circle = false, disabled = false, noAnimate = false, autoWidth = false, name = "react-swipeable-button", color, sliderColor, background_color = "#eee", borderRadius = 30, sliderTextColor = "#fff", sliderIconColor = "#fff", } = this.props;
+        const { width = 300, height = 50, circle = false, disabled = false, noAnimate = false, autoWidth = false, name = "react-swipeable-button", color, sliderColor, background_color = "#eee", borderRadius = 30, sliderTextColor = "#fff", sliderIconColor = "#fff", textColor = "#000", } = this.props;
         const finalSliderColor = sliderColor || color || "#16362d";
@@ -132,5 +132,5 @@ // Log a warning if the deprecated color prop is used
                     React.createElement("span", { className: "rsbcSliderCircle", style: { background: finalSliderColor } })),
-                React.createElement("div", { className: "rsbcText" }, this.getText()))));
+                React.createElement("div", { className: "rsbcText", style: { color: textColor } }, this.getText()))));
     }
 }
 //# sourceMappingURL=SwipeableButton.js.map

package.json

 {
   "name": "react-swipeable-button",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A component to create swipeable button in react",
@@ -5,0 +5,0 @@ "main": "dist/cjs/index.js",

readme.md

@@ -12,2 +12,7 @@ # react-swipeable-button
 
+**v1.3.0**
+
+- Added `textColor` props to customize the button text color.
+
+
 **v1.2.0**
@@ -122,3 +127,4 @@
 | sliderColor        | String              | "#16362d"                | The color of the slider                                                                                       |
-| sliderTextColor    | String              | "#fff"                   | The color of the text                                                                                         |
+| sliderTextColor    | String              | "#fff"                   | The color of the Slider Text                                                                                  |
+| TextColor          | String              | "#000"                   | The color of the Text (without slider)                                                                        |
 | sliderIconColor    | String              | "#fff"                   | The color of the icon                                                                                         |
@@ -125,0 +131,0 @@ | background_color   | String              | "#eee"                   | The background color of the container                                                                         |

No alert changes

Improved metrics

Total package byte prevSize

44840

1.22%

Lines of code

696

0.29%

Number of lines in readme file

147

4.26%

No dependency changes