etendo-ui-library 1.2.25 → 1.2.27

package/dist-native/components/button/Button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-declare const Button: ({ text, onPress, typeStyle, image, disabled, width, height, }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist-native/components/button/Button.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/button/Button.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Button=function Button(_ref){var text=_ref.text,onPress=_ref.onPress,typeStyle=_ref.typeStyle,image=_ref.image,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.PRIMARY_80;case'secondary':return _colors.SECONDARY_50;case'terciary':return _colors.QUATERNARY_10;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.QUATERNARY_100;case'whiteBorder':return _colors.NEUTRAL_0;case'primary':return _colors.NEUTRAL_0;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,width:width==='100%'?'100%':width});}if(isHovered){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:hoveredBackgroundColor,width:width==='100%'?'100%':width});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};return _react.default.createElement(_reactNative.TouchableOpacity,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref2){var pressed=_ref2.pressed;return[stateStyleContainer(pressed),{height:height,width:width}];},onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:98,columnNumber:7}},_react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}},image&&_react.default.cloneElement(image,{fill:isHovered?getHoveredTextColorAndViewColor(typeStyle):_Button.ButtonStyleVariant[typeStyle].imageColor})),_react.default.createElement(_reactNative.Text,{style:[stateStyleText()],__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}},text)));};var _default=exports.default=Button;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/button/Button.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var Button=function Button(_ref){var _iconLeft$props,_iconLeft$props$style,_iconLeft$props2,_iconLeft$props2$styl,_iconLeft$props3,_iconLeft$props3$styl,_iconRight$props,_iconRight$props$styl,_iconRight$props2,_iconRight$props2$sty,_iconRight$props3,_iconRight$props3$sty;var text=_ref.text,onPress=_ref.onPress,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?16:_ref$fontSize,typeStyle=_ref.typeStyle,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.TERTIARY_800;case'secondary':return _colors.SECONDARY_300;case'terciary':return _colors.TERTIARY_50;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.TERTIARY_800;case'whiteBorder':return _colors.NEUTRAL_50;case'primary':return _colors.NEUTRAL_50;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,width:width==='100%'?'100%':width});}if(isHovered){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:hoveredBackgroundColor,width:width==='100%'?'100%':width});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};var stateStyleIcon=function stateStyleIcon(){if(disabled){return _Button.ButtonStyleVariant[typeStyle].imageDisabled;}if(isHovered){return isHovered?getHoveredTextColorAndViewColor(typeStyle):_Button.ButtonStyleVariant[typeStyle].imageColor;}return _Button.ButtonStyleVariant[typeStyle].imageColor;};var handleOnPress=function handleOnPress(){if(onPress){onPress();}};return _react.default.createElement(_reactNative.TouchableOpacity,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref2){var pressed=_ref2.pressed;return[stateStyleContainer(pressed),{height:height,width:width}];},onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:7}},iconLeft&&_react.default.cloneElement(iconLeft,{style:{width:(iconLeft==null?void 0:(_iconLeft$props=iconLeft.props)==null?void 0:(_iconLeft$props$style=_iconLeft$props.style)==null?void 0:_iconLeft$props$style.width)||16,height:(iconLeft==null?void 0:(_iconLeft$props2=iconLeft.props)==null?void 0:(_iconLeft$props2$styl=_iconLeft$props2.style)==null?void 0:_iconLeft$props2$styl.height)||16,marginRight:iconLeft!=null&&(_iconLeft$props3=iconLeft.props)!=null&&(_iconLeft$props3$styl=_iconLeft$props3.style)!=null&&_iconLeft$props3$styl.marginRight||text?8:0},fill:stateStyleIcon()}),_react.default.createElement(_reactNative.Text,{style:[stateStyleText(),{fontSize:fontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:132,columnNumber:9}},text),iconRight&&_react.default.cloneElement(iconRight,{style:{width:(iconRight==null?void 0:(_iconRight$props=iconRight.props)==null?void 0:(_iconRight$props$styl=_iconRight$props.style)==null?void 0:_iconRight$props$styl.width)||16,height:(iconRight==null?void 0:(_iconRight$props2=iconRight.props)==null?void 0:(_iconRight$props2$sty=_iconRight$props2.style)==null?void 0:_iconRight$props2$sty.height)||16,marginLeft:iconRight!=null&&(_iconRight$props3=iconRight.props)!=null&&(_iconRight$props3$sty=_iconRight$props3.style)!=null&&_iconRight$props3$sty.marginLeft||text?8:0},fill:stateStyleIcon()})));};var _default=exports.default=Button;

package/dist-native/components/button/Button.styles.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.ButtonStyleVariant=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var commonButtonStyles={flexDirection:'row',justifyContent:'center',alignItems:'center',padding:0};var ButtonStyleVariant=exports.ButtonStyleVariant={primary:{container:Object.assign({backgroundColor:_colors.PRIMARY_100,borderRadius:5},commonButtonStyles,{height:'100%'}),text:{color:_colors.NEUTRAL_0,fontWeight:'600'},containerDisabled:Object.assign({backgroundColor:_colors.QUATERNARY_50,borderRadius:5},commonButtonStyles,{height:'100%'}),textDisabled:{color:_colors.NEUTRAL_0,fontWeight:'bold'},imageColor:_colors.NEUTRAL_0},secondary:{container:Object.assign({backgroundColor:_colors.SECONDARY_100,borderRadius:5},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.SECONDARY_30,borderRadius:5},commonButtonStyles),textDisabled:{color:_colors.QUATERNARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100},terciary:{container:Object.assign({backgroundColor:_colors.QUATERNARY_50,borderRadius:5},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.QUATERNARY_10,borderRadius:5},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100},whiteBorder:{container:Object.assign({backgroundColor:_colors.NEUTRAL_0,borderRadius:5,borderWidth:2,borderColor:_colors.PRIMARY_100},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.NEUTRAL_0,borderRadius:5,borderWidth:2,borderColor:_colors.TERTIARY_50},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100},white:{container:Object.assign({backgroundColor:_colors.NEUTRAL_0,borderRadius:5},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.NEUTRAL_0,borderRadius:5},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100}};var styles=exports.styles=_reactNative.StyleSheet.create({storiesContainer:{flexWrap:'wrap',flexDirection:'row',alignItems:'flex-start',flex:1,width:100,justifyContent:'space-between'},storiesButtonContainer:{height:100,width:150}});
+Object.defineProperty(exports,"__esModule",{value:true});exports.styles=exports.ButtonStyleVariant=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var commonButtonStyles={flexDirection:'row',justifyContent:'center',alignItems:'center',paddingHorizontal:12,paddingVertical:12,borderRadius:8};var ButtonStyleVariant=exports.ButtonStyleVariant={primary:{container:Object.assign({backgroundColor:_colors.PRIMARY_100},commonButtonStyles,{height:'100%'}),text:{color:_colors.NEUTRAL_50,fontWeight:'600'},containerDisabled:Object.assign({backgroundColor:_colors.NEUTRAL_300},commonButtonStyles,{height:'100%'}),textDisabled:{color:_colors.NEUTRAL_50,fontWeight:'bold'},imageColor:_colors.NEUTRAL_50,imageDisabled:_colors.NEUTRAL_50},secondary:{container:Object.assign({backgroundColor:_colors.SECONDARY_100},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.SECONDARY_30},commonButtonStyles),textDisabled:{color:_colors.QUATERNARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100,imageDisabled:_colors.NEUTRAL_300},terciary:{container:Object.assign({backgroundColor:_colors.QUATERNARY_50},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.QUATERNARY_10},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100,imageDisabled:_colors.NEUTRAL_300},whiteBorder:{container:Object.assign({backgroundColor:'transparent',borderWidth:2,borderColor:_colors.PRIMARY_100},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.NEUTRAL_50,borderWidth:2,borderColor:_colors.TERTIARY_50},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100,imageDisabled:_colors.NEUTRAL_300},white:{container:Object.assign({backgroundColor:'transparent'},commonButtonStyles),text:{color:_colors.PRIMARY_100,fontWeight:'bold'},containerDisabled:Object.assign({backgroundColor:_colors.NEUTRAL_50},commonButtonStyles),textDisabled:{color:_colors.TERTIARY_50,fontWeight:'bold'},imageColor:_colors.PRIMARY_100,imageDisabled:_colors.NEUTRAL_300}};var styles=exports.styles=_reactNative.StyleSheet.create({storiesContainer:{flexWrap:'wrap',flexDirection:'row',alignItems:'flex-start',flex:1,width:100,justifyContent:'space-between'},storiesButtonContainer:{height:100,width:150}});

