Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-js-switch

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-js-switch - npm Package Compare versions

Comparing version 1.1.4 to 1.1.5

2

package.json
{
"name": "react-js-switch",
"version": "1.1.4",
"version": "1.1.5",
"description": "Switch is a visual toggle between two mutually exclusive states — on and off.",

@@ -5,0 +5,0 @@ "main": "react-js-switch.js",

@@ -157,3 +157,3 @@ type NamedColor =

* Switch container background color when it's on.
* **Default Value** #fc3f7f'
* **Default Value** `#fc3f7f`
*/

@@ -164,3 +164,3 @@ on?: NamedColor

* Switch container background color when it'soff.
* **Default Value** '#f9f9f9'
* **Default Value** `#f9f9f9`
*/

@@ -173,3 +173,3 @@ off?: NamedColor

* Switch container border color when it's on.
* **Default Value** #fc3f7f'
* **Default Value** `#fc3f7f`
*/

@@ -180,3 +180,3 @@ on?: NamedColor

* Switch container border color when it'soff.
* **Default Value** '#e6e6e6'
* **Default Value** `#e6e6e6`
*/

@@ -189,4 +189,3 @@ off?: NamedColor

* - The size of the switch in pixels.
*
* **Default Value** 40
* **Default Value** `40`
*/

@@ -197,4 +196,3 @@ size?: number

* - Switch On/Off animation duration in ms.
*
* - **Default Value** 250
* - **Default Value** `250`
*/

@@ -205,6 +203,4 @@ duration?: number

* - Switch On/Off animation timing function.
*
* - Easing functions specify the rate of change of the number over time.
*
* - **Default Value** 'easeOutExpo'
* - Check [easings.net](https://easings.net/) to learn more.
* - **Default Value** `easeOutExpo`
*/

@@ -215,4 +211,3 @@ ease?: requestFrameEasing | Function;

* - Custom color for switch circle button.
*
* - **Default Value** '#fff'
* - **Default Value** `#fff`
*/

@@ -223,4 +218,3 @@ color?: NamedColor;

* - Switch container background color when it's on or off.
*
* - **Default Value** { on: '#fc3f7f', off: '#f9f9f9' }
* - **Default Value** `{ on: '#fc3f7f', off: '#f9f9f9' }`
*/

@@ -231,4 +225,3 @@ backgroundColor?: backgroundColor;

* - Switch container border color when it's on or off.
*
* - **Default Value** { on: '#fc3f7f', off: '#e6e6e6' }
* - **Default Value** `{ on: '#fc3f7f', off: '#e6e6e6' }`
*/

@@ -238,3 +231,3 @@ borderColor?: borderColor;

/**
* - Value of the switch, true means 'on', false means 'off'.
* - Value of the switch, true means `on`, false means `off`.
*/

@@ -244,3 +237,3 @@ value?: boolean;

/**
* - Value of the switch on the first render, true means 'on', false means 'off'.
* - Value of the switch on the first render, true means `on`, false means `off`.
* - **Note:** this prop will be overwritten by the `value` prop.

@@ -252,4 +245,3 @@ */

* - Disable toggling the switch.
*
* - **Default Value** false
* - **Default Value** `false`
*/

@@ -256,0 +248,0 @@ disabled?: boolean;

@@ -58,3 +58,3 @@ "use strict";

if (Object.hasOwnProperty.call(props, key)) {
if (!allProps.has(key)) console.error("react-js-pager: can't recognize props.".concat(key, " it's not a valid prop."));
if (!allProps.has(key)) console.error("react-js-switch: can't recognize props.".concat(key, " it's not a valid prop."));
}

@@ -61,0 +61,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc