Socket
Socket
Sign inDemoInstall

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.3 to 2.0.4

354

lib/styles/variable.js

@@ -5,43 +5,3 @@ 'use strict';

var Core = theme.Core;
var ComponentCustomStyle = theme.Switch;
var wrapWidthIOS = 100;
var wrapWidthAndroid = 68;
var wrapHeightIOS = 60;
var wrapHeightAndroid = 28;
var wrapMargin = 0;
var wrapPadding = 0;
var wrapBorderRadius = 40;
var wrapBorderWidthIOS = 2;
var wrapBorderWidthAndroid = 0;
var checkedBgColorIOS = '#00e158';
var checkedBgColorAndroid = '#4FCEDB';
var uncheckedBgColorIOS = Core['color-white'];
var uncheckedBgColorAndroid = '#B1B1B1';
var checkedBorderColorIOS = '#00e158';
var checkedBorderColorAndroid = 'transparent';
var uncheckedBorderColor = '#dfdfdf';
var checkedbBoxshadowColorIOS = '#00e158';
var checkedbBoxshadowColorAndroid = '#4FCEDB';
var uncheckedBoxshadowColor = '#dfdfdf';
var disabledCheckedBorderColorIOS = '#dfdfdf';
var disabledCheckedBorderColorAndroid = '#1A9CB7';
var disabledCheckedBgColorIOS = 'rgba(0,225,88,0.5)';
var disabledCheckedBgColorAndorid = 'rgba(34,31,31,0.26)';
var disabledUnCheckedBgColorIOS = '#cccccc';
var disabledUnCheckedBgColorAndroid = 'rgba(34,31,31,0.26)';
var dotSizeIOS = 60;
var dotSizeAndroid = 44;
var dotTopIOS = 0;
var dotTopAndroid = (wrapHeightAndroid - dotSizeAndroid) / 2;
var dotBgColorIOS = Core['color-white'];
var dotBgColorAndroid = '#EBEBEB';
var dotCheckedBgColorIOS = Core['color-white'];
var dotCheckedBgColorAndroid = '#009EB7';
var dotDisabledBgColorIOS = Core['color-white'];
var dotDisabledBgColorAndroid = 'rgba(255,255,255,0.5)';
var dotLeftIOS = 0;
var dotLeftAndroid = -14;
var dotTransformIOS = 40;
var dotTransformAndroid = 48;

@@ -57,197 +17,203 @@ /**

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

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

@@ -5,43 +5,3 @@ 'use strict';

const Core = theme.Core;
const ComponentCustomStyle = theme.Switch;
const wrapWidthIOS = 100;
const wrapWidthAndroid = 68;
const wrapHeightIOS = 60;
const wrapHeightAndroid = 28;
const wrapMargin = 0;
const wrapPadding = 0;
const wrapBorderRadius = 40;
const wrapBorderWidthIOS = 2;
const wrapBorderWidthAndroid = 0;
const checkedBgColorIOS = '#00e158';
const checkedBgColorAndroid = '#4FCEDB';
const uncheckedBgColorIOS = Core['color-white'];
const uncheckedBgColorAndroid = '#B1B1B1';
const checkedBorderColorIOS = '#00e158';
const checkedBorderColorAndroid = 'transparent';
const uncheckedBorderColor = '#dfdfdf';
const checkedbBoxshadowColorIOS = '#00e158';
const checkedbBoxshadowColorAndroid = '#4FCEDB';
const uncheckedBoxshadowColor = '#dfdfdf';
const disabledCheckedBorderColorIOS = '#dfdfdf';
const disabledCheckedBorderColorAndroid = '#1A9CB7';
const disabledCheckedBgColorIOS = 'rgba(0,225,88,0.5)';
const disabledCheckedBgColorAndorid = 'rgba(34,31,31,0.26)';
const disabledUnCheckedBgColorIOS = '#cccccc';
const disabledUnCheckedBgColorAndroid = 'rgba(34,31,31,0.26)';
const dotSizeIOS = 60;
const dotSizeAndroid = 44;
const dotTopIOS = 0;
const dotTopAndroid = (wrapHeightAndroid - dotSizeAndroid) / 2;
const dotBgColorIOS = Core['color-white'];
const dotBgColorAndroid = '#EBEBEB';
const dotCheckedBgColorIOS = Core['color-white'];
const dotCheckedBgColorAndroid = '#009EB7';
const dotDisabledBgColorIOS = Core['color-white'];
const dotDisabledBgColorAndroid = 'rgba(255,255,255,0.5)';
const dotLeftIOS = 0;
const dotLeftAndroid = -14;
const dotTransformIOS = 40;
const dotTransformAndroid = 48;

@@ -57,197 +17,204 @@ /**

/**
* width-iOS
* @property namespace size/bounding
*/
'wrap-width-ios': wrapWidthIOS,
* width-iOS
* @property namespace size/bounding
*/
'wrap-width-ios': 100,
/**
* width-android
* @property namespace size/bounding
*/
'wrap-width-android': wrapWidthAndroid,
* width-android
* @property namespace size/bounding
*/
'wrap-width-android': 68,
/**
* height-iOS
* @property namespace size/bounding
*/
'wrap-height-ios': wrapHeightIOS,
* height-iOS
* @property namespace size/bounding
*/
'wrap-height-ios': 60,
/**
* height-andorid
* @property namespace size/bounding
*/
'wrap-height-android': wrapHeightAndroid,
* height-andorid
* @property namespace size/bounding
*/
'wrap-height-android': 28,
/**
* corner
* @property namespace statement/normal
*/
'wrap-border-radius': wrapBorderRadius,
* corner
* @property namespace statement/normal
*/
'wrap-border-radius': 40,
/**
* width-iOS
* @property namespace size/border
*/
'wrap-border-width-ios': wrapBorderWidthIOS,
* width-iOS
* @property namespace size/border
*/
'wrap-border-width-ios': 2,
/**
* width-andorid
* @property namespace size/border
*/
'wrap-border-width-android': wrapBorderWidthAndroid,
* width-andorid
* @property namespace size/border
*/
'wrap-border-width-android': 0,
/**
* margin
* @property namespace size/bounding
*/
'wrap-margin': wrapMargin,
* margin
* @property namespace size/bounding
*/
'wrap-margin': 0,
/**
* padding
* @property namespace size/bounding
*/
'wrap-padding': wrapPadding,
* padding
* @property namespace size/bounding
*/
'wrap-padding': 0,
/**
* background-iOS
* @property namespace statement/checked
*/
'c-bg-color-ios': checkedBgColorIOS,
* background-iOS
* @property namespace statement/checked
*/
'c-bg-color-ios': '#00e158',
/**
* background-android
* @property namespace statement/checked
*/
'c-bg-color-android': checkedBgColorAndroid,
* background-android
* @property namespace statement/checked
*/
'c-bg-color-android': '#4FCEDB',
/**
* border-iOS
* @property namespace statement/checked
*/
'c-border-color-ios': checkedBorderColorIOS,
* border-iOS
* @property namespace statement/checked
*/
'c-border-color-ios': '#00e158',
/**
* border-android
* @property namespace statement/checked
*/
'c-border-color-android': checkedBorderColorAndroid,
* border-android
* @property namespace statement/checked
*/
'c-border-color-android': 'transparent',
/**
* boxShadowColor-iOS
* @property namespace statement/checked
*/
'c-boxshadow-color-ios': checkedbBoxshadowColorIOS,
* boxShadowColor-iOS
* @property namespace statement/checked
*/
'c-boxshadow-color-ios': '#00e158',
/**
* boxShadowColor-android
* @property namespace statement/checked
*/
'c-boxshadow-color-android': checkedbBoxshadowColorAndroid,
* boxShadowColor-android
* @property namespace statement/checked
*/
'c-boxshadow-color-android': '#4FCEDB',
/**
* border
* @property namespace statement/unChecked
*/
'unc-border-color': uncheckedBorderColor,
* border
* @property namespace statement/unChecked
*/
'unc-border-color': '#dfdfdf',
/**
* background-iOS
* @property namespace statement/unChecked
*/
'unc-bg-color-ios': uncheckedBgColorIOS,
* background-iOS
* @property namespace statement/unChecked
*/
'unc-bg-color-ios': Core['color-white'],
/**
* background-android
* @property namespace statement/unChecked
*/
'unc-bg-color-android': uncheckedBgColorAndroid,
* background-android
* @property namespace statement/unChecked
*/
'unc-bg-color-android': '#B1B1B1',
/**
* boxShadowColor
* @property namespace statement/unChecked
*/
'unc-boxshadow-color': uncheckedBoxshadowColor,
* boxShadowColor
* @property namespace statement/unChecked
*/
'unc-boxshadow-color': '#dfdfdf',
/**
* background-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-ios': disabledCheckedBgColorIOS,
* background-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-ios': 'rgba(0,225,88,0.5)',
/**
* background-android
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-android': disabledCheckedBgColorAndorid,
* background-android
* @property namespace statement/checked-disabled
*/
'dis-c-bg-color-android': 'rgba(34,31,31,0.26)',
/**
* background-iOS
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-ios': disabledUnCheckedBgColorIOS,
* background-iOS
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-ios': '#cccccc',
/**
* background-android
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-android': disabledUnCheckedBgColorAndroid,
* background-android
* @property namespace statement/unChecked-disabled
*/
'dis-unc-bg-color-android': 'rgba(34,31,31,0.26)',
/**
* border-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-ios': disabledCheckedBorderColorIOS,
* border-iOS
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-ios': '#dfdfdf',
/**
* border-android
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-android': disabledCheckedBorderColorAndroid,
* border-android
* @property namespace statement/checked-disabled
*/
'dis-c-border-color-android': '#1A9CB7',
/**
* size-iOS
* @property namespace size/dot
*/
'dot-size-ios': dotSizeIOS,
* size-iOS
* @property namespace size/dot
*/
'dot-size-ios': 60,
/**
* size-android
* @property namespace size/dot
*/
'dot-size-android': dotSizeAndroid,
* size-android
* @property namespace size/dot
*/
'dot-size-android': 44,
/**
* background-iOS
* @property namespace size/dot
*/
'dot-bg-color-ios': dotBgColorIOS,
* background-iOS
* @property namespace size/dot
*/
'dot-bg-color-ios': Core['color-white'],
/**
* background-android
* @property namespace size/dot
*/
'dot-bg-color-android': dotBgColorAndroid,
* background-android
* @property namespace size/dot
*/
'dot-bg-color-android': '#EBEBEB',
/**
* left-iOS
* @property namespace size/dot
*/
'dot-left-ios': dotLeftIOS,
* left-iOS
* @property namespace size/dot
*/
'dot-left-ios': 0,
/**
* left-android
* @property namespace size/dot
*/
'dot-left-android': dotLeftAndroid,
* left-android
* @property namespace size/dot
*/
'dot-left-android': -14,
/**
* background-iOS
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-ios': dotCheckedBgColorIOS,
* background-iOS
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-ios': Core['color-white'],
/**
* background-android
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-android': dotCheckedBgColorAndroid,
* background-android
* @property namespace size/dot-checked
*/
'dot-checked-bg-color-android': '#009EB7',
/**
* transform-iOS
* @property namespace statement/dot
*/
'dot-transform-ios': dotTransformIOS,
* transform-iOS
* @property namespace statement/dot
*/
'dot-transform-ios': 40,
/**
* transform-android
* @property namespace statement/dot
*/
'dot-transform-android': dotTransformAndroid,
* transform-android
* @property namespace statement/dot
*/
'dot-transform-android': 48,
/**
* top-iOS
* @property namespace size/dot
*/
'dot-top-ios': dotTopIOS,
'dot-top-android': dotTopAndroid,
* top-iOS
* @property namespace size/dot
*/
'dot-top-ios': 0,
/**
* background-iOS
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-ios': dotDisabledBgColorIOS,
* top-android
* @property namespace size/dot
* @property calculate (['wrap-height-android'] - ['dot-size-android'])/2
*/
'dot-top-android': -8,
/**
* background-android
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-android': dotDisabledBgColorAndroid,
* background-iOS
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-ios': Core['color-white'],
/**
* background-android
* @property namespace size/dot-disabled
*/
'dot-disabled-bg-color-android': 'rgba(255,255,255,0.5)',
};
// should alway use var statement to carray a assigngg
const variable = Object.assign(switchVaribles, ComponentCustomStyle);
return variable;
}
module.exports = VariableMix;
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