@space-uy/pulsar-ui 0.6.0 → 0.8.0

package/lib/module/components/Button.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import ButtonContainer from "./ButtonContainer.js";
 import LoadingIndicator from "./LoadingIndicator.js";
@@ -14,14 +15,31 @@ export default function Button({
   loading = false,
   disabled = false,
   onPress,
-  iconName
+  iconName,
+  backgroundColor,
+  textColor,
+  borderColor
 }) {
+  const iconSize = useMemo(() => {
+    switch (size) {
+      case 'small':
+        return 16;
+      case 'medium':
+        return 18;
+      case 'large':
+        return 20;
+      case 'xlarge':
+        return 22;
+      default:
+        return 16;
+    }
+  }, [size]);
   const renderIconOrLoader = colors => {
     if (loading) {
       return /*#__PURE__*/_jsx(LoadingIndicator, {
         style: styles.icon,
         color: colors.textColor,
-        size: size === 'small' ? 14 : 16
+        size: iconSize
       });
     }
     return iconName ? /*#__PURE__*/_jsx(Icon, {
@@ -39,6 +57,9 @@ export default function Button({
     loading: loading,
     disabled: disabled,
     onPress: onPress,
+    backgroundColor: backgroundColor,
+    textColor: textColor,
+    borderColor: borderColor,
     renderContent: colors => /*#__PURE__*/_jsxs(_Fragment, {
       children: [renderIconOrLoader(colors), /*#__PURE__*/_jsx(Text, {
         style: {

package/lib/module/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","renderIconOrLoader","colors","styles","icon","color","textColor","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAa7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIL,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAES,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACI,SAAU;QACxBV,IAAI,EAAEA,IAAI,KAAK,OAAO,GAAG,EAAE,GAAG;MAAG,CAClC,CAAC;IAEN;IACA,OAAOI,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAES,MAAM,CAACC,IAAK;MACnBG,IAAI,EAAEP,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTS,KAAK,EAAEH,MAAM,CAACI;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEnB,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbc,qBAAqB,EAAEL,MAAM,CAACM,OAAQ;IACtCd,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBW,aAAa,EAAGR,MAAoB,iBAClCX,KAAA,CAAAF,SAAA;MAAAsB,QAAA,GACGV,kBAAkB,CAACC,MAAM,CAAC,eAC3Bf,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEW,KAAK,EAAEH,MAAM,CAACI;QAAU,CAAE;QACnCX,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAe,QAAA,EAEvClB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMU,MAAM,GAAGtB,UAAU,CAAC+B,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,IAAI,EAAE;IAAEa,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","backgroundColor","textColor","borderColor","iconSize","renderIconOrLoader","colors","styles","icon","color","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAgB7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ;EACRC,eAAe;EACfC,SAAS;EACTC;AACK,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGxB,OAAO,CAAC,MAAM;IAC7B,QAAQgB,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMS,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIT,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAEa,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACJ,SAAU;QACxBN,IAAI,EAAEQ;MAAS,CAChB,CAAC;IAEN;IACA,OAAOJ,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAEa,MAAM,CAACC,IAAK;MACnBE,IAAI,EAAEV,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTa,KAAK,EAAEH,MAAM,CAACJ;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEf,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbiB,qBAAqB,EAAEJ,MAAM,CAACK,OAAQ;IACtCjB,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBU,aAAa,EAAGP,MAAoB,iBAClCf,KAAA,CAAAF,SAAA;MAAAyB,QAAA,GACGT,kBAAkB,CAACC,MAAM,CAAC,eAC3BnB,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEe,KAAK,EAAEH,MAAM,CAACJ;QAAU,CAAE;QACnCP,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAkB,QAAA,EAEvCrB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMc,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,IAAI,EAAE;IAAEY,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ButtonContainer.js

@@ -18,6 +18,7 @@ export let ButtonSize = /*#__PURE__*/function (ButtonSize) {
   ButtonSize["small"] = "small";
   ButtonSize["medium"] = "medium";
   ButtonSize["large"] = "large";
+  ButtonSize["xlarge"] = "xlarge";
   return ButtonSize;
 }({});
 export default function ButtonContainer({
@@ -29,6 +30,9 @@ export default function ButtonContainer({
   onPressIn,
   onPressOut,
   contentContainerStyle,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }) {
   const {
@@ -39,7 +43,7 @@ export default function ButtonContainer({
   const enabled = useSharedValue(disabled ? 0 : 1);
   const height = useMemo(() => meassures.button[size], [size]);
   const buttonColors = useMemo(() => {
-    return {
+    const variantColors = {
       outline: {
         backgroundColor: 'transparent',
         borderColor: colors.border,
@@ -62,7 +66,20 @@ export default function ButtonContainer({
         pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8)
       }
     }[variant];
-  }, [variant, colors]);
+    return {
+      ...variantColors,
+      ...(backgroundColor && {
+        backgroundColor,
+        pressedBackgroundColor: convertHexToRgba(backgroundColor, 0.8)
+      }),
+      ...(textColor && {
+        textColor
+      }),
+      ...(borderColor && {
+        borderColor
+      })
+    };
+  }, [variant, colors, backgroundColor, textColor, borderColor]);
   const animatedStyle = useAnimatedStyle(() => {
     return {
       backgroundColor: interpolateColor(pressed.value, [0, 1], [buttonColors.backgroundColor, buttonColors.pressedBackgroundColor]),

package/lib/module/components/ButtonContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","rest","theme","colors","pressed","enabled","height","button","buttonColors","outline","backgroundColor","borderColor","border","textColor","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,QAKL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AACnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,WAAYC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAyBtB,eAAe,SAASC,eAAeA,CAAC;EACtCC,QAAQ;EACRC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,aAAa;EACbC,SAAS;EACTC,UAAU;EACVC,qBAAqB;EACrBC,eAAe;EACfC,SAAS;EACTC,WAAW;EACX,GAAGC;AACE,CAAC,EAAE;EACR,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EACpC,MAAMsB,OAAO,GAAGxB,cAAc,CAAC,CAAC,CAAC;EACjC,MAAMyB,OAAO,GAAGzB,cAAc,CAACU,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;EAEhD,MAAMgB,MAAM,GAAGlC,OAAO,CAAC,MAAMY,SAAS,CAACuB,MAAM,CAACf,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE5D,MAAMgB,YAA0B,GAAGpC,OAAO,CAAC,MAAM;IAC/C,MAAMqC,aAAa,GAAG;MACpBC,OAAO,EAAE;QACPZ,eAAe,EAAE,aAAa;QAC9BE,WAAW,EAAEG,MAAM,CAACQ,MAAM;QAC1BZ,SAAS,EAAEI,MAAM,CAACS,UAAU;QAC5BC,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE,CAAC;MACDE,WAAW,EAAE;QACXhB,eAAe,EAAE,aAAa;QAC9BC,SAAS,EAAEI,MAAM,CAACS,UAAU;QAC5BC,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE,CAAC;MACDG,WAAW,EAAE;QACXjB,eAAe,EAAEK,MAAM,CAACY,WAAW;QACnChB,SAAS,EAAEI,MAAM,CAACa,uBAAuB;QACzCH,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACY,WAAW,EAAE,GAAG;MAClE,CAAC;MACDE,IAAI,EAAE;QACJnB,eAAe,EAAEK,MAAM,CAACe,OAAO;QAC/BnB,SAAS,EAAEI,MAAM,CAACgB,aAAa;QAC/BN,sBAAsB,EAAE9B,gBAAgB,CAACoB,MAAM,CAACS,UAAU,EAAE,GAAG;MACjE;IACF,CAAC,CAACrB,OAAO,CAAC;IAEV,OAAO;MACL,GAAGkB,aAAa;MAChB,IAAIX,eAAe,IAAI;QACrBA,eAAe;QACfe,sBAAsB,EAAE9B,gBAAgB,CAACe,eAAe,EAAE,GAAG;MAC/D,CAAC,CAAC;MACF,IAAIC,SAAS,IAAI;QAAEA;MAAU,CAAC,CAAC;MAC/B,IAAIC,WAAW,IAAI;QAAEA;MAAY,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,CAACT,OAAO,EAAEY,MAAM,EAAEL,eAAe,EAAEC,SAAS,EAAEC,WAAW,CAAC,CAAC;EAE9D,MAAMoB,aAAa,GAAGzC,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLmB,eAAe,EAAEpB,gBAAgB,CAC/B0B,OAAO,CAACiB,KAAK,EACb,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACb,YAAY,CAACV,eAAe,EAAEU,YAAY,CAACK,sBAAsB,CACpE,CAAC;MACDS,OAAO,EAAE7C,WAAW,CAAC4B,OAAO,CAACgB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,CAAC;EACH,CAAC,CAAC;EAEF,MAAME,WAAW,GAAGnD,OAAO,CAAC,MAAOmB,OAAO,KAAK,SAAS,GAAG,CAAC,GAAG,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7E,MAAMiC,oBAAoB,GAAIH,KAAa,IAAK;IAC9CjB,OAAO,CAACiB,KAAK,GAAGxC,UAAU,CAACwC,KAAK,EAAE;MAAEI,QAAQ,EAAE;IAAI,CAAC,CAAC;EACtD,CAAC;EAEDtD,SAAS,CAAC,MAAM;IACdkC,OAAO,CAACgB,KAAK,GAAGxC,UAAU,CAACS,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEmC,QAAQ,EAAE;IAAI,CAAC,CAAC;EACjE,CAAC,EAAE,CAACnC,QAAQ,EAAEe,OAAO,CAAC,CAAC;EAEvB,MAAMqB,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAAClC,OAAO,IAAI,CAACH,QAAQ,EAAE;MACzBK,SAAS,GAAGgC,CAAC,CAAC;MACdtD,QAAQ,CAACuD,EAAE,KAAK,KAAK,IAAIJ,oBAAoB,CAAC,CAAC,CAAC;IAClD;EACF,CAAC;EAED,MAAMK,cAAc,GAAIF,CAAwB,IAAK;IACnD,IAAI,CAAClC,OAAO,IAAI,CAACH,QAAQ,EAAE;MACzBM,UAAU,GAAG+B,CAAC,CAAC;MACftD,QAAQ,CAACuD,EAAE,KAAK,KAAK,IAAIJ,oBAAoB,CAAC,CAAC,CAAC;IAClD;EACF,CAAC;EAED,oBACEtC,IAAA,CAACZ,SAAS;IAAA,GACJ2B,IAAI;IACRN,SAAS,EAAE+B,aAAc;IACzB9B,UAAU,EAAEiC,cAAe;IAC3BC,SAAS,EAAEA,CAAA,KAAMN,oBAAoB,CAAC,CAAC,CAAE;IACzCO,UAAU,EAAEA,CAAA,KAAMP,oBAAoB,CAAC,CAAC,CAAE;IAC1ClC,QAAQ,EAAEA,QAAQ,IAAIG,OAAQ;IAAAuC,QAAA,eAE9B9C,IAAA,CAACV,QAAQ,CAACyD,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACC,gBAAgB,EACvB;QACE9B,MAAM;QACN+B,YAAY,EAAEnC,KAAK,CAACoC,SAAS;QAC7Bf,WAAW;QACXvB,WAAW,EAAEQ,YAAY,CAACR;MAC5B,CAAC,EACDoB,aAAa,EACbvB,qBAAqB,CACrB;MAAAmC,QAAA,EAEDtC,aAAa,CAACc,YAAY;IAAC,CACf;EAAC,CACP,CAAC;AAEhB;AAEA,MAAM2B,MAAM,GAAG5D,UAAU,CAACgE,MAAM,CAAC;EAC/BH,gBAAgB,EAAE;IAAEI,cAAc,EAAE;EAAS;AAC/C,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/IconButton.js

@@ -16,9 +16,25 @@ export default function IconButton({
   variant = 'flat',
   loading = false,
   style,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }) {
-  const iconSize = useMemo(() => meassures.button[size] - (size === 'small' ? PADDING : PADDING * 2), [size]);
+  const iconSize = useMemo(() => {
+    switch (size) {
+      case 'small':
+        return 12;
+      case 'medium':
+        return 16;
+      case 'large':
+        return 20;
+      case 'xlarge':
+        return 24;
+      default:
+        return 12;
+    }
+  }, [size]);
   return /*#__PURE__*/_jsx(ButtonContainer, {
     ...rest,
     variant: variant,
@@ -35,9 +51,10 @@ export default function IconButton({
     style: [style, {
       width: meassures.button[size]
     }],
-    contentContainerStyle: [styles.container, {
-      padding: size === 'small' ? PADDING / 2 : PADDING
-    }],
+    contentContainerStyle: styles.container,
+    backgroundColor: backgroundColor,
+    textColor: textColor,
+    borderColor: borderColor,
     renderContent: colors => loading ? /*#__PURE__*/_jsx(LoadingIndicator, {
       size: iconSize,
       color: colors.textColor

package/lib/module/components/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","rest","iconSize","button","hitSlop","top","left","right","bottom","width","contentContainerStyle","styles","container","padding","renderContent","colors","color","textColor","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACL,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGlB,OAAO,CACtB,MAAMK,SAAS,CAACc,MAAM,CAACP,IAAI,CAAC,IAAIA,IAAI,KAAK,OAAO,GAAGJ,OAAO,GAAGA,OAAO,GAAG,CAAC,CAAC,EACzE,CAACI,IAAI,CACP,CAAC;EAED,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVe,IAAI;IACRH,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAE;MAAEC,GAAG,EAAEb,OAAO;MAAEc,IAAI,EAAEd,OAAO;MAAEe,KAAK,EAAEf,OAAO;MAAEgB,MAAM,EAAEhB;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAES,KAAK,EAAEpB,SAAS,CAACc,MAAM,CAACP,IAAI;IAAE,CAAC,CAAE;IAClDc,qBAAqB,EAAE,CACrBC,MAAM,CAACC,SAAS,EAChB;MAAEC,OAAO,EAAEjB,IAAI,KAAK,OAAO,GAAGJ,OAAO,GAAG,CAAC,GAAGA;IAAQ,CAAC,CACrD;IACFsB,aAAa,EAAGC,MAAoB,IAClChB,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAEM,QAAS;MAACc,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE,CAAC,gBAE7D1B,IAAA,CAACJ,IAAI;MAAC+B,IAAI,EAAExB,QAAS;MAACE,IAAI,EAAEM,QAAS;MAACc,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAMN,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IAAEQ,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","backgroundColor","textColor","borderColor","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,eAAe;EACfC,SAAS;EACTC,WAAW;EACX,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGrB,OAAO,CAAC,MAAM;IAC7B,QAAQY,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVkB,IAAI;IACRN,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBW,OAAO,EAAE;MAAEC,GAAG,EAAEf,OAAO;MAAEgB,IAAI,EAAEhB,OAAO;MAAEiB,KAAK,EAAEjB,OAAO;MAAEkB,MAAM,EAAElB;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEW,KAAK,EAAEtB,SAAS,CAACuB,MAAM,CAAChB,IAAI;IAAE,CAAC,CAAE;IAClDiB,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCd,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBa,aAAa,EAAGC,MAAoB,IAClClB,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAES,QAAS;MAACa,KAAK,EAAED,MAAM,CAACf;IAAU,CAAE,CAAC,gBAE7DX,IAAA,CAACJ,IAAI;MAACgC,IAAI,EAAEzB,QAAS;MAACE,IAAI,EAAES,QAAS;MAACa,KAAK,EAAED,MAAM,CAACf;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAMY,MAAM,GAAG7B,UAAU,CAACmC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IAAEM,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/module/theme/meassures.js

@@ -4,7 +4,8 @@ export default {
   button: {
     small: 24,
     medium: 32,
-    large: 40
+    large: 40,
+    xlarge: 48
   }
 };
 //# sourceMappingURL=meassures.js.map

package/lib/module/theme/meassures.js.map

@@ -1 +1 @@
-{"version":3,"names":["button","small","medium","large"],"sourceRoot":"../../../src","sources":["theme/meassures.ts"],"mappings":";;AAAA,eAAe;EACbA,MAAM,EAAE;IACNC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["button","small","medium","large","xlarge"],"sourceRoot":"../../../src","sources":["theme/meassures.ts"],"mappings":";;AAAA,eAAe;EACbA,MAAM,EAAE;IACNC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/typescript/src/components/Button.d.ts

@@ -10,7 +10,10 @@ type Props = {
     disabled?: boolean;
     onPress?: () => void;
     iconName?: IconName;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, backgroundColor, textColor, borderColor, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Button.d.ts.map

package/lib/typescript/src/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CA2CP"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,SAAS,EACT,WAAW,GACZ,EAAE,KAAK,2CA6DP"}

package/lib/typescript/src/components/ButtonContainer.d.ts

@@ -10,7 +10,8 @@ export declare enum ButtonVariant {
 export declare enum ButtonSize {
     small = "small",
     medium = "medium",
-    large = "large"
+    large = "large",
+    xlarge = "xlarge"
 }
 export type ButtonColors = {
     backgroundColor: string;
@@ -24,7 +25,10 @@ type Props = Omit<PressableProps, 'children'> & {
     loading?: boolean;
     renderContent: (colors: ButtonColors) => React.ReactNode;
     contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ButtonContainer.d.ts.map

package/lib/typescript/src/components/ButtonContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,KAAK,2CA8FP"}
+{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,2CAwGP"}

package/lib/typescript/src/components/IconButton.d.ts

@@ -7,7 +7,10 @@ type Props = PressableProps & {
     size?: keyof typeof ButtonSize;
     loading?: boolean;
     style?: StyleProp<ViewStyle>;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
 };
-export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/src/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,2CA6BP"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,eAAe,EACf,SAAS,EACT,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,2CAuCP"}

package/lib/typescript/src/theme/meassures.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
         small: number;
         medium: number;
         large: number;
+        xlarge: number;
     };
 };
 export default _default;

package/lib/typescript/src/theme/meassures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meassures.d.ts","sourceRoot":"","sources":["../../../../src/theme/meassures.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAME"}
+{"version":3,"file":"meassures.d.ts","sourceRoot":"","sources":["../../../../src/theme/meassures.ts"],"names":[],"mappings":";;;;;;;;AAAA,wBAOE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@space-uy/pulsar-ui",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "react native ui kit for spacedev",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",

package/src/components/Button.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import { StyleSheet, type ViewStyle, type StyleProp } from 'react-native';
 
 import ButtonContainer, {
@@ -18,6 +19,9 @@ type Props = {
   disabled?: boolean;
   onPress?: () => void;
   iconName?: IconName;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 export default function Button({
@@ -29,14 +33,32 @@ export default function Button({
   disabled = false,
   onPress,
   iconName,
+  backgroundColor,
+  textColor,
+  borderColor,
 }: Props) {
+  const iconSize = useMemo(() => {
+    switch (size) {
+      case 'small':
+        return 16;
+      case 'medium':
+        return 18;
+      case 'large':
+        return 20;
+      case 'xlarge':
+        return 22;
+      default:
+        return 16;
+    }
+  }, [size]);
+
   const renderIconOrLoader = (colors: ButtonColors) => {
     if (loading) {
       return (
         <LoadingIndicator
           style={styles.icon}
           color={colors.textColor}
-          size={size === 'small' ? 14 : 16}
+          size={iconSize}
         />
       );
     }
@@ -59,6 +81,9 @@ export default function Button({
       loading={loading}
       disabled={disabled}
       onPress={onPress}
+      backgroundColor={backgroundColor}
+      textColor={textColor}
+      borderColor={borderColor}
       renderContent={(colors: ButtonColors) => (
         <>
           {renderIconOrLoader(colors)}

package/src/components/ButtonContainer.tsx

@@ -33,6 +33,7 @@ export enum ButtonSize {
   small = 'small',
   medium = 'medium',
   large = 'large',
+  xlarge = 'xlarge',
 }
 
 export type ButtonColors = {
@@ -48,6 +49,9 @@ type Props = Omit<PressableProps, 'children'> & {
   loading?: boolean;
   renderContent: (colors: ButtonColors) => React.ReactNode;
   contentContainerStyle?: StyleProp<AnimatedStyle<StyleProp<ViewStyle>>>;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 export default function ButtonContainer({
@@ -59,6 +63,9 @@ export default function ButtonContainer({
   onPressIn,
   onPressOut,
   contentContainerStyle,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }: Props) {
   const { theme, colors } = useTheme();
@@ -68,7 +75,7 @@ export default function ButtonContainer({
   const height = useMemo(() => meassures.button[size], [size]);
 
   const buttonColors: ButtonColors = useMemo(() => {
-    return {
+    const variantColors = {
       outline: {
         backgroundColor: 'transparent',
         borderColor: colors.border,
@@ -91,7 +98,17 @@ export default function ButtonContainer({
         pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8),
       },
     }[variant];
-  }, [variant, colors]);
+
+    return {
+      ...variantColors,
+      ...(backgroundColor && {
+        backgroundColor,
+        pressedBackgroundColor: convertHexToRgba(backgroundColor, 0.8),
+      }),
+      ...(textColor && { textColor }),
+      ...(borderColor && { borderColor }),
+    };
+  }, [variant, colors, backgroundColor, textColor, borderColor]);
 
   const animatedStyle = useAnimatedStyle(() => {
     return {

package/src/components/IconButton.tsx

@@ -22,6 +22,9 @@ type Props = PressableProps & {
   size?: keyof typeof ButtonSize;
   loading?: boolean;
   style?: StyleProp<ViewStyle>;
+  backgroundColor?: string;
+  textColor?: string;
+  borderColor?: string;
 };
 
 const PADDING = 8;
@@ -34,12 +37,25 @@ export default function IconButton({
   variant = 'flat',
   loading = false,
   style,
+  backgroundColor,
+  textColor,
+  borderColor,
   ...rest
 }: Props) {
-  const iconSize = useMemo(
-    () => meassures.button[size] - (size === 'small' ? PADDING : PADDING * 2),
-    [size]
-  );
+  const iconSize = useMemo(() => {
+    switch (size) {
+      case 'small':
+        return 12;
+      case 'medium':
+        return 16;
+      case 'large':
+        return 20;
+      case 'xlarge':
+        return 24;
+      default:
+        return 12;
+    }
+  }, [size]);
 
   return (
     <ButtonContainer
@@ -51,10 +67,10 @@ export default function IconButton({
       onPress={onPress}
       hitSlop={{ top: PADDING, left: PADDING, right: PADDING, bottom: PADDING }}
       style={[style, { width: meassures.button[size] }]}
-      contentContainerStyle={[
-        styles.container,
-        { padding: size === 'small' ? PADDING / 2 : PADDING },
-      ]}
+      contentContainerStyle={styles.container}
+      backgroundColor={backgroundColor}
+      textColor={textColor}
+      borderColor={borderColor}
       renderContent={(colors: ButtonColors) =>
         loading ? (
           <LoadingIndicator size={iconSize} color={colors.textColor} />

package/src/theme/meassures.ts

@@ -3,5 +3,6 @@ export default {
     small: 24,
     medium: 32,
     large: 40,
+    xlarge: 48,
   },
 };