etendo-ui-library 1.2.28 → 1.2.30

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 _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){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}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:113,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:114,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:131,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;
+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,_ref$paddingHorizonta=_ref.paddingHorizontal,paddingHorizontal=_ref$paddingHorizonta===void 0?12:_ref$paddingHorizonta,_ref$paddingVertical=_ref.paddingVertical,paddingVertical=_ref$paddingVertical===void 0?12:_ref$paddingVertical;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){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}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:115,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,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical}];},onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,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:133,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',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.NEUTRAL_300,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.NEUTRAL_300,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:'transparent',borderWidth:2,borderColor:_colors.TERTIARY_50},commonButtonStyles),textDisabled:{color:_colors.NEUTRAL_300,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:'transparent'},commonButtonStyles),textDisabled:{color:_colors.NEUTRAL_300,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}});
+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',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.NEUTRAL_300,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.NEUTRAL_300,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:'transparent',borderWidth:2,borderColor:_colors.TERTIARY_50},commonButtonStyles),textDisabled:{color:_colors.NEUTRAL_300,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:'transparent'},commonButtonStyles),textDisabled:{color:_colors.NEUTRAL_300,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/dist-web/assets/images/icons/ArrowDownIcon.d.ts

@@ -0,0 +1,8 @@
+export function ArrowDownIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/ArrowFirstIcon.d.ts

@@ -0,0 +1,8 @@
+export function ArrowFirstIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/ArrowLastIcon.d.ts

@@ -0,0 +1,8 @@
+export function ArrowLastIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/ArrowLeftIcon.d.ts

@@ -0,0 +1,8 @@
+export function ArrowLeftIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/ArrowRightIcon.d.ts

@@ -0,0 +1,8 @@
+export function ArrowRightIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/CancelIcon.d.ts

@@ -0,0 +1,8 @@
+export function CancelIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/HidePasswordIcon.d.ts

@@ -0,0 +1,8 @@
+export function HidePasswordIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/SearchIcon.d.ts

@@ -0,0 +1,8 @@
+export function SearchIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

package/dist-native/dist-web/assets/images/icons/ShowPasswordIcon.d.ts

@@ -0,0 +1,8 @@
+export function ShowPasswordIcon(_ref: any): React.DetailedReactHTMLElement<{
+    width: any;
+    height: any;
+    viewBox: string;
+    fill: string;
+    style: any;
+}, HTMLElement>;
+import React from 'react';

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

@@ -0,0 +1,3 @@
+export default Button;
+declare function Button(_ref: any): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+import React from 'react';

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

@@ -0,0 +1,101 @@
+export namespace ButtonStyleVariant {
+    namespace primary {
+        export let container: any;
+        export namespace text {
+            export { NEUTRAL_50 as color };
+            export let fontWeight: string;
+        }
+        export let containerDisabled: any;
+        export namespace textDisabled {
+            export { NEUTRAL_50 as color };
+            let fontWeight_1: string;
+            export { fontWeight_1 as fontWeight };
+        }
+        export { NEUTRAL_50 as imageColor };
+        export { NEUTRAL_50 as imageDisabled };
+    }
+    namespace secondary {
+        let container_1: any;
+        export { container_1 as container };
+        export namespace text_1 {
+            export { PRIMARY_100 as color };
+            let fontWeight_2: string;
+            export { fontWeight_2 as fontWeight };
+        }
+        export { text_1 as text };
+        let containerDisabled_1: any;
+        export { containerDisabled_1 as containerDisabled };
+        export namespace textDisabled_1 {
+            export { NEUTRAL_300 as color };
+            let fontWeight_3: string;
+            export { fontWeight_3 as fontWeight };
+        }
+        export { textDisabled_1 as textDisabled };
+        export { PRIMARY_100 as imageColor };
+        export { NEUTRAL_300 as imageDisabled };
+    }
+    namespace terciary {
+        let container_2: any;
+        export { container_2 as container };
+        export namespace text_2 {
+            export { PRIMARY_100 as color };
+            let fontWeight_4: string;
+            export { fontWeight_4 as fontWeight };
+        }
+        export { text_2 as text };
+        let containerDisabled_2: any;
+        export { containerDisabled_2 as containerDisabled };
+        export namespace textDisabled_2 {
+            export { NEUTRAL_300 as color };
+            let fontWeight_5: string;
+            export { fontWeight_5 as fontWeight };
+        }
+        export { textDisabled_2 as textDisabled };
+        export { PRIMARY_100 as imageColor };
+        export { NEUTRAL_300 as imageDisabled };
+    }
+    namespace whiteBorder {
+        let container_3: any;
+        export { container_3 as container };
+        export namespace text_3 {
+            export { PRIMARY_100 as color };
+            let fontWeight_6: string;
+            export { fontWeight_6 as fontWeight };
+        }
+        export { text_3 as text };
+        let containerDisabled_3: any;
+        export { containerDisabled_3 as containerDisabled };
+        export namespace textDisabled_3 {
+            export { NEUTRAL_300 as color };
+            let fontWeight_7: string;
+            export { fontWeight_7 as fontWeight };
+        }
+        export { textDisabled_3 as textDisabled };
+        export { PRIMARY_100 as imageColor };
+        export { NEUTRAL_300 as imageDisabled };
+    }
+    namespace white {
+        let container_4: any;
+        export { container_4 as container };
+        export namespace text_4 {
+            export { PRIMARY_100 as color };
+            let fontWeight_8: string;
+            export { fontWeight_8 as fontWeight };
+        }
+        export { text_4 as text };
+        let containerDisabled_4: any;
+        export { containerDisabled_4 as containerDisabled };
+        export namespace textDisabled_4 {
+            export { NEUTRAL_300 as color };
+            let fontWeight_9: string;
+            export { fontWeight_9 as fontWeight };
+        }
+        export { textDisabled_4 as textDisabled };
+        export { PRIMARY_100 as imageColor };
+        export { NEUTRAL_300 as imageDisabled };
+    }
+}
+export const styles: any;
+import { NEUTRAL_50 } from "../../styles/colors";
+import { PRIMARY_100 } from "../../styles/colors";
+import { NEUTRAL_300 } from "../../styles/colors";

package/dist-native/dist-web/components/cards/cardDropdown/CardDropdown.d.ts

@@ -0,0 +1,9 @@
+export default CardDropdown;
+declare function CardDropdown(_ref: any): React.FunctionComponentElement<any> | React.FunctionComponentElement<{
+    ref: React.MutableRefObject<null>;
+    style: any[];
+    activeOpacity: number;
+    onPress: () => void;
+    disabled: any;
+}>;
+import React from 'react';

package/dist-native/dist-web/components/cards/cardDropdown/CardDropdown.styles.d.ts

@@ -0,0 +1,184 @@
+export const styles: any;
+export namespace CardVariant {
+    namespace primary {
+        export namespace colorCardContainer {
+            export { NEUTRAL_0 as backgroundColor };
+        }
+        export namespace colorCardImageContainer {
+            export { QUATERNARY_50 as backgroundColor };
+        }
+        export namespace colorCardTitle {
+            export { PRIMARY_100 as color };
+        }
+        export namespace colorCardOptionContainer {
+            export { NEUTRAL_0 as backgroundColor };
+        }
+        export namespace colorCardOptionHeader {
+            export { PRIMARY_100 as backgroundColor };
+            export { NEUTRAL_0 as borderBottomColor };
+        }
+        export namespace colorCardOptionHeaderTitle {
+            export { NEUTRAL_0 as color };
+        }
+        export namespace colorCardItemContainer {
+            export { NEUTRAL_10 as borderBottomColor };
+        }
+        export namespace colorCardItemTitle {
+            export { PRIMARY_100 as color };
+        }
+        export namespace colorCardItemDescription {
+            export { TERTIARY_100 as color };
+        }
+        export namespace colorCardOptionSkeletonContainer {
+            export { NEUTRAL_10 as borderBottomColor };
+        }
+        export namespace colorCardItemImageContainer {
+            export { QUATERNARY_50 as backgroundColor };
+        }
+        export { TERTIARY_30 as colorCardOptionSkeletonItem };
+        export { PRIMARY_80 as colorCardOptionSkeletonHeaderItem };
+        export { PRIMARY_100 as colorCardArrowImageFill };
+        export { PRIMARY_100 as colorCardImageFill };
+        export { PRIMARY_100 as colorCardImageOptionFill };
+    }
+    namespace secondary {
+        export namespace colorCardContainer_1 {
+            export { PRIMARY_100 as backgroundColor };
+        }
+        export { colorCardContainer_1 as colorCardContainer };
+        export namespace colorCardImageContainer_1 {
+            export { PRIMARY_80 as backgroundColor };
+        }
+        export { colorCardImageContainer_1 as colorCardImageContainer };
+        export namespace colorCardTitle_1 {
+            export { NEUTRAL_0 as color };
+        }
+        export { colorCardTitle_1 as colorCardTitle };
+        export namespace colorCardOptionContainer_1 {
+            export { PRIMARY_100 as backgroundColor };
+        }
+        export { colorCardOptionContainer_1 as colorCardOptionContainer };
+        export namespace colorCardOptionHeader_1 {
+            export { PRIMARY_100 as backgroundColor };
+            export { NEUTRAL_100 as borderBottomColor };
+        }
+        export { colorCardOptionHeader_1 as colorCardOptionHeader };
+        export namespace colorCardOptionHeaderTitle_1 {
+            export { NEUTRAL_0 as color };
+        }
+        export { colorCardOptionHeaderTitle_1 as colorCardOptionHeaderTitle };
+        export namespace colorCardItemContainer_1 {
+            export { NEUTRAL_100 as borderBottomColor };
+        }
+        export { colorCardItemContainer_1 as colorCardItemContainer };
+        export namespace colorCardItemTitle_1 {
+            export { NEUTRAL_0 as color };
+        }
+        export { colorCardItemTitle_1 as colorCardItemTitle };
+        export namespace colorCardItemDescription_1 {
+            export { TERTIARY_50 as color };
+        }
+        export { colorCardItemDescription_1 as colorCardItemDescription };
+        export namespace colorCardOptionSkeletonContainer_1 {
+            export { NEUTRAL_100 as borderBottomColor };
+        }
+        export { colorCardOptionSkeletonContainer_1 as colorCardOptionSkeletonContainer };
+        export namespace colorCardItemImageContainer_1 {
+            export { PRIMARY_80 as backgroundColor };
+        }
+        export { colorCardItemImageContainer_1 as colorCardItemImageContainer };
+        export { PRIMARY_80 as colorCardOptionSkeletonItem };
+        export { PRIMARY_80 as colorCardOptionSkeletonHeaderItem };
+        export { NEUTRAL_0 as colorCardArrowImageFill };
+        export { SECONDARY_100 as colorCardImageFill };
+        export { NEUTRAL_0 as colorCardImageOptionFill };
+    }
+    namespace disabledPrimary {
+        export namespace colorCardContainer_2 {
+            export { NEUTRAL_5 as backgroundColor };
+        }
+        export { colorCardContainer_2 as colorCardContainer };
+        export namespace colorCardImageContainer_2 {
+            export { NEUTRAL_10 as backgroundColor };
+        }
+        export { colorCardImageContainer_2 as colorCardImageContainer };
+        export namespace colorCardTitle_2 {
+            export { NEUTRAL_40 as color };
+        }
+        export { colorCardTitle_2 as colorCardTitle };
+        let colorCardOptionContainer_2: {};
+        export { colorCardOptionContainer_2 as colorCardOptionContainer };
+        let colorCardOptionHeader_2: {};
+        export { colorCardOptionHeader_2 as colorCardOptionHeader };
+        let colorCardOptionHeaderTitle_2: {};
+        export { colorCardOptionHeaderTitle_2 as colorCardOptionHeaderTitle };
+        let colorCardItemContainer_2: {};
+        export { colorCardItemContainer_2 as colorCardItemContainer };
+        let colorCardItemTitle_2: {};
+        export { colorCardItemTitle_2 as colorCardItemTitle };
+        let colorCardItemDescription_2: {};
+        export { colorCardItemDescription_2 as colorCardItemDescription };
+        let colorCardOptionSkeletonContainer_2: {};
+        export { colorCardOptionSkeletonContainer_2 as colorCardOptionSkeletonContainer };
+        let colorCardItemImageContainer_2: {};
+        export { colorCardItemImageContainer_2 as colorCardItemImageContainer };
+        export let colorCardOptionSkeletonItem: string;
+        export let colorCardOptionSkeletonHeaderItem: string;
+        export { NEUTRAL_40 as colorCardArrowImageFill };
+        export { NEUTRAL_40 as colorCardImageFill };
+        export let colorCardImageOptionFill: string;
+    }
+    namespace disabledSecondary {
+        export namespace colorCardContainer_3 {
+            export { PRIMARY_40 as backgroundColor };
+        }
+        export { colorCardContainer_3 as colorCardContainer };
+        export namespace colorCardImageContainer_3 {
+            export { PRIMARY_50 as backgroundColor };
+        }
+        export { colorCardImageContainer_3 as colorCardImageContainer };
+        export namespace colorCardTitle_3 {
+            export { PRIMARY_30 as color };
+        }
+        export { colorCardTitle_3 as colorCardTitle };
+        let colorCardOptionContainer_3: {};
+        export { colorCardOptionContainer_3 as colorCardOptionContainer };
+        let colorCardOptionHeader_3: {};
+        export { colorCardOptionHeader_3 as colorCardOptionHeader };
+        let colorCardOptionHeaderTitle_3: {};
+        export { colorCardOptionHeaderTitle_3 as colorCardOptionHeaderTitle };
+        let colorCardItemContainer_3: {};
+        export { colorCardItemContainer_3 as colorCardItemContainer };
+        let colorCardItemTitle_3: {};
+        export { colorCardItemTitle_3 as colorCardItemTitle };
+        let colorCardItemDescription_3: {};
+        export { colorCardItemDescription_3 as colorCardItemDescription };
+        let colorCardOptionSkeletonContainer_3: {};
+        export { colorCardOptionSkeletonContainer_3 as colorCardOptionSkeletonContainer };
+        let colorCardItemImageContainer_3: {};
+        export { colorCardItemImageContainer_3 as colorCardItemImageContainer };
+        let colorCardOptionSkeletonItem_1: string;
+        export { colorCardOptionSkeletonItem_1 as colorCardOptionSkeletonItem };
+        let colorCardOptionSkeletonHeaderItem_1: string;
+        export { colorCardOptionSkeletonHeaderItem_1 as colorCardOptionSkeletonHeaderItem };
+        export { PRIMARY_30 as colorCardArrowImageFill };
+        export { PRIMARY_30 as colorCardImageFill };
+        let colorCardImageOptionFill_1: string;
+        export { colorCardImageOptionFill_1 as colorCardImageOptionFill };
+    }
+}
+import { NEUTRAL_0 } from "../../../styles/colors";
+import { QUATERNARY_50 } from "../../../styles/colors";
+import { PRIMARY_100 } from "../../../styles/colors";
+import { NEUTRAL_10 } from "../../../styles/colors";
+import { TERTIARY_100 } from "../../../styles/colors";
+import { TERTIARY_30 } from "../../../styles/colors";
+import { PRIMARY_80 } from "../../../styles/colors";
+import { NEUTRAL_100 } from "../../../styles/colors";
+import { TERTIARY_50 } from "../../../styles/colors";
+import { SECONDARY_100 } from "../../../styles/colors";
+import { NEUTRAL_5 } from "../../../styles/colors";
+import { NEUTRAL_40 } from "../../../styles/colors";
+import { PRIMARY_40 } from "../../../styles/colors";
+import { PRIMARY_50 } from "../../../styles/colors";
+import { PRIMARY_30 } from "../../../styles/colors";

package/dist-native/dist-web/components/cards/cardDropdown/component/CardDropdownOptions.d.ts

@@ -0,0 +1,7 @@
+export default CardDropdownOptions;
+declare function CardDropdownOptions(_ref: any): React.FunctionComponentElement<{
+    transparent: boolean;
+    visible: any;
+    animationType: string;
+}>;
+import React from 'react';

package/dist-native/dist-web/components/cards/cardDropdown/component/CardDropdownSkeleton.d.ts

@@ -0,0 +1,5 @@
+export default CardDropdownSkeleton;
+declare function CardDropdownSkeleton(_ref: any): React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+import React from 'react';

package/dist-native/dist-web/components/cards/cardDropdown/component/CardSkeleton.d.ts

@@ -0,0 +1,5 @@
+export default CardSkeleton;
+declare function CardSkeleton(_ref: any): React.FunctionComponentElement<{
+    children?: React.ReactNode;
+}>;
+import React from 'react';

package/dist-native/dist-web/components/cards/cardDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export default CardDropdown;
+import CardDropdown from "./CardDropdown";

package/dist-native/dist-web/components/input/Input.d.ts

@@ -0,0 +1,7 @@
+export default Input;
+declare function Input(_ref: any): React.CElement<{
+    style: any;
+}, React.Component<{
+    style: any;
+}, any, any>>;
+import React from 'react';