package/dist-native/components/button/Button.types.d.ts

@@ -7,13 +7,16 @@ export type buttonStyleVariant = Record<ButtonStyleType, {
     containerDisabled: ViewStyle;
     textDisabled: TextStyle;
     imageColor: ColorValue;
+    imageDisabled: ColorValue;
 }>;
 export interface ButtonProps {
-    onPress: () => void;
-    text: string;
+    onPress?: () => void;
+    text?: string;
     typeStyle: ButtonStyleType;
-    image?: React.ReactElement;
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
     disabled?: boolean;
     width?: number | string;
     height?: number | string;
+    fontSize?: number;
 }

package/dist-native/components/table/Table.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _table_utils=require("../../helpers/table_utils");var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight;var findPrimaryId=function findPrimaryId(col,indexRow){var primary='';if(indexRow>=0){for(var element of col){if(element.primary===true){if(element.key){primary=data[indexRow][element.key];break;}}}}return primary;};var _renderItem=function renderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}},columns.map(function(col,colIndex){var _col$actions;return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:15}},col.actions?(_col$actions=col.actions)==null?void 0:_col$actions.map(function(itemAction,index){return _react.default.createElement(_reactNative.TouchableOpacity,{style:_Table.styles.cellEditContainer,onPress:function onPress(){return itemAction.onAction(findPrimaryId(columns,index));},key:'tableCellCustom'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:23}},itemAction.component);}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:19}}));}));};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:71,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:data,showsVerticalScrollIndicator:false,showsHorizontalScrollIndicator:false,renderItem:function renderItem(item){return _renderItem(item.item,item.index);},keyExtractor:function keyExtractor(item,index){return'Table: '+index;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:9}})));};var _default=exports.default=Table;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _table_utils=require("../../helpers/table_utils");var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _this=this,_jsxFileName="/home/jenkins/workspace/etendo_ui_library_develop/src/components/table/Table.tsx";var Table=function Table(_ref){var data=_ref.data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight;var findPrimaryId=function findPrimaryId(col,indexRow){var primary='';if(indexRow>=0){for(var element of col){if(element.primary===true){if(element.key){primary=data[indexRow][element.key];break;}}}}return primary;};var _renderItem=function renderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){onRowPress(findPrimaryId(columns,index));},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:7}},columns.map(function(col,colIndex){var _col$actions;return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:15}},col.actions?(_col$actions=col.actions)==null?void 0:_col$actions.map(function(itemAction,actionIndex){return _react.default.createElement(_reactNative.TouchableOpacity,{style:_Table.styles.cellEditContainer,onPress:function onPress(){return itemAction.onAction(findPrimaryId(columns,index));},key:'tableCellCustom'+actionIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:25}},itemAction.component);}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:19}}));}));};return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:data,showsVerticalScrollIndicator:false,showsHorizontalScrollIndicator:false,renderItem:function renderItem(item){return _renderItem(item.item,item.index);},keyExtractor:function keyExtractor(item,index){return'Table: '+index;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:9}})));};var _default=exports.default=Table;

package/dist-native/styles/colors.d.ts

@@ -9,10 +9,12 @@ export declare const PRIMARY_800 = "#242D93";
 export declare const SECONDARY_30 = "#FEF7D0";
 export declare const SECONDARY_50 = "#FFEB7A";
 export declare const SECONDARY_100 = "#FAD614";
+export declare const SECONDARY_300 = "#FDEC71";
 export declare const TERTIARY_10 = "#F2F5F9";
 export declare const TERTIARY_30 = "#EFF1F7";
-export declare const TERTIARY_50 = "#D3D6E1";
+export declare const TERTIARY_50 = "#EDF1FF";
 export declare const TERTIARY_100 = "#808695";
+export declare const TERTIARY_800 = "#151C7A";
 export declare const QUATERNARY_10 = "#F5F5FC";
 export declare const QUATERNARY_50 = "#DDDFF6";
 export declare const QUATERNARY_100 = "#7182FF";
@@ -23,6 +25,7 @@ export declare const NEUTRAL_40 = "#999999";
 export declare const NEUTRAL_50 = "#FAFAFA";
 export declare const NEUTRAL_60 = "#808080";
 export declare const NEUTRAL_100 = "#000000";
+export declare const NEUTRAL_300 = "#E0E0E0";
 export declare const NEUTRAL_400 = "#BDBDBD";
 export declare const NEUTRAL_500 = "#E0E0E0";
 export declare const NEUTRAL_600 = "#757575";

package/dist-native/styles/colors.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.INITIAL_100=exports.INITIAL_10=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_COLOR_THEME=void 0;var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#D3D6E1';var TERTIARY_100=exports.TERTIARY_100='#808695';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#E0E0E0';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;
+Object.defineProperty(exports,"__esModule",{value:true});exports.TERTIARY_800=exports.TERTIARY_50=exports.TERTIARY_30=exports.TERTIARY_100=exports.TERTIARY_10=exports.SUCCESS_100=exports.SUCCESS_10=exports.SECONDARY_50=exports.SECONDARY_300=exports.SECONDARY_30=exports.SECONDARY_100=exports.QUATERNARY_50=exports.QUATERNARY_100=exports.QUATERNARY_10=exports.PROCESS_100=exports.PROCESS_10=exports.PRIMARY_800=exports.PRIMARY_80=exports.PRIMARY_60=exports.PRIMARY_50=exports.PRIMARY_400=exports.PRIMARY_40=exports.PRIMARY_30=exports.PRIMARY_100=exports.OVERLAY=exports.NEUTRAL_600=exports.NEUTRAL_60=exports.NEUTRAL_500=exports.NEUTRAL_50=exports.NEUTRAL_5=exports.NEUTRAL_400=exports.NEUTRAL_40=exports.NEUTRAL_300=exports.NEUTRAL_100=exports.NEUTRAL_10=exports.NEUTRAL_0=exports.INITIAL_100=exports.INITIAL_10=exports.DESTRUCTIVE_100=exports.DESTRUCTIVE_10=exports.DEFAULT_COLOR_THEME=void 0;var PRIMARY_30=exports.PRIMARY_30='#8689AA';var PRIMARY_40=exports.PRIMARY_40='#606380';var PRIMARY_50=exports.PRIMARY_50='#575A72';var PRIMARY_60=exports.PRIMARY_60='#4B539D';var PRIMARY_80=exports.PRIMARY_80='#303775';var PRIMARY_100=exports.PRIMARY_100='#202452';var PRIMARY_400=exports.PRIMARY_400='#525897';var PRIMARY_800=exports.PRIMARY_800='#242D93';var SECONDARY_30=exports.SECONDARY_30='#FEF7D0';var SECONDARY_50=exports.SECONDARY_50='#FFEB7A';var SECONDARY_100=exports.SECONDARY_100='#FAD614';var SECONDARY_300=exports.SECONDARY_300='#FDEC71';var TERTIARY_10=exports.TERTIARY_10='#F2F5F9';var TERTIARY_30=exports.TERTIARY_30='#EFF1F7';var TERTIARY_50=exports.TERTIARY_50='#EDF1FF';var TERTIARY_100=exports.TERTIARY_100='#808695';var TERTIARY_800=exports.TERTIARY_800='#151C7A';var QUATERNARY_10=exports.QUATERNARY_10='#F5F5FC';var QUATERNARY_50=exports.QUATERNARY_50='#DDDFF6';var QUATERNARY_100=exports.QUATERNARY_100='#7182FF';var NEUTRAL_0=exports.NEUTRAL_0='#FFFFFF';var NEUTRAL_5=exports.NEUTRAL_5='#F2F2F2';var NEUTRAL_10=exports.NEUTRAL_10='#E5E5E5';var NEUTRAL_40=exports.NEUTRAL_40='#999999';var NEUTRAL_50=exports.NEUTRAL_50='#FAFAFA';var NEUTRAL_60=exports.NEUTRAL_60='#808080';var NEUTRAL_100=exports.NEUTRAL_100='#000000';var NEUTRAL_300=exports.NEUTRAL_300='#E0E0E0';var NEUTRAL_400=exports.NEUTRAL_400='#BDBDBD';var NEUTRAL_500=exports.NEUTRAL_500='#E0E0E0';var NEUTRAL_600=exports.NEUTRAL_600='#757575';var INITIAL_10=exports.INITIAL_10='#ECF5FF';var INITIAL_100=exports.INITIAL_100='#3E97FF';var PROCESS_10=exports.PROCESS_10='#FFF6EC';var PROCESS_100=exports.PROCESS_100='#FBA643';var SUCCESS_10=exports.SUCCESS_10='#E5F7ED';var SUCCESS_100=exports.SUCCESS_100='#00B34C';var DESTRUCTIVE_10=exports.DESTRUCTIVE_10='#FEF0EF';var DESTRUCTIVE_100=exports.DESTRUCTIVE_100='#F36A62';var OVERLAY=exports.OVERLAY='rgba(0,0,0,0.25)';var DEFAULT_COLOR_THEME=exports.DEFAULT_COLOR_THEME=PRIMARY_100;

package/dist-web/components/button/Button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-declare const Button: ({ text, onPress, typeStyle, image, disabled, width, height, }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ text, onPress, fontSize, typeStyle, disabled, width, height, iconLeft, iconRight, }: ButtonProps) => React.JSX.Element;
 export default Button;

package/dist-web/components/button/Button.js

@@ -11,18 +11,22 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
-import { Pressable, Text, TouchableOpacity, View } from "react-native-web";
-import { NEUTRAL_0, PRIMARY_100, PRIMARY_80, QUATERNARY_10, QUATERNARY_100, SECONDARY_50 } from "../../styles/colors";
+import { Pressable, Text, TouchableOpacity } from "react-native-web";
+import { NEUTRAL_50, PRIMARY_100, SECONDARY_300, TERTIARY_50, TERTIARY_800 } from "../../styles/colors";
 import { ButtonStyleVariant } from "./Button.styles";
 var Button = function Button(_ref) {
+  var _iconLeft$props, _iconLeft$props2, _iconLeft$props3, _iconRight$props, _iconRight$props2, _iconRight$props3;
   var text = _ref.text,
     onPress = _ref.onPress,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 16 : _ref$fontSize,
     typeStyle = _ref.typeStyle,
-    image = _ref.image,
     disabled = _ref.disabled,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 'auto' : _ref$width,
-    height = _ref.height;
+    height = _ref.height,
+    iconLeft = _ref.iconLeft,
+    iconRight = _ref.iconRight;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isHovered = _useState2[0],
@@ -30,11 +34,11 @@ var Button = function Button(_ref) {
   var getHoveredBackgroundColor = function getHoveredBackgroundColor(backgroundColor) {
     switch (backgroundColor) {
       case 'primary':
-        return PRIMARY_80;
+        return TERTIARY_800;
       case 'secondary':
-        return SECONDARY_50;
+        return SECONDARY_300;
       case 'terciary':
-        return QUATERNARY_10;
+        return TERTIARY_50;
       case 'whiteBorder':
         return PRIMARY_100;
     }
@@ -42,11 +46,11 @@ var Button = function Button(_ref) {
   var getHoveredTextColorAndViewColor = function getHoveredTextColorAndViewColor(typeStyle) {
     switch (typeStyle) {
       case 'white':
-        return QUATERNARY_100;
+        return TERTIARY_800;
       case 'whiteBorder':
-        return NEUTRAL_0;
+        return NEUTRAL_50;
       case 'primary':
-        return NEUTRAL_0;
+        return NEUTRAL_50;
       default:
         return PRIMARY_100;
     }
@@ -90,6 +94,20 @@ var Button = function Button(_ref) {
     }
     return ButtonStyleVariant[typeStyle].text;
   };
+  var stateStyleIcon = function stateStyleIcon() {
+    if (disabled) {
+      return ButtonStyleVariant[typeStyle].imageDisabled;
+    }
+    if (isHovered) {
+      return isHovered ? getHoveredTextColorAndViewColor(typeStyle) : ButtonStyleVariant[typeStyle].imageColor;
+    }
+    return ButtonStyleVariant[typeStyle].imageColor;
+  };
+  var handleOnPress = function handleOnPress() {
+    if (onPress) {
+      onPress();
+    }
+  };
   return /*#__PURE__*/React.createElement(TouchableOpacity, null, /*#__PURE__*/React.createElement(Pressable, {
     onHoverIn: handleHoverIn,
     onHoverOut: handleHoverOut,
@@ -100,11 +118,25 @@ var Button = function Button(_ref) {
         width: width
       }];
     },
-    onPress: onPress
-  }, /*#__PURE__*/React.createElement(View, null, image && /*#__PURE__*/React.cloneElement(image, {
-    fill: isHovered ? getHoveredTextColorAndViewColor(typeStyle) : ButtonStyleVariant[typeStyle].imageColor
-  })), /*#__PURE__*/React.createElement(Text, {
-    style: [stateStyleText()]
-  }, text)));
+    onPress: handleOnPress
+  }, iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
+    style: {
+      width: (iconLeft === null || iconLeft === void 0 || (_iconLeft$props = iconLeft.props) === null || _iconLeft$props === void 0 || (_iconLeft$props = _iconLeft$props.style) === null || _iconLeft$props === void 0 ? void 0 : _iconLeft$props.width) || 16,
+      height: (iconLeft === null || iconLeft === void 0 || (_iconLeft$props2 = iconLeft.props) === null || _iconLeft$props2 === void 0 || (_iconLeft$props2 = _iconLeft$props2.style) === null || _iconLeft$props2 === void 0 ? void 0 : _iconLeft$props2.height) || 16,
+      marginRight: iconLeft !== null && iconLeft !== void 0 && (_iconLeft$props3 = iconLeft.props) !== null && _iconLeft$props3 !== void 0 && (_iconLeft$props3 = _iconLeft$props3.style) !== null && _iconLeft$props3 !== void 0 && _iconLeft$props3.marginRight || text ? 8 : 0
+    },
+    fill: stateStyleIcon()
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [stateStyleText(), {
+      fontSize: fontSize
+    }]
+  }, text), iconRight && /*#__PURE__*/React.cloneElement(iconRight, {
+    style: {
+      width: (iconRight === null || iconRight === void 0 || (_iconRight$props = iconRight.props) === null || _iconRight$props === void 0 || (_iconRight$props = _iconRight$props.style) === null || _iconRight$props === void 0 ? void 0 : _iconRight$props.width) || 16,
+      height: (iconRight === null || iconRight === void 0 || (_iconRight$props2 = iconRight.props) === null || _iconRight$props2 === void 0 || (_iconRight$props2 = _iconRight$props2.style) === null || _iconRight$props2 === void 0 ? void 0 : _iconRight$props2.height) || 16,
+      marginLeft: iconRight !== null && iconRight !== void 0 && (_iconRight$props3 = iconRight.props) !== null && _iconRight$props3 !== void 0 && (_iconRight$props3 = _iconRight$props3.style) !== null && _iconRight$props3 !== void 0 && _iconRight$props3.marginLeft || text ? 8 : 0
+    },
+    fill: stateStyleIcon()
+  })));
 };
 export default Button;

package/dist-web/components/button/Button.styles.js

@@ -5,79 +5,77 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { StyleSheet } from "react-native-web";
-import { NEUTRAL_0, PRIMARY_100, QUATERNARY_10, QUATERNARY_50, SECONDARY_100, SECONDARY_30, TERTIARY_50 } from "../../styles/colors";
+import { NEUTRAL_300, NEUTRAL_50, PRIMARY_100, QUATERNARY_10, QUATERNARY_50, SECONDARY_100, SECONDARY_30, TERTIARY_50 } from "../../styles/colors";
 var commonButtonStyles = {
   flexDirection: 'row',
   justifyContent: 'center',
   alignItems: 'center',
-  padding: 0
+  paddingHorizontal: 12,
+  paddingVertical: 12,
+  borderRadius: 8
 };
 export var ButtonStyleVariant = {
   primary: {
     container: _objectSpread(_objectSpread({
-      backgroundColor: PRIMARY_100,
-      borderRadius: 5
+      backgroundColor: PRIMARY_100
     }, commonButtonStyles), {}, {
       height: '100%'
     }),
     text: {
-      color: NEUTRAL_0,
+      color: NEUTRAL_50,
       fontWeight: '600'
     },
     containerDisabled: _objectSpread(_objectSpread({
-      backgroundColor: QUATERNARY_50,
-      borderRadius: 5
+      backgroundColor: NEUTRAL_300
     }, commonButtonStyles), {}, {
       height: '100%'
     }),
     textDisabled: {
-      color: NEUTRAL_0,
+      color: NEUTRAL_50,
       fontWeight: 'bold'
     },
-    imageColor: NEUTRAL_0
+    imageColor: NEUTRAL_50,
+    imageDisabled: NEUTRAL_50
   },
   secondary: {
     container: _objectSpread({
-      backgroundColor: SECONDARY_100,
-      borderRadius: 5
+      backgroundColor: SECONDARY_100
     }, commonButtonStyles),
     text: {
       color: PRIMARY_100,
       fontWeight: 'bold'
     },
     containerDisabled: _objectSpread({
-      backgroundColor: SECONDARY_30,
-      borderRadius: 5
+      backgroundColor: SECONDARY_30
     }, commonButtonStyles),
     textDisabled: {
       color: QUATERNARY_50,
       fontWeight: 'bold'
     },
-    imageColor: PRIMARY_100
+    imageColor: PRIMARY_100,
+    imageDisabled: NEUTRAL_300
   },
   terciary: {
     container: _objectSpread({
-      backgroundColor: QUATERNARY_50,
-      borderRadius: 5
+      backgroundColor: QUATERNARY_50
     }, commonButtonStyles),
     text: {
       color: PRIMARY_100,
       fontWeight: 'bold'
     },
     containerDisabled: _objectSpread({
-      backgroundColor: QUATERNARY_10,
-      borderRadius: 5
+      backgroundColor: QUATERNARY_10
     }, commonButtonStyles),
     textDisabled: {
       color: TERTIARY_50,
       fontWeight: 'bold'
     },
-    imageColor: PRIMARY_100
+    imageColor: PRIMARY_100,
+    imageDisabled: NEUTRAL_300
   },
   whiteBorder: {
     container: _objectSpread({
-      backgroundColor: NEUTRAL_0,
-      borderRadius: 5,
+      backgroundColor: 'transparent',
       borderWidth: 2,
       borderColor: PRIMARY_100
     }, commonButtonStyles),
@@ -86,8 +84,7 @@ export var ButtonStyleVariant = {
       fontWeight: 'bold'
     },
     containerDisabled: _objectSpread({
-      backgroundColor: NEUTRAL_0,
-      borderRadius: 5,
+      backgroundColor: NEUTRAL_50,
       borderWidth: 2,
       borderColor: TERTIARY_50
     }, commonButtonStyles),
@@ -95,26 +92,26 @@ export var ButtonStyleVariant = {
       color: TERTIARY_50,
       fontWeight: 'bold'
     },
-    imageColor: PRIMARY_100
+    imageColor: PRIMARY_100,
+    imageDisabled: NEUTRAL_300
   },
   white: {
     container: _objectSpread({
-      backgroundColor: NEUTRAL_0,
-      borderRadius: 5
+      backgroundColor: 'transparent'
     }, commonButtonStyles),
     text: {
       color: PRIMARY_100,
       fontWeight: 'bold'
     },
     containerDisabled: _objectSpread({
-      backgroundColor: NEUTRAL_0,
-      borderRadius: 5
+      backgroundColor: NEUTRAL_50
     }, commonButtonStyles),
     textDisabled: {
       color: TERTIARY_50,
       fontWeight: 'bold'
     },
-    imageColor: PRIMARY_100
+    imageColor: PRIMARY_100,
+    imageDisabled: NEUTRAL_300
   }
 };
 export var styles = StyleSheet.create({

package/dist-web/components/button/Button.types.d.ts

@@ -7,13 +7,16 @@ export type buttonStyleVariant = Record<ButtonStyleType, {
     containerDisabled: ViewStyle;
     textDisabled: TextStyle;
     imageColor: ColorValue;
+    imageDisabled: ColorValue;
 }>;
 export interface ButtonProps {
-    onPress: () => void;
-    text: string;
+    onPress?: () => void;
+    text?: string;
     typeStyle: ButtonStyleType;
-    image?: React.ReactElement;
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
     disabled?: boolean;
     width?: number | string;
     height?: number | string;
+    fontSize?: number;
 }

package/dist-web/components/table/Table.js

@@ -49,13 +49,13 @@ var Table = function Table(_ref) {
           width: col.width
         }],
         key: 'movementTable' + colIndex
-      }, col.actions ? (_col$actions = col.actions) === null || _col$actions === void 0 ? void 0 : _col$actions.map(function (itemAction, index) {
+      }, col.actions ? (_col$actions = col.actions) === null || _col$actions === void 0 ? void 0 : _col$actions.map(function (itemAction, actionIndex) {
         return /*#__PURE__*/React.createElement(TouchableOpacity, {
           style: styles.cellEditContainer,
           onPress: function onPress() {
             return itemAction.onAction(findPrimaryId(columns, index));
           },
-          key: 'tableCellCustom' + index
+          key: 'tableCellCustom' + actionIndex
         }, itemAction.component);
       }) : /*#__PURE__*/React.createElement(TableCell, {
         label: col.key ? item[col.key] : '',

package/dist-web/styles/colors.d.ts

@@ -9,10 +9,12 @@ export declare const PRIMARY_800 = "#242D93";
 export declare const SECONDARY_30 = "#FEF7D0";
 export declare const SECONDARY_50 = "#FFEB7A";
 export declare const SECONDARY_100 = "#FAD614";
+export declare const SECONDARY_300 = "#FDEC71";
 export declare const TERTIARY_10 = "#F2F5F9";
 export declare const TERTIARY_30 = "#EFF1F7";
-export declare const TERTIARY_50 = "#D3D6E1";
+export declare const TERTIARY_50 = "#EDF1FF";
 export declare const TERTIARY_100 = "#808695";
+export declare const TERTIARY_800 = "#151C7A";
 export declare const QUATERNARY_10 = "#F5F5FC";
 export declare const QUATERNARY_50 = "#DDDFF6";
 export declare const QUATERNARY_100 = "#7182FF";
@@ -23,6 +25,7 @@ export declare const NEUTRAL_40 = "#999999";
 export declare const NEUTRAL_50 = "#FAFAFA";
 export declare const NEUTRAL_60 = "#808080";
 export declare const NEUTRAL_100 = "#000000";
+export declare const NEUTRAL_300 = "#E0E0E0";
 export declare const NEUTRAL_400 = "#BDBDBD";
 export declare const NEUTRAL_500 = "#E0E0E0";
 export declare const NEUTRAL_600 = "#757575";

package/dist-web/styles/colors.js

@@ -9,10 +9,12 @@ export var PRIMARY_800 = '#242D93';
 export var SECONDARY_30 = '#FEF7D0';
 export var SECONDARY_50 = '#FFEB7A';
 export var SECONDARY_100 = '#FAD614';
+export var SECONDARY_300 = '#FDEC71';
 export var TERTIARY_10 = '#F2F5F9';
 export var TERTIARY_30 = '#EFF1F7';
-export var TERTIARY_50 = '#D3D6E1';
+export var TERTIARY_50 = '#EDF1FF';
 export var TERTIARY_100 = '#808695';
+export var TERTIARY_800 = '#151C7A';
 export var QUATERNARY_10 = '#F5F5FC';
 export var QUATERNARY_50 = '#DDDFF6';
 export var QUATERNARY_100 = '#7182FF';
@@ -23,6 +25,7 @@ export var NEUTRAL_40 = '#999999';
 export var NEUTRAL_50 = '#FAFAFA';
 export var NEUTRAL_60 = '#808080';
 export var NEUTRAL_100 = '#000000';
+export var NEUTRAL_300 = '#E0E0E0';
 export var NEUTRAL_400 = '#BDBDBD';
 export var NEUTRAL_500 = '#E0E0E0';
 export var NEUTRAL_600 = '#757575';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "etendo-ui-library",
-  "version": "1.2.25",
+  "version": "1.2.27",
   "private": false,
   "scripts": {
     "android": "react-native run-android",