Socket
Socket
Sign inDemoInstall

@superlogica/chip-native

Package Overview
Dependencies
Maintainers
5
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@superlogica/chip-native - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

2

Chip.js

@@ -1,1 +0,1 @@

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var Styled=_interopRequireWildcard(require("./Styled"));var _propTypes=require("prop-types");var _jsxFileName="/Users/wilson.prado/Projetos/designsystem-mobile/src/components/Chip/src/Chip.js";var Chip=function Chip(_ref){var children=_ref.children,txtColor=_ref.txtColor,bgColor=_ref.bgColor,icon=_ref.icon,iconColor=_ref.iconColor,onPressIcon=_ref.onPressIcon,rest=(0,_objectWithoutProperties2.default)(_ref,["children","txtColor","bgColor","icon","iconColor","onPressIcon"]);return _react.default.createElement(Styled.ChipContainer,(0,_extends2.default)({bgColor:bgColor},rest,{__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:3}}),_react.default.createElement(Styled.TextBox,{icon:icon,__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:5}},_react.default.createElement(Styled.ChipText,(0,_extends2.default)({txtColor:txtColor},rest,{__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:7}}),children)),icon&&_react.default.createElement(Styled.IconBox,{onPress:function onPress(e){onPressIcon(e);},iconColor:iconColor,__source:{fileName:_jsxFileName,lineNumber:13,columnNumber:7}},icon));};Chip.propTypes={children:_propTypes.node,txtColor:_propTypes.string,bgColor:_propTypes.string,icon:_propTypes.element,iconColor:_propTypes.string};Chip.defaultProps={txtColor:'neutral600',bgColor:'neutral100',iconColor:'neutral600'};var _default=Chip;exports.default=_default;
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var Styled=_interopRequireWildcard(require("./Styled"));var _propTypes=require("prop-types");var _jsxFileName="/Users/wilson.prado/Projetos/designsystem-mobile/src/components/Chip/src/Chip.js";var Chip=function Chip(_ref){var children=_ref.children,txtColor=_ref.txtColor,bgColor=_ref.bgColor,onPress=_ref.onPress,outColor=_ref.outColor,iconLeft=_ref.iconLeft,onPressIconLeft=_ref.onPressIconLeft,icon=_ref.icon,onPressIcon=_ref.onPressIcon,rest=(0,_objectWithoutProperties2.default)(_ref,["children","txtColor","bgColor","onPress","outColor","iconLeft","onPressIconLeft","icon","onPressIcon"]);return _react.default.createElement(Styled.ChipContainer,(0,_extends2.default)({outColor:outColor,bgColor:bgColor,onPress:onPress},rest,{__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:3}}),iconLeft&&_react.default.createElement(Styled.IconBox,{onPress:onPressIconLeft,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:18}},iconLeft),_react.default.createElement(Styled.TextBox,{icon:icon,iconLeft:iconLeft,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:5}},_react.default.createElement(Styled.ChipText,(0,_extends2.default)({txtColor:txtColor},rest,{__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:7}}),children)),icon&&_react.default.createElement(Styled.IconBox,{onPress:onPressIcon,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:14}},icon));};Chip.propTypes={children:_propTypes.node,txtColor:_propTypes.string,bgColor:_propTypes.string,outColor:_propTypes.string,icon:_propTypes.element,onPressIcon:_propTypes.func,iconLeft:_propTypes.element,onPressIconLeft:_propTypes.func,onPress:_propTypes.func};Chip.defaultProps={txtColor:'neutral600',bgColor:'neutral100'};var _default=Chip;exports.default=_default;
{
"name": "@superlogica/chip-native",
"version": "0.0.17",
"version": "0.0.18",
"description": "",

@@ -14,3 +14,3 @@ "main": "Chip.js",

"license": "ISC",
"gitHead": "2aafb08bf628fe748814c11b7866ea12430191e9"
"gitHead": "eb879634d7409bd2cddce222a105451e2931b687"
}
export var __esModule: boolean;
export var ChipContainer: any;
export var TextBox: any;
export var ChipText: any;
export var ChipContainer: any;
export var IconBox: any;
//# sourceMappingURL=Styled.d.ts.map

@@ -1,1 +0,1 @@

var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextBox=exports.IconBox=exports.ChipText=exports.ChipContainer=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _native=_interopRequireDefault(require("styled-components/native"));function _templateObject4(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n position: absolute;\n right: 0;\n align-items: center;\n"]);_templateObject4=function _templateObject4(){return data;};return data;}function _templateObject3(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n"]);_templateObject3=function _templateObject3(){return data;};return data;}function _templateObject2(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n width: 100%;\n"]);_templateObject2=function _templateObject2(){return data;};return data;}function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n"]);_templateObject=function _templateObject(){return data;};return data;}var ChipContainer=_native.default.View(_templateObject(),function(_ref){var _ref$theme=_ref.theme,padding=_ref$theme.chip.padding,color=_ref$theme.color,bgColor=_ref.bgColor;return"\n padding-top: "+padding.top+"px;\n padding-right: "+padding.right+"px;\n padding-bottom: "+padding.bottom+"px;\n padding-left: "+padding.left+"px;\n background: "+(color[bgColor]||color.neutral100)+";\n border-radius: 85px;\n ";});exports.ChipContainer=ChipContainer;var TextBox=_native.default.View(_templateObject2(),function(_ref2){var icon=_ref2.icon;return"\n margin-right: "+(icon?20:0)+"px;\n ";});exports.TextBox=TextBox;var ChipText=_native.default.Text(_templateObject3(),function(_ref3){var _ref3$theme=_ref3.theme,typography=_ref3$theme.typography,color=_ref3$theme.color,txtColor=_ref3.txtColor;return"\n font-family: "+typography.fontFamily+typography.label.caption.fontFamily+";\n font-size: "+typography.label.caption.fontSize+"px;\n line-height: "+typography.label.caption.lineHeight+"px;\n color: "+(color[txtColor]||color.neutral600)+";\n ";});exports.ChipText=ChipText;var IconBox=_native.default.TouchableOpacity(_templateObject4(),function(_ref4){var _ref4$theme=_ref4.theme,icon=_ref4$theme.chip.icon,color=_ref4$theme.color,iconColor=_ref4.iconColor;return"\n width: "+icon.width+"px;\n height: "+icon.height+"px;\n margin-right: "+icon.marginRight+"px;\n margin-top: "+icon.marginTop+"px;\n color: "+(color[iconColor]||color.neutral600)+";\n ";});exports.IconBox=IconBox;
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TextBox=exports.IconBox=exports.ChipText=exports.ChipContainer=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _native=_interopRequireDefault(require("styled-components/native"));function _templateObject4(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n align-items: center;\n"]);_templateObject4=function _templateObject4(){return data;};return data;}function _templateObject3(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n"]);_templateObject3=function _templateObject3(){return data;};return data;}function _templateObject2(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n"]);_templateObject2=function _templateObject2(){return data;};return data;}function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2.default)(["\n ","\n"]);_templateObject=function _templateObject(){return data;};return data;}var ChipContainer=_native.default.TouchableOpacity.attrs(function(_ref){var onPress=_ref.onPress;return{disabled:!onPress};})(_templateObject(),function(_ref2){var _ref2$theme=_ref2.theme,padding=_ref2$theme.chip.padding,color=_ref2$theme.color,bgColor=_ref2.bgColor,outColor=_ref2.outColor;return"\n padding-top: "+padding.top+"px;\n padding-right: "+padding.right+"px;\n padding-bottom: "+padding.bottom+"px;\n padding-left: "+padding.left+"px;\n background: "+(color[bgColor]||color.neutral100)+";\n border-width: "+(outColor?1:0)+"px; \n border-color: "+color[outColor]+";\n border-radius: 85px;\n flex-direction: row;\n align-items: center;\n ";});exports.ChipContainer=ChipContainer;var TextBox=_native.default.View(_templateObject2(),function(_ref3){var icon=_ref3.icon,iconLeft=_ref3.iconLeft;return"\n margin-right: "+(icon?10:0)+"px;\n margin-left: "+(iconLeft?10:0)+"px; \n ";});exports.TextBox=TextBox;var ChipText=_native.default.Text(_templateObject3(),function(_ref4){var _ref4$theme=_ref4.theme,typography=_ref4$theme.typography,color=_ref4$theme.color,txtColor=_ref4.txtColor;return"\n font-family: "+typography.fontFamily+typography.label.caption.fontFamily+";\n font-size: "+typography.label.caption.fontSize+"px;\n line-height: "+typography.label.caption.lineHeight+"px;\n color: "+(color[txtColor]||color.neutral600)+";\n ";});exports.ChipText=ChipText;var IconBox=_native.default.TouchableOpacity.attrs(function(_ref5){var onPress=_ref5.onPress;return{disabled:!onPress};})(_templateObject4(),function(_ref6){var icon=_ref6.theme.chip.icon;return"\n width: "+icon.width+"px;\n ";});exports.IconBox=IconBox;
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