@nexara/nativeflow 0.1.7 → 0.1.8

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

@@ -12,33 +12,33 @@ const Button = ({
   type = 'flat',
   fullWidth = false,
   paddingH = 19,
-  paddingV = 14,
+  paddingV = 12,
   bg,
-  br = 5,
+  br = 8,
   stroke = 1,
   strokeColor,
   titleColor,
-  title = 'Button',
-  titleFS,
-  titleVariant = 'h5',
-  titleFF,
+  title,
+  fScale = 'base',
+  fs,
+  ff,
   size = 50,
   rippleColor,
   renderIcon,
   renderLeftIcon,
   renderRightIcon,
   disabled = false,
-  buttonContainerStyle,
-  textStyle,
+  containerStyle,
+  titleStyle,
   onPress,
+  children,
   ...rest
 }) => {
   const theme = useTheme();
   const {
     backgroundColor,
     buttonTextColor,
-    buttonBorderColor,
-    buttonIconColor
+    buttonBorderColor
   } = getButtonColors({
     theme,
     variant,
@@ -47,7 +47,7 @@ const Button = ({
     strokeColor,
     disabled
   });
-  const STYLES = useMemo(Styles, []);
+  const STYLES = useMemo(customStyles, []);
   const dynamicStyles = {
     BUTTON_CONT: {
       backgroundColor: backgroundColor,
@@ -56,7 +56,7 @@ const Button = ({
     },
     BUTTON_TEXT: {
       color: buttonTextColor,
-      fontFamily: titleFF ?? ''
+      fontFamily: ff ?? ''
     },
     FLAT_BTN_MAIN_CONT: {
       borderRadius: verticalScale(br),
@@ -75,7 +75,7 @@ const Button = ({
   const cloneElement = element => {
     if (/*#__PURE__*/React.isValidElement(element)) {
       return /*#__PURE__*/React.cloneElement(element, {
-        color: element.props.color ?? buttonIconColor
+        color: element.props.color ?? buttonTextColor
       });
     }
     return null;
@@ -92,20 +92,20 @@ const Button = ({
         ,
         ...rest,
         children: /*#__PURE__*/_jsxs(StyledView, {
-          style: [STYLES.FLAT_BTN_INNER_CONT, STYLES.BUTTON_CONT, dynamicStyles.FLAT_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, buttonContainerStyle],
+          style: [STYLES.FLAT_BTN_INNER_CONT, STYLES.BUTTON_CONT, dynamicStyles.FLAT_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, containerStyle],
           children: [(renderLeftIcon || fullWidth && renderRightIcon) && /*#__PURE__*/_jsx(StyledView, {
             f: fullWidth ? 1 : undefined,
             children: renderLeftIcon && cloneElement(renderLeftIcon)
           }), /*#__PURE__*/_jsx(StyledView, {
             flexShrink: 1,
             f: fullWidth ? 8 : undefined,
-            children: /*#__PURE__*/_jsx(StyledText, {
+            children: title ?? children ? /*#__PURE__*/_jsx(StyledText, {
               numberOfLines: 1,
-              fs: titleFS,
-              variant: titleVariant,
-              style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, textStyle],
-              children: title
-            })
+              fs: fs,
+              fScale: fScale,
+              style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
+              children: title ?? children
+            }) : renderIcon && cloneElement(renderIcon)
           }), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/_jsx(StyledView, {
             alignItems: "flex-end",
             f: fullWidth ? 1 : undefined,
@@ -121,7 +121,7 @@ const Button = ({
         ,
         ...rest,
         children: /*#__PURE__*/_jsx(StyledView, {
-          style: [STYLES.BUTTON_CONT, STYLES.ROUND_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, dynamicStyles.ROUND_BTN_INNER_CONT, buttonContainerStyle],
+          style: [STYLES.BUTTON_CONT, STYLES.ROUND_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, dynamicStyles.ROUND_BTN_INNER_CONT, containerStyle],
           children: renderIcon && cloneElement(renderIcon)
         })
       })
@@ -129,7 +129,7 @@ const Button = ({
   });
 };
 export default Button;
-const Styles = () => StyleSheet.create({
+const customStyles = () => StyleSheet.create({
   BUTTON_CONT: {
     maxWidth: '100%'
   },

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","titleFS","titleVariant","titleFF","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","buttonContainerStyle","textStyle","onPress","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor","STYLES","Styles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","children","style","f","undefined","flexShrink","numberOfLines","fs","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","TouchableOpacity","verticalScale","horizontalScale","StyledText","StyledView","useTheme","getButtonColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","backgroundColor","buttonTextColor","buttonBorderColor","STYLES","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","isValidElement","props","style","f","undefined","flexShrink","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -6,12 +6,12 @@ const getButtonBorderColor = ({
   disabled
 }) => {
   if (disabled) {
-    return theme.colors.outline;
+    return theme.colors.border.default;
   }
   if (strokeColor) {
     return strokeColor;
   }
-  return theme.colors.outline;
+  return theme.colors.border.default;
 };
 const getButtonTextColor = ({
   theme,
@@ -20,13 +20,13 @@ const getButtonTextColor = ({
   disabled
 }) => {
   if (disabled) {
-    return theme.colors.textDisable;
+    return theme.colors.typography.disabled;
   } else if (titleColor) {
     return titleColor;
   } else if (checkVariant('outlined')) {
-    return theme.colors.textPrimary;
+    return theme.colors.typography.primary;
   }
-  return theme.colors.textSecondary;
+  return theme.colors.brand.onPrimary;
 };
 const getButtonBackgroundColor = ({
   theme,
@@ -35,28 +35,34 @@ const getButtonBackgroundColor = ({
   disabled
 }) => {
   if (disabled) {
-    return theme.colors.disable;
+    return theme.colors.states.disabled;
   } else if (bg) {
     return bg;
   } else if (checkVariant('contained')) {
-    return theme.colors.primary;
+    return theme.colors.brand.primary;
   } else if (checkVariant('outlined')) {
     return 'transparent';
   }
-  return theme.colors.primary;
-};
-const getButtonIconColor = ({
-  theme,
-  checkVariant,
-  disabled
-}) => {
-  if (disabled) {
-    return theme.colors.iconDisable;
-  } else if (checkVariant('outlined')) {
-    return theme.colors.iconPrimary;
-  }
-  return theme.colors.iconSecondary;
+  return theme.colors.brand.primary;
 };
+
+// const getButtonIconColor = ({
+//     theme,
+//     checkVariant,
+//     disabled,
+// }: {
+//     theme: ThemeTypes;
+//     checkVariant: (variant: ButtonVariant) => boolean;
+//     disabled: boolean;
+// }) => {
+//     if (disabled) {
+//         return theme.colors.iconDisable;
+//     } else if (checkVariant('outlined')) {
+//         return theme.colors.iconPrimary
+//     }
+//     return theme.colors.iconSecondary;
+// };
+
 const getButtonColors = ({
   theme,
   variant,
@@ -85,16 +91,17 @@ const getButtonColors = ({
     strokeColor,
     disabled
   });
-  const buttonIconColor = getButtonIconColor({
-    checkVariant,
-    theme,
-    disabled
-  });
+  // const buttonIconColor = getButtonIconColor({
+  //     checkVariant,
+  //     theme,
+  //     disabled
+  // });
+
   return {
     backgroundColor,
     buttonTextColor,
-    buttonBorderColor,
-    buttonIconColor
+    buttonBorderColor
+    // buttonIconColor
   };
 };
 export { getButtonColors };

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

@@ -1 +1 @@
-{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","outline","getButtonTextColor","checkVariant","titleColor","textDisable","textPrimary","textSecondary","getButtonBackgroundColor","bg","disable","primary","getButtonIconColor","iconDisable","iconPrimary","iconSecondary","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","buttonIconColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B;EACA,IAAIH,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,OAAO;AAC/B,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBL,KAAK;EACLM,YAAY;EACZC,UAAU;EACVL;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACK,WAAW;EACnC,CAAC,MACI,IAAID,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAON,KAAK,CAACG,MAAM,CAACM,WAAW;EACnC;EACA,OAAOT,KAAK,CAACG,MAAM,CAACO,aAAa;AACrC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLM,YAAY;EACZM,EAAE;EACFV;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACU,OAAO;EAC/B,CAAC,MACI,IAAID,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIN,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAON,KAAK,CAACG,MAAM,CAACW,OAAO;EAC/B,CAAC,MACI,IAAIR,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAON,KAAK,CAACG,MAAM,CAACW,OAAO;AAC/B,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBf,KAAK;EACLM,YAAY;EACZJ;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACa,WAAW;EACnC,CAAC,MAAM,IAAIV,YAAY,CAAC,UAAU,CAAC,EAAE;IACjC,OAAON,KAAK,CAACG,MAAM,CAACc,WAAW;EACnC;EACA,OAAOjB,KAAK,CAACG,MAAM,CAACe,aAAa;AACrC,CAAC;AAED,MAAMC,eAAe,GAAGA,CAAC;EACrBnB,KAAK;EACLoB,OAAO;EACPR,EAAE;EACFL,UAAU;EACVN,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMI,YAAY,GAAIe,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGX,wBAAwB,CAAC;IAC7CX,KAAK;IACLM,YAAY;IACZM,EAAE;IACFV;EACJ,CAAC,CAAC;EACF,MAAMqB,eAAe,GAAGlB,kBAAkB,CAAC;IACvCL,KAAK;IACLM,YAAY;IACZC,UAAU;IACVL;EACJ,CAAC,CAAC;EACF,MAAMsB,iBAAiB,GAAGzB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF,MAAMuB,eAAe,GAAGV,kBAAkB,CAAC;IACvCT,YAAY;IACZN,KAAK;IACLE;EACJ,CAAC,CAAC;EAEF,OAAO;IACHoB,eAAe;IACfC,eAAe;IACfC,iBAAiB;IACjBC;EACJ,CAAC;AACL,CAAC;AAED,SAASN,eAAe","ignoreList":[]}
+{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/utils.ts"],"mappings":";;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIJ,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBN,KAAK;EACLO,YAAY;EACZC,UAAU;EACVN;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACM,UAAU,CAACP,QAAQ;EAC3C,CAAC,MACI,IAAIM,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOP,KAAK,CAACG,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOV,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bb,KAAK;EACLO,YAAY;EACZO,EAAE;EACFZ;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACY,MAAM,CAACb,QAAQ;EACvC,CAAC,MACI,IAAIY,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBhB,KAAK;EACLiB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVP,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cb,KAAK;IACLO,YAAY;IACZO,EAAE;IACFZ;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCN,KAAK;IACLO,YAAY;IACZC,UAAU;IACVN;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGtB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAED,SAASL,eAAe","ignoreList":[]}

package/lib/module/components/CheckBox/CheckBox.js

@@ -1,10 +1,10 @@
 "use strict";
 
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { StyleSheet, TouchableWithoutFeedback, Animated } from "react-native";
 import { StyledText, StyledView } from "../StyledComponents/index.js";
 import { useTheme } from "../../hooks/index.js";
-import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { horizontalScale, verticalScale } from "../../helpers/index.js";
 import { Check } from "../../assets/svg/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CheckBox = ({
@@ -16,13 +16,15 @@ const CheckBox = ({
   iconColor,
   disableBuiltInState = false,
   disabled = false,
-  text,
+  label = 'Checkbox',
+  fScale = 'xs',
   fs,
-  textVariant = 'h6',
+  ff,
+  // size = 22,
   size = 20,
   iconSize,
   containerStyle,
-  textStyle,
+  labelStyle,
   checkBoxStyle,
   onPress
 }) => {
@@ -35,15 +37,15 @@ const CheckBox = ({
   const {
     colors
   } = useTheme();
-  activeBgColor = disabled ? colors.disable : activeBgColor ?? colors.primary;
+  activeBgColor = disabled ? colors.states.disabled : activeBgColor ?? colors.brand.primary;
   iconSize = iconSize ?? size / 1.5;
   const bgColor = !disableBuiltInState && isCheckboxChecked || disableBuiltInState && isChecked ? activeBgColor : inActiveBgColor;
-  const textColor = disabled ? colors.textDisable : colors.textPrimary;
+  const textColor = disabled ? colors.typography.disabled : colors.typography.primary;
   const dynamicMainContStyles = {
     height: verticalScale(size),
     width: verticalScale(size),
-    borderColor: disabled ? colors.disable : activeBgColor,
-    borderRadius: variant === 'square' ? 5 : verticalScale(size),
+    borderColor: disabled ? colors.border.default : activeBgColor,
+    borderRadius: verticalScale(variant === 'square' ? 5 : size),
     backgroundColor: bgColor
   };
   const animatedStyle = {
@@ -67,31 +69,34 @@ const CheckBox = ({
       onPress?.(!isChecked);
     }
   };
-  return /*#__PURE__*/_jsx(StyledView, {
-    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      onPressIn: () => animateScale(0.8),
-      onPressOut: () => animateScale(1),
-      onPress: onUserClick,
-      disabled: disabled,
-      children: /*#__PURE__*/_jsxs(StyledView, {
-        style: [STYLES.CONTAINER, containerStyle],
-        children: [/*#__PURE__*/_jsx(Animated.View, {
+  return (
+    /*#__PURE__*/
+    // <StyledView>
+    _jsxs(StyledView, {
+      style: [STYLES.CONTAINER, containerStyle],
+      children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPressIn: () => animateScale(0.8),
+        onPressOut: () => animateScale(1),
+        onPress: onUserClick,
+        disabled: disabled,
+        children: /*#__PURE__*/_jsx(Animated.View, {
           style: [STYLES.CHECKBOX_PARENT_CONT, dynamicMainContStyles, checkBoxStyle, animatedStyle],
           children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/_jsx(Check, {
-            color: iconColor ?? colors.iconSecondary,
+            color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
             size: verticalScale(iconSize)
           })
-        }), text && /*#__PURE__*/_jsx(StyledText, {
-          style: textStyle,
-          fs: fs,
-          color: textColor,
-          variant: textVariant,
-          primary: true,
-          children: text
-        })]
-      })
+        })
+      }), label && /*#__PURE__*/_jsx(StyledText, {
+        style: labelStyle,
+        fs: fs,
+        ff: ff,
+        color: textColor,
+        fScale: fScale,
+        children: label
+      })]
     })
-  });
+    // </StyledView>
+  );
 };
 export default CheckBox;
 const Styles = () => StyleSheet.create({
@@ -104,7 +109,7 @@ const Styles = () => StyleSheet.create({
     borderWidth: 0.8,
     alignItems: 'center',
     justifyContent: 'center',
-    padding: verticalScale(7)
+    padding: horizontalScale(7)
   }
 });
 //# sourceMappingURL=CheckBox.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","useState","StyleSheet","TouchableWithoutFeedback","Animated","StyledText","StyledView","useTheme","horizontalScale","verticalScale","Check","jsx","_jsx","jsxs","_jsxs","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","text","fs","textVariant","size","iconSize","containerStyle","textStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","STYLES","Styles","scaleVal","Value","current","colors","disable","primary","bgColor","textColor","textDisable","textPrimary","dynamicMainContStyles","height","width","borderColor","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","children","onPressIn","onPressOut","style","CONTAINER","View","CHECKBOX_PARENT_CONT","color","iconSecondary","create","flexDirection","gap","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SAASC,UAAU,EAAEC,wBAAwB,EAAEC,QAAQ,QAAwB,cAAc;AAC7F,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AACrF,SAASC,KAAK,QAAQ,2BAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIzC,MAAMC,QAAiC,GAAGA,CAAC;EACvCC,OAAO,GAAG,QAAQ;EAClBC,SAAS,GAAG,KAAK;EACjBC,YAAY,GAAG,KAAK;EACpBC,aAAa;EACbC,eAAe,GAAG,aAAa;EAC/BC,SAAS;EACTC,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,EAAE;EACFC,WAAW,GAAG,IAAI;EAClBC,IAAI,GAAG,EAAE;EACTC,QAAQ;EACRC,cAAc;EACdC,SAAS;EACTC,aAAa;EACbC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGjC,QAAQ,CAAUiB,YAAY,CAAC;EAEjFpB,SAAS,CAAC,MAAM;IACZoC,oBAAoB,CAAChB,YAAY,CAAC;EACtC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMiB,MAAM,GAAGpC,OAAO,CAACqC,MAAM,EAAE,EAAE,CAAC;EAElC,MAAMC,QAAQ,GAAGrC,MAAM,CAAC,IAAII,QAAQ,CAACkC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACtD,MAAM;IAAEC;EAAY,CAAC,GAAGjC,QAAQ,CAAC,CAAC;EAClCY,aAAa,GAAGI,QAAQ,GAAGiB,MAAM,CAACC,OAAO,GAAGtB,aAAa,IAAIqB,MAAM,CAACE,OAAO;EAC3Ed,QAAQ,GAAGA,QAAQ,IAAID,IAAI,GAAG,GAAG;EACjC,MAAMgB,OAAO,GAAI,CAACrB,mBAAmB,IAAIW,iBAAiB,IAAMX,mBAAmB,IAAIL,SAAU,GAAGE,aAAa,GAAGC,eAAe;EACnI,MAAMwB,SAAS,GAAGrB,QAAQ,GAAGiB,MAAM,CAACK,WAAW,GAAGL,MAAM,CAACM,WAAW;EAEpE,MAAMC,qBAAgC,GAAG;IACrCC,MAAM,EAAEvC,aAAa,CAACkB,IAAI,CAAC;IAC3BsB,KAAK,EAAExC,aAAa,CAACkB,IAAI,CAAC;IAC1BuB,WAAW,EAAE3B,QAAQ,GAAGiB,MAAM,CAACC,OAAO,GAAGtB,aAAa;IACtDgC,YAAY,EAAEnC,OAAO,KAAK,QAAQ,GAAG,CAAC,GAAGP,aAAa,CAACkB,IAAI,CAAC;IAC5DyB,eAAe,EAAET;EACrB,CAAC;EAED,MAAMU,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAElB;IAAS,CAAC;EACnC,CAAC;EAED,MAAMmB,YAAY,GAAIC,OAAe,IAAK;IACtCrD,QAAQ,CAACsD,MAAM,CAACrB,QAAQ,EAAE;MACtBoB,OAAO;MACPE,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE,CAAC;MACbC,eAAe,EAAE;IACrB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACd,CAAC;EACD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAI,CAACzC,mBAAmB,EAAE;MACtBU,OAAO,GAAG,CAACC,iBAAiB,CAAC;MAC7BC,oBAAoB,CAAC,CAACD,iBAAiB,CAAC;IAC5C,CAAC,MAAM;MACHD,OAAO,GAAG,CAACf,SAAS,CAAC;IACzB;EACJ,CAAC;EACD,oBACIL,IAAA,CAACN,UAAU;IAAA0D,QAAA,eACPpD,IAAA,CAACT,wBAAwB;MACrB8D,SAAS,EAAEA,CAAA,KAAMT,YAAY,CAAC,GAAG,CAAE;MACnCU,UAAU,EAAEA,CAAA,KAAMV,YAAY,CAAC,CAAC,CAAE;MAClCxB,OAAO,EAAE+B,WAAY;MACrBxC,QAAQ,EAAEA,QAAS;MAAAyC,QAAA,eAEnBlD,KAAA,CAACR,UAAU;QAAC6D,KAAK,EAAE,CAAChC,MAAM,CAACiC,SAAS,EAAEvC,cAAc,CAAE;QAAAmC,QAAA,gBAElDpD,IAAA,CAACR,QAAQ,CAACiE,IAAI;UAACF,KAAK,EAAE,CAAChC,MAAM,CAACmC,oBAAoB,EAAEvB,qBAAqB,EAAEhB,aAAa,EAAEsB,aAAa,CAAE;UAAAW,QAAA,EAEjG,CAAC1C,mBAAmB,GAAGL,SAAS,GAAGgB,iBAAiB,kBACpDrB,IAAA,CAACF,KAAK;YACF6D,KAAK,EAAElD,SAAS,IAAImB,MAAM,CAACgC,aAAc;YACzC7C,IAAI,EAAElB,aAAa,CAACmB,QAAQ;UAAE,CACjC;QAAC,CAEK,CAAC,EAEZJ,IAAI,iBACJZ,IAAA,CAACP,UAAU;UAAC8D,KAAK,EAAErC,SAAU;UAACL,EAAE,EAAEA,EAAG;UAAC8C,KAAK,EAAE3B,SAAU;UAAC5B,OAAO,EAAEU,WAAY;UAACgB,OAAO;UAAAsB,QAAA,EAAExC;QAAI,CAAa,CAAC;MAAA,CAGrG;IAAC,CACS;EAAC,CACnB,CAAC;AAErB,CAAC;AACD,eAAeT,QAAQ;AAGvB,MAAMqB,MAAM,GAAGA,CAAA,KAAMlC,UAAU,CAACuE,MAAM,CAAC;EACnCL,SAAS,EAAE;IACPM,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEnE,eAAe,CAAC,EAAE,CAAC;IACxBoE,UAAU,EAAE;EAChB,CAAC;EACDN,oBAAoB,EAAE;IAClBO,WAAW,EAAE,GAAG;IAChBD,UAAU,EAAE,QAAQ;IACpBE,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAEtE,aAAa,CAAC,CAAC;EAC5B;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","useState","StyleSheet","TouchableWithoutFeedback","Animated","StyledText","StyledView","useTheme","horizontalScale","verticalScale","Check","jsx","_jsx","jsxs","_jsxs","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","STYLES","Styles","scaleVal","Value","current","colors","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","style","CONTAINER","children","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","color","onPrimary","create","flexDirection","gap","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Chip/Chip.js

@@ -1,22 +1,24 @@
 "use strict";
 
 import React from 'react';
-import { StyleSheet, Pressable, TouchableOpacity } from 'react-native';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 import { StyledText, StyledView } from "../StyledComponents/index.js";
 import { horizontalScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
 import { getChipColors } from "./utils.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const Chip = ({
-  title = 'Chip',
-  bg,
-  titleColor,
+  label = 'Chip',
+  labelColor,
   fs,
+  fScale = 'sm',
+  ff,
+  bg,
   br = 7,
   gap = 7,
-  paddingV = 9,
-  paddingH = 13,
-  stroke = 0.9,
+  paddingV = 6,
+  paddingH = 15,
+  stroke = 0.8,
   strokeColor,
   rippleColor,
   disabled = false,
@@ -24,6 +26,7 @@ const Chip = ({
   renderRightIcon,
   containerStyle,
   textStyle,
+  active = false,
   ...rest
 }) => {
   const theme = useTheme();
@@ -34,9 +37,10 @@ const Chip = ({
   } = getChipColors({
     theme,
     bg,
-    titleColor,
+    labelColor,
     strokeColor,
-    disabled
+    disabled,
+    active
   });
   const STYLES = StyleSheet.create({
     CONTAINER: {
@@ -47,7 +51,8 @@ const Chip = ({
       backgroundColor: backgroundColor,
       borderRadius: verticalScale(br),
       paddingVertical: verticalScale(paddingV),
-      paddingHorizontal: horizontalScale(paddingH),
+      paddingLeft: horizontalScale((renderLeftIcon && paddingH / 2) ?? paddingH),
+      paddingRight: horizontalScale((renderRightIcon && paddingH / 2) ?? paddingH),
       gap: horizontalScale(gap)
     },
     TEXT: {
@@ -57,27 +62,18 @@ const Chip = ({
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
       alignSelf: "flex-start",
-      children: /*#__PURE__*/_jsx(Pressable, {
-        android_ripple: {
-          color: rippleColor
-        },
-        ...rest,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
         disabled: disabled,
+        ...rest,
         children: /*#__PURE__*/_jsxs(StyledView, {
           style: [STYLES.CONTAINER, containerStyle],
-          children: [renderLeftIcon && /*#__PURE__*/_jsx(TouchableOpacity, {
-            disabled: disabled,
-            children: renderLeftIcon
-          }), /*#__PURE__*/_jsx(StyledText, {
-            primary: true,
-            variant: "h5",
+          children: [/*#__PURE__*/React.isValidElement(renderLeftIcon) && renderLeftIcon, /*#__PURE__*/_jsx(StyledText, {
+            fScale: fScale,
+            ff: ff,
             fs: fs,
             style: [STYLES.TEXT, textStyle],
-            children: title
-          }), renderRightIcon && /*#__PURE__*/_jsx(TouchableOpacity, {
-            disabled: disabled,
-            children: renderRightIcon
-          })]
+            children: label
+          }), /*#__PURE__*/React.isValidElement(renderRightIcon) && renderRightIcon]
         })
       })
     })

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Pressable","TouchableOpacity","StyledText","StyledView","horizontalScale","verticalScale","useTheme","getChipColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Chip","title","bg","titleColor","fs","br","gap","paddingV","paddingH","stroke","strokeColor","rippleColor","disabled","renderLeftIcon","renderRightIcon","containerStyle","textStyle","rest","theme","buttonTextColor","buttonBorderColor","backgroundColor","STYLES","create","CONTAINER","flexDirection","alignItems","borderWidth","borderColor","borderRadius","paddingVertical","paddingHorizontal","TEXT","color","children","alignSelf","android_ripple","style","primary","variant"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,EAAEC,gBAAgB,QAAQ,cAAc;AACtE,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AACrF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGxC,MAAMC,IAAyB,GAAGA,CAAC;EAC/BC,KAAK,GAAG,MAAM;EACdC,EAAE;EACFC,UAAU;EACVC,EAAE;EACFC,EAAE,GAAG,CAAC;EACNC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,EAAE;EACbC,MAAM,GAAG,GAAG;EACZC,WAAW;EACXC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,eAAe;EACfC,cAAc;EACdC,SAAS;EACT,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG1B,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAE2B,eAAe;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG5B,aAAa,CAAC;IAC1EyB,KAAK;IACLhB,EAAE;IACFC,UAAU;IACVO,WAAW;IACXE;EACJ,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAGrC,UAAU,CAACsC,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAElB,MAAM;MACnBmB,WAAW,EAAER,iBAAiB;MAC9BC,eAAe,EAAEA,eAAe;MAChCQ,YAAY,EAAEtC,aAAa,CAACc,EAAE,CAAC;MAC/ByB,eAAe,EAAEvC,aAAa,CAACgB,QAAQ,CAAC;MACxCwB,iBAAiB,EAAEzC,eAAe,CAACkB,QAAQ,CAAC;MAC5CF,GAAG,EAAEhB,eAAe,CAACgB,GAAG;IAC5B,CAAC;IACD0B,IAAI,EAAE;MACFC,KAAK,EAAEd;IACX;EACJ,CAAC,CAAC;EACF,oBAAQxB,IAAA,CAAAI,SAAA;IAAAmC,QAAA,eACJvC,IAAA,CAACN,UAAU;MAAC8C,SAAS,EAAC,YAAY;MAAAD,QAAA,eAC9BvC,IAAA,CAACT,SAAS;QACNkD,cAAc,EAAE;UACZH,KAAK,EAAEtB;QACX,CAAE;QAAA,GACEM,IAAI;QACRL,QAAQ,EAAEA,QAAS;QAAAsB,QAAA,eAEnBrC,KAAA,CAACR,UAAU;UAACgD,KAAK,EAAE,CAACf,MAAM,CAACE,SAAS,EAAET,cAAc,CAAE;UAAAmB,QAAA,GAE9CrB,cAAc,iBACdlB,IAAA,CAACR,gBAAgB;YACbyB,QAAQ,EAAEA,QAAS;YAAAsB,QAAA,EAElBrB;UAAc,CACD,CAAC,eAEvBlB,IAAA,CAACP,UAAU;YAACkD,OAAO;YAACC,OAAO,EAAC,IAAI;YAACnC,EAAE,EAAEA,EAAG;YAACiC,KAAK,EAAE,CAACf,MAAM,CAACU,IAAI,EAAEhB,SAAS,CAAE;YAAAkB,QAAA,EAAEjC;UAAK,CAAa,CAAC,EAE1Fa,eAAe,iBACfnB,IAAA,CAACR,gBAAgB;YACbyB,QAAQ,EAAEA,QAAS;YAAAsB,QAAA,EAElBpB;UAAe,CACF,CAAC;QAAA,CAEf;MAAC,CAEN;IAAC,CACJ;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAed,IAAI","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","StyledText","StyledView","horizontalScale","verticalScale","useTheme","getChipColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Chip","label","labelColor","fs","fScale","ff","bg","br","gap","paddingV","paddingH","stroke","strokeColor","rippleColor","disabled","renderLeftIcon","renderRightIcon","containerStyle","textStyle","active","rest","theme","buttonTextColor","buttonBorderColor","backgroundColor","STYLES","create","CONTAINER","flexDirection","alignItems","borderWidth","borderColor","borderRadius","paddingVertical","paddingLeft","paddingRight","TEXT","color","children","alignSelf","style","isValidElement"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/Chip.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,UAAU,EAAEC,UAAU,QAAQ,8BAAqB;AAC5D,SAASC,eAAe,EAAEC,aAAa,QAAQ,yCAAsC;AACrF,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGxC,MAAMC,IAAmB,GAAGA,CAAC;EACzBC,KAAK,GAAG,MAAM;EACdC,UAAU;EACVC,EAAE;EACFC,MAAM,GAAG,IAAI;EACbC,EAAE;EACFC,EAAE;EACFC,EAAE,GAAG,CAAC;EACNC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,EAAE;EACbC,MAAM,GAAG,GAAG;EACZC,WAAW;EACXC,WAAW;EACXC,QAAQ,GAAG,KAAK;EAChBC,cAAc;EACdC,eAAe;EACfC,cAAc;EACdC,SAAS;EACTC,MAAM,GAAG,KAAK;EACd,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG7B,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAE8B,eAAe;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAAG/B,aAAa,CAAC;IAC1E4B,KAAK;IACLf,EAAE;IACFJ,UAAU;IACVU,WAAW;IACXE,QAAQ;IACRK;EACJ,CAAC,CAAC;EAEF,MAAMM,MAAM,GAAGvC,UAAU,CAACwC,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAEnB,MAAM;MACnBoB,WAAW,EAAER,iBAAiB;MAC9BC,eAAe,EAAEA,eAAe;MAChCQ,YAAY,EAAEzC,aAAa,CAACgB,EAAE,CAAC;MAC/B0B,eAAe,EAAE1C,aAAa,CAACkB,QAAQ,CAAC;MACxCyB,WAAW,EAAE5C,eAAe,CAAC,CAACyB,cAAc,IAAIL,QAAQ,GAAG,CAAC,KAAKA,QAAQ,CAAC;MAC1EyB,YAAY,EAAE7C,eAAe,CAAC,CAAC0B,eAAe,IAAIN,QAAQ,GAAG,CAAC,KAAKA,QAAQ,CAAC;MAC5EF,GAAG,EAAElB,eAAe,CAACkB,GAAG;IAC5B,CAAC;IACD4B,IAAI,EAAE;MACFC,KAAK,EAAEf;IACX;EACJ,CAAC,CAAC;EACF,oBAAQ3B,IAAA,CAAAI,SAAA;IAAAuC,QAAA,eACJ3C,IAAA,CAACN,UAAU;MAACkD,SAAS,EAAC,YAAY;MAAAD,QAAA,eAC9B3C,IAAA,CAACR,gBAAgB;QACb2B,QAAQ,EAAEA,QAAS;QAAA,GACfM,IAAI;QAAAkB,QAAA,eAERzC,KAAA,CAACR,UAAU;UAACmD,KAAK,EAAE,CAACf,MAAM,CAACE,SAAS,EAAEV,cAAc,CAAE;UAAAqB,QAAA,GAE9C,aAAArD,KAAK,CAACwD,cAAc,CAAC1B,cAAc,CAAC,IAAIA,cAAc,eAE1DpB,IAAA,CAACP,UAAU;YAACgB,MAAM,EAAEA,MAAO;YAACC,EAAE,EAAEA,EAAG;YAACF,EAAE,EAAEA,EAAG;YAACqC,KAAK,EAAE,CAACf,MAAM,CAACW,IAAI,EAAElB,SAAS,CAAE;YAAAoB,QAAA,EAAErC;UAAK,CAAa,CAAC,EAE7F,aAAAhB,KAAK,CAACwD,cAAc,CAACzB,eAAe,CAAC,IAAIA,eAAe;QAAA,CAEpD;MAAC,CAEC;IAAC,CACX;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAehB,IAAI","ignoreList":[]}

package/lib/module/components/Chip/utils.js

@@ -1,63 +1,75 @@
 "use strict";
 
+import Color from "color";
 const getBorderColor = ({
   theme,
   strokeColor,
-  disabled
+  disabled,
+  active
 }) => {
   if (disabled) {
-    return theme.colors.disable;
-  }
-  if (strokeColor) {
+    return theme.colors.border.strong;
+  } else if (strokeColor) {
     return strokeColor;
+  } else if (active) {
+    return Color(theme.colors.brand.primary).alpha(0.3).rgb().toString();
   }
-  return theme.colors.outline;
+  return theme.colors.border.default;
 };
 const getTextColor = ({
   theme,
-  titleColor,
+  labelColor,
   disabled
 }) => {
   if (disabled) {
-    return theme.colors.textDisable;
-  } else if (titleColor) {
-    return titleColor;
+    return theme.colors.typography.disabled;
+  } else if (labelColor) {
+    return labelColor;
   }
-  return theme.colors.textTertiary;
+  return theme.colors.typography.secondary;
 };
 const getBgColor = ({
   theme,
   bg,
-  disabled
+  disabled,
+  active
 }) => {
   if (disabled) {
-    return theme.colors.disable;
+    return theme.colors.states.disabled;
   } else if (bg) {
     return bg;
+  } else if (active) {
+    return Color(theme.colors.brand.primary).alpha(0.1).rgb().toString();
   }
-  return theme.colors.chipBgColor;
+  return 'transparent';
+  // return theme.colors.background.default
+  // return Color(theme.colors.brand.primary).alpha(0.2).rgb().toString();
+  // return Color(theme.colors.brand.primary).alpha(0.1).rgb().toString();
 };
 const getChipColors = ({
   theme,
   bg,
-  titleColor,
+  labelColor,
   strokeColor,
-  disabled
+  disabled,
+  active
 }) => {
   const backgroundColor = getBgColor({
     theme,
     bg,
-    disabled
+    disabled,
+    active
   });
   const buttonTextColor = getTextColor({
     theme,
-    titleColor,
+    labelColor,
     disabled
   });
   const buttonBorderColor = getBorderColor({
     theme,
     strokeColor,
-    disabled
+    disabled,
+    active
   });
   return {
     backgroundColor,

package/lib/module/components/Chip/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getBorderColor","theme","strokeColor","disabled","colors","disable","outline","getTextColor","titleColor","textDisable","textTertiary","getBgColor","bg","chipBgColor","getChipColors","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/utils.ts"],"mappings":";;AAEA,MAAMA,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B;EACA,IAAIH,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACE,OAAO;AAC/B,CAAC;AAGD,MAAMC,YAAY,GAAGA,CAAC;EAClBN,KAAK;EACLO,UAAU;EACVL;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACK,WAAW;EACnC,CAAC,MACI,IAAID,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACM,YAAY;AACpC,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAChBV,KAAK;EACLW,EAAE;EACFT;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,OAAO;EAC/B,CAAC,MACI,IAAIO,EAAE,EAAE;IACT,OAAOA,EAAE;EACb;EACA,OAAOX,KAAK,CAACG,MAAM,CAACS,WAAW;AACnC,CAAC;AAED,MAAMC,aAAa,GAAGA,CAAC;EACnBb,KAAK;EACLW,EAAE;EACFJ,UAAU;EACVN,WAAW;EACXC;AAOJ,CAAC,KAAK;EAGF,MAAMY,eAAe,GAAGJ,UAAU,CAAC;IAC/BV,KAAK;IACLW,EAAE;IACFT;EACJ,CAAC,CAAC;EACF,MAAMa,eAAe,GAAGT,YAAY,CAAC;IACjCN,KAAK;IACLO,UAAU;IACVL;EACJ,CAAC,CAAC;EACF,MAAMc,iBAAiB,GAAGjB,cAAc,CAAC;IACrCC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EAEF,OAAO;IACHY,eAAe;IACfC,eAAe;IACfC;EACJ,CAAC;AACL,CAAC;AAED,SAASH,aAAa","ignoreList":[]}
+{"version":3,"names":["Color","getBorderColor","theme","strokeColor","disabled","active","colors","border","strong","brand","primary","alpha","rgb","toString","default","getTextColor","labelColor","typography","secondary","getBgColor","bg","states","getChipColors","backgroundColor","buttonTextColor","buttonBorderColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Chip/utils.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACC,MAAM,CAACC,MAAM;EACrC,CAAC,MAAM,IAAIL,WAAW,EAAE;IACpB,OAAOA,WAAW;EACtB,CAAC,MAAM,IAAIE,MAAM,EAAE;IACf,OAAOL,KAAK,CAACE,KAAK,CAACI,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxE;EACA,OAAOX,KAAK,CAACI,MAAM,CAACC,MAAM,CAACO,OAAO;AACtC,CAAC;AAGD,MAAMC,YAAY,GAAGA,CAAC;EAClBb,KAAK;EACLc,UAAU;EACVZ;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACW,UAAU,CAACb,QAAQ;EAC3C,CAAC,MACI,IAAIY,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB;EACA,OAAOd,KAAK,CAACI,MAAM,CAACW,UAAU,CAACC,SAAS;AAC5C,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAChBjB,KAAK;EACLkB,EAAE;EACFhB,QAAQ;EACRC;AAMJ,CAAC,KAAK;EACF,IAAID,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACI,MAAM,CAACe,MAAM,CAACjB,QAAQ;EACvC,CAAC,MAAM,IAAIgB,EAAE,EAAE;IACX,OAAOA,EAAE;EACb,CAAC,MAAM,IAAIf,MAAM,EAAE;IACf,OAAOL,KAAK,CAACE,KAAK,CAACI,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxE;EACA,OAAO,aAAa;EACpB;EACA;EACA;AACJ,CAAC;AAED,MAAMS,aAAa,GAAGA,CAAC;EACnBpB,KAAK;EACLkB,EAAE;EACFJ,UAAU;EACVb,WAAW;EACXC,QAAQ;EACRC;AAQJ,CAAC,KAAK;EAGF,MAAMkB,eAAe,GAAGJ,UAAU,CAAC;IAC/BjB,KAAK;IACLkB,EAAE;IACFhB,QAAQ;IACRC;EACJ,CAAC,CAAC;EACF,MAAMmB,eAAe,GAAGT,YAAY,CAAC;IACjCb,KAAK;IACLc,UAAU;IACVZ;EACJ,CAAC,CAAC;EACF,MAAMqB,iBAAiB,GAAGxB,cAAc,CAAC;IACrCC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC;EACJ,CAAC,CAAC;EAEF,OAAO;IACHkB,eAAe;IACfC,eAAe;IACfC;EACJ,CAAC;AACL,CAAC;AAED,SAASH,aAAa","ignoreList":[]}