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

nuke-switch

Package Overview
Dependencies
Maintainers
3
Versions
68
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuke-switch - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

333

lib/styles/variable.js

@@ -5,255 +5,242 @@ 'use strict';

var Core = theme.Core;
/**
* 开关
* @namespace component
* @property name switch
* @property tag Switch
* @property category component
*/
var ComponentCustomStyle = theme.Switch;
/**
* width-iOS
* @property namespace size/bounding
*/
var wrapWidthIOS = 100;
/**
* width-android
* @property namespace size/bounding
*/
var wrapWidthAndroid = 68;
/**
* height-iOS
* @property namespace size/bounding
*/
var wrapHeightIOS = 60;
/**
* height-andorid
* @property namespace size/bounding
*/
var wrapHeightAndroid = 28;
/**
* margin
* @property namespace size/bounding
*/
var wrapMargin = 0;
/**
* padding
* @property namespace size/bounding
*/
var wrapPadding = 0;
/**
* corner
* @property namespace statement/normal
*/
var wrapBorderRadius = 40;
/**
* width-iOS
* @property namespace size/border
*/
var wrapBorderWidthIOS = 2;
/**
* width-andorid
* @property namespace size/border
*/
var wrapBorderWidthAndroid = 0;
/**
* background-iOS
* @property namespace statement/checked
*/
var checkedBgColorIOS = '#00e158';
/**
* background-android
* @property namespace statement/checked
*/
var checkedBgColorAndroid = '#4FCEDB';
/**
* background-iOS
* @property namespace statement/unChecked
*/
var uncheckedBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace statement/unChecked
*/
var uncheckedBgColorAndroid = '#B1B1B1';
/**
* border-iOS
* @property namespace statement/checked
*/
var checkedBorderColorIOS = '#00e158';
/**
* border-android
* @property namespace statement/checked
*/
var checkedBorderColorAndroid = 'transparent';
/**
* border
* @property namespace statement/unChecked
*/
var uncheckedBorderColor = '#dfdfdf';
/**
* boxShadowColor-iOS
* @property namespace statement/checked
*/
var checkedbBoxshadowColorIOS = '#00e158';
/**
* boxShadowColor-android
* @property namespace statement/checked
*/
var checkedbBoxshadowColorAndroid = '#4FCEDB';
/**
* boxShadowColor
* @property namespace statement/unChecked
*/
var uncheckedBoxshadowColor = '#dfdfdf';
/**
* border-iOS
* @property namespace statement/checked-disabled
*/
var disabledCheckedBorderColorIOS = '#dfdfdf';
/**
* border-android
* @property namespace statement/checked-disabled
*/
var disabledCheckedBorderColorAndroid = '#1A9CB7';
/**
* background-iOS
* @property namespace statement/checked-disabled
*/
var disabledCheckedBgColorIOS = 'rgba(0,225,88,0.5)';
/**
* background-android
* @property namespace statement/checked-disabled
*/
var disabledCheckedBgColorAndorid = 'rgba(34,31,31,0.26)';
/**
* background-iOS
* @property namespace statement/unChecked-disabled
*/
var disabledUnCheckedBgColorIOS = '#cccccc';
/**
* background-android
* @property namespace statement/unChecked-disabled
*/
var disabledUnCheckedBgColorAndroid = 'rgba(34,31,31,0.26)';
/**
* size-iOS
* @property namespace size/dot
*/
var dotSizeIOS = 60;
/**
* size-android
* @property namespace size/dot
*/
var dotSizeAndroid = 44;
/**
* top-iOS
* @property namespace size/dot
*/
var dotTopIOS = 0;
var dotTopAndroid = (wrapHeightAndroid - dotSizeAndroid) / 2;
/**
* background-iOS
* @property namespace size/dot
*/
var dotBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot
*/
var dotBgColorAndroid = '#EBEBEB';
/**
* background-iOS
* @property namespace size/dot-checked
*/
var dotCheckedBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot-checked
*/
var dotCheckedBgColorAndroid = '#009EB7';
/**
* background-iOS
* @property namespace size/dot-disabled
*/
var dotDisabledBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot-disabled
*/
var dotDisabledBgColorAndroid = 'rgba(255,255,255,0.5)';
/**
* left-iOS
* @property namespace size/dot
*/
var dotLeftIOS = 0;
/**
* left-android
* @property namespace size/dot
*/
var dotLeftAndroid = -14;
/**
* transform-iOS
* @property namespace statement/dot
*/
var dotTransformIOS = 40;
var dotTransformAndroid = 48;
/**
* transform-android
* @property namespace statement/dot
* 开关
* @namespace component
* @property module switch
* @property tag Switch
* @property category component
*/
var dotTransformAndroid = 48;
var switchVaribles = {
/**
* width-iOS
* @property namespace size/bounding
*/
'wrap-width-ios': wrapWidthIOS,
/**
* width-android
* @property namespace size/bounding
*/
'wrap-width-android': wrapWidthAndroid,
/**
* height-iOS
* @property namespace size/bounding
*/
'wrap-height-ios': wrapHeightIOS,
/**
* height-andorid
* @property namespace size/bounding
*/
'wrap-height-android': wrapHeightAndroid,
/**
* corner
* @property namespace statement/normal
*/
'wrap-border-radius': wrapBorderRadius,
/**
* width-iOS
* @property namespace size/border
*/
'wrap-border-width-ios': wrapBorderWidthIOS,
/**
* width-andorid
* @property namespace size/border
*/
'wrap-border-width-android': wrapBorderWidthAndroid,
/**
* margin
* @property namespace size/bounding
*/
'wrap-margin': wrapMargin,
/**
* padding
* @property namespace size/bounding
*/
'wrap-padding': wrapPadding,
/**
* background-iOS
* @property namespace statement/checked
*/
'c-bg-color-ios': checkedBgColorIOS,
/**
* background-android
* @property namespace statement/checked
*/
'c-bg-color-android': checkedBgColorAndroid,
/**
* border-iOS
* @property namespace statement/checked
*/
'c-border-color-ios': checkedBorderColorIOS,
/**
* border-android
* @property namespace statement/checked
*/
'c-border-color-android': checkedBorderColorAndroid,
/**
* boxShadowColor-iOS
* @property namespace statement/checked
*/
'c-boxshadow-color-ios': checkedbBoxshadowColorIOS,
/**
* boxShadowColor-android
* @property namespace statement/checked
*/
'c-boxshadow-color-android': checkedbBoxshadowColorAndroid,
/**
* border
* @property namespace statement/unChecked
*/
'unc-border-color': uncheckedBorderColor,
/**
* background-iOS
* @property namespace statement/unChecked
*/
'unc-bg-color-ios': uncheckedBgColorIOS,
/**
* background-android
* @property namespace statement/unChecked
*/
'unc-bg-color-android': uncheckedBgColorAndroid,
/**
* boxShadowColor
* @property namespace statement/unChecked
*/
'unc-boxshadow-color': uncheckedBoxshadowColor,
/**
* background-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-ios': disabledCheckedBgColorIOS,
/**
* background-android
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-android': disabledCheckedBgColorAndorid,
/**
* background-iOS
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-ios': disabledUnCheckedBgColorIOS,
/**
* background-android
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-android': disabledUnCheckedBgColorAndroid,
/**
* border-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-ios': disabledCheckedBorderColorIOS,
/**
* border-android
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-android': disabledCheckedBorderColorAndroid,
/**
* size-iOS
* @property namespace size/dot
*/
'dot-size-ios': dotSizeIOS,
/**
* size-android
* @property namespace size/dot
*/
'dot-size-android': dotSizeAndroid,
/**
* background-iOS
* @property namespace size/dot
*/
'dot-bg-color-ios': dotBgColorIOS,
/**
* background-android
* @property namespace size/dot
*/
'dot-bg-color-android': dotBgColorAndroid,
/**
* left-iOS
* @property namespace size/dot
*/
'dot-left-ios': dotLeftIOS,
/**
* left-android
* @property namespace size/dot
*/
'dot-left-android': dotLeftAndroid,
/**
* background-iOS
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-ios': dotCheckedBgColorIOS,
/**
* background-android
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-android': dotCheckedBgColorAndroid,
/**
* transform-iOS
* @property namespace statement/dot
*/
'dot-transform-ios': dotTransformIOS,
/**
* transform-android
* @property namespace statement/dot
*/
'dot-transform-android': dotTransformAndroid,
/**
* top-iOS
* @property namespace size/dot
*/
'dot-top-ios': dotTopIOS,
'dot-top-android': dotTopAndroid,
/**
* background-iOS
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-ios': dotDisabledBgColorIOS,
/**
* background-android
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-android': dotDisabledBgColorAndroid

@@ -260,0 +247,0 @@ };

{
"name": "nuke-switch",
"version": "2.0.1",
"version": "2.0.2",
"description": "开关",

@@ -5,0 +5,0 @@ "main": "lib/index",

@@ -5,255 +5,242 @@ 'use strict';

const Core = theme.Core;
/**
* 开关
* @namespace component
* @property name switch
* @property tag Switch
* @property category component
*/
const ComponentCustomStyle = theme.Switch;
/**
* width-iOS
* @property namespace size/bounding
*/
const wrapWidthIOS = 100;
/**
* width-android
* @property namespace size/bounding
*/
const wrapWidthAndroid = 68;
/**
* height-iOS
* @property namespace size/bounding
*/
const wrapHeightIOS = 60;
/**
* height-andorid
* @property namespace size/bounding
*/
const wrapHeightAndroid = 28;
/**
* margin
* @property namespace size/bounding
*/
const wrapMargin = 0;
/**
* padding
* @property namespace size/bounding
*/
const wrapPadding = 0;
/**
* corner
* @property namespace statement/normal
*/
const wrapBorderRadius = 40;
/**
* width-iOS
* @property namespace size/border
*/
const wrapBorderWidthIOS = 2;
/**
* width-andorid
* @property namespace size/border
*/
const wrapBorderWidthAndroid = 0;
/**
* background-iOS
* @property namespace statement/checked
*/
const checkedBgColorIOS = '#00e158';
/**
* background-android
* @property namespace statement/checked
*/
const checkedBgColorAndroid = '#4FCEDB';
/**
* background-iOS
* @property namespace statement/unChecked
*/
const uncheckedBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace statement/unChecked
*/
const uncheckedBgColorAndroid = '#B1B1B1';
/**
* border-iOS
* @property namespace statement/checked
*/
const checkedBorderColorIOS = '#00e158';
/**
* border-android
* @property namespace statement/checked
*/
const checkedBorderColorAndroid = 'transparent';
/**
* border
* @property namespace statement/unChecked
*/
const uncheckedBorderColor = '#dfdfdf';
/**
* boxShadowColor-iOS
* @property namespace statement/checked
*/
const checkedbBoxshadowColorIOS = '#00e158';
/**
* boxShadowColor-android
* @property namespace statement/checked
*/
const checkedbBoxshadowColorAndroid = '#4FCEDB';
/**
* boxShadowColor
* @property namespace statement/unChecked
*/
const uncheckedBoxshadowColor = '#dfdfdf';
/**
* border-iOS
* @property namespace statement/checked-disabled
*/
const disabledCheckedBorderColorIOS = '#dfdfdf';
/**
* border-android
* @property namespace statement/checked-disabled
*/
const disabledCheckedBorderColorAndroid = '#1A9CB7';
/**
* background-iOS
* @property namespace statement/checked-disabled
*/
const disabledCheckedBgColorIOS = 'rgba(0,225,88,0.5)';
/**
* background-android
* @property namespace statement/checked-disabled
*/
const disabledCheckedBgColorAndorid = 'rgba(34,31,31,0.26)';
/**
* background-iOS
* @property namespace statement/unChecked-disabled
*/
const disabledUnCheckedBgColorIOS = '#cccccc';
/**
* background-android
* @property namespace statement/unChecked-disabled
*/
const disabledUnCheckedBgColorAndroid = 'rgba(34,31,31,0.26)';
/**
* size-iOS
* @property namespace size/dot
*/
const dotSizeIOS = 60;
/**
* size-android
* @property namespace size/dot
*/
const dotSizeAndroid = 44;
/**
* top-iOS
* @property namespace size/dot
*/
const dotTopIOS = 0;
const dotTopAndroid = (wrapHeightAndroid - dotSizeAndroid) / 2;
/**
* background-iOS
* @property namespace size/dot
*/
const dotBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot
*/
const dotBgColorAndroid = '#EBEBEB';
/**
* background-iOS
* @property namespace size/dot-checked
*/
const dotCheckedBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot-checked
*/
const dotCheckedBgColorAndroid = '#009EB7';
/**
* background-iOS
* @property namespace size/dot-disabled
*/
const dotDisabledBgColorIOS = Core['color-white'];
/**
* background-android
* @property namespace size/dot-disabled
*/
const dotDisabledBgColorAndroid = 'rgba(255,255,255,0.5)';
/**
* left-iOS
* @property namespace size/dot
*/
const dotLeftIOS = 0;
/**
* left-android
* @property namespace size/dot
*/
const dotLeftAndroid = -14;
/**
* transform-iOS
* @property namespace statement/dot
*/
const dotTransformIOS = 40;
const dotTransformAndroid = 48;
/**
* transform-android
* @property namespace statement/dot
* 开关
* @namespace component
* @property module switch
* @property tag Switch
* @property category component
*/
const dotTransformAndroid = 48;
const switchVaribles = {
/**
* width-iOS
* @property namespace size/bounding
*/
'wrap-width-ios': wrapWidthIOS,
/**
* width-android
* @property namespace size/bounding
*/
'wrap-width-android': wrapWidthAndroid,
/**
* height-iOS
* @property namespace size/bounding
*/
'wrap-height-ios': wrapHeightIOS,
/**
* height-andorid
* @property namespace size/bounding
*/
'wrap-height-android': wrapHeightAndroid,
/**
* corner
* @property namespace statement/normal
*/
'wrap-border-radius': wrapBorderRadius,
/**
* width-iOS
* @property namespace size/border
*/
'wrap-border-width-ios': wrapBorderWidthIOS,
/**
* width-andorid
* @property namespace size/border
*/
'wrap-border-width-android': wrapBorderWidthAndroid,
/**
* margin
* @property namespace size/bounding
*/
'wrap-margin': wrapMargin,
/**
* padding
* @property namespace size/bounding
*/
'wrap-padding': wrapPadding,
/**
* background-iOS
* @property namespace statement/checked
*/
'c-bg-color-ios': checkedBgColorIOS,
/**
* background-android
* @property namespace statement/checked
*/
'c-bg-color-android': checkedBgColorAndroid,
/**
* border-iOS
* @property namespace statement/checked
*/
'c-border-color-ios': checkedBorderColorIOS,
/**
* border-android
* @property namespace statement/checked
*/
'c-border-color-android': checkedBorderColorAndroid,
/**
* boxShadowColor-iOS
* @property namespace statement/checked
*/
'c-boxshadow-color-ios': checkedbBoxshadowColorIOS,
/**
* boxShadowColor-android
* @property namespace statement/checked
*/
'c-boxshadow-color-android': checkedbBoxshadowColorAndroid,
/**
* border
* @property namespace statement/unChecked
*/
'unc-border-color': uncheckedBorderColor,
/**
* background-iOS
* @property namespace statement/unChecked
*/
'unc-bg-color-ios': uncheckedBgColorIOS,
/**
* background-android
* @property namespace statement/unChecked
*/
'unc-bg-color-android': uncheckedBgColorAndroid,
/**
* boxShadowColor
* @property namespace statement/unChecked
*/
'unc-boxshadow-color': uncheckedBoxshadowColor,
/**
* background-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-ios': disabledCheckedBgColorIOS,
/**
* background-android
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-android': disabledCheckedBgColorAndorid,
/**
* background-iOS
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-ios': disabledUnCheckedBgColorIOS,
/**
* background-android
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-android': disabledUnCheckedBgColorAndroid,
/**
* border-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-ios': disabledCheckedBorderColorIOS,
/**
* border-android
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-android': disabledCheckedBorderColorAndroid,
/**
* size-iOS
* @property namespace size/dot
*/
'dot-size-ios': dotSizeIOS,
/**
* size-android
* @property namespace size/dot
*/
'dot-size-android': dotSizeAndroid,
/**
* background-iOS
* @property namespace size/dot
*/
'dot-bg-color-ios': dotBgColorIOS,
/**
* background-android
* @property namespace size/dot
*/
'dot-bg-color-android': dotBgColorAndroid,
/**
* left-iOS
* @property namespace size/dot
*/
'dot-left-ios': dotLeftIOS,
/**
* left-android
* @property namespace size/dot
*/
'dot-left-android': dotLeftAndroid,
/**
* background-iOS
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-ios': dotCheckedBgColorIOS,
/**
* background-android
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-android': dotCheckedBgColorAndroid,
/**
* transform-iOS
* @property namespace statement/dot
*/
'dot-transform-ios': dotTransformIOS,
/**
* transform-android
* @property namespace statement/dot
*/
'dot-transform-android': dotTransformAndroid,
/**
* top-iOS
* @property namespace size/dot
*/
'dot-top-ios': dotTopIOS,
'dot-top-android': dotTopAndroid,
/**
* background-iOS
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-ios': dotDisabledBgColorIOS,
/**
* background-android
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-android': dotDisabledBgColorAndroid,

@@ -260,0 +247,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