@meatech/payblend_app_ui_component 1.1.39 → 1.1.41

package/components/Inputs/SelectField.tsx

@@ -157,7 +157,7 @@ export const SelectField = ({
         onPress={handleToggleModal}
         style={[styles.selectInput, selectFieldStyle, selectFieldBorderStyle]}>
         <View style={styles.textWrapper}>
-          <Text color={currentValue ? "tertiary" : "placeholder"} style={selectFieldTextStyle}>
+          <Text color={currentValue.label ? "tertiary" : "placeholder"} style={selectFieldTextStyle}>
             {currentValue
               ? currentValue.label
                 ? currentValue.label

package/components/Text/type.ts

@@ -18,6 +18,7 @@ export interface CustomTextProps extends RNTextProps {
     | 'secondary'
     | 'tertiary'
     | 'disabled'
+    | 'placeholder'
     | 'error'
     | 'success'
     | 'warning'

package/dist/components/Inputs/SelectField.js

@@ -86,7 +86,7 @@ const SelectField = ({ value, label, labelColor = 'tertiary', listData, size = '
         label && (React.createElement(Text, { color: labelColor, size: size }, label)),
         React.createElement(Pressable, { disabled: disabled, onPress: handleToggleModal, style: [styles.selectInput, selectFieldStyle, selectFieldBorderStyle] },
             React.createElement(View, { style: styles.textWrapper },
-                React.createElement(Text, { color: currentValue ? "tertiary" : "placeholder", style: selectFieldTextStyle }, currentValue
+                React.createElement(Text, { color: currentValue.label ? "tertiary" : "placeholder", style: selectFieldTextStyle }, currentValue
                     ? currentValue.label
                         ? currentValue.label
                         : placeholder

package/dist/components/Inputs/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../../components/Inputs/SelectField.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {\n  FlatList,\n  ListRenderItemInfo,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport Text from '@ui/components/Text';\nimport {Space, colors, metrics, ph} from '@ui/themes';\nimport {Icon} from '@ui/components';\nimport {inputFieldFontSize, inputFieldHeight} from './styles';\n\ntype SelectItemT = {\n  label: string;\n  value: string;\n};\n\nexport const SelectField = ({\n  value,\n  label,\n  labelColor = 'tertiary',\n  listData,\n  size = 'medium',\n  variant = 'default',\n  cusHeight,\n  cusWidth,\n  cusFontSize,\n  disabled = false,\n  isWhiteDisabledBackground = false,\n  placeholder,\n  isShowIcon = true,\n  textAlign = 'left',\n  onChangeValue,\n}: {\n  value: SelectItemT;\n  label?: string;\n  labelColor?:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'disabled'\n    | 'error'\n    | 'success'\n    | 'warning'\n    | 'info'\n    | 'interactive'\n    | 'hover'\n    | 'active'\n    | 'focus'\n    | 'brand'\n    | 'white'\n    | 'white';\n  listData: Array<SelectItemT>;\n  size?:\n    | 'xxxs'\n    | 'xxs'\n    | 'xs'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xl'\n    | 'xxl'\n    | 'xxxl'\n    | 'xxxxl';\n  variant?: 'default' | 'quite' | 'none';\n  cusHeight?: number;\n  cusWidth?: number;\n  cusFontSize?: number;\n  disabled?: boolean;\n  isWhiteDisabledBackground?: boolean;\n  placeholder?: string;\n  isShowIcon?: boolean;\n  textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;\n  onChangeValue?: (item: SelectItemT) => void;\n}) => {\n  const {height, fontSize} = useMemo(\n    () => ({\n      height: inputFieldHeight[size],\n      fontSize: inputFieldFontSize[size],\n    }),\n    [size],\n  );\n  const selectInputContainer: StyleProp<ViewStyle> = {\n    width: cusWidth || '100%',\n  };\n  const selectFieldStyle: StyleProp<ViewStyle> = {\n    backgroundColor: isWhiteDisabledBackground\n      ? colors.white[10]\n      : disabled\n        ? colors.neutral[20]\n        : colors.white[10],\n    height: cusHeight || height,\n  };\n\n  const selectFieldTextStyle: StyleProp<TextStyle> = {\n    fontSize: cusFontSize || fontSize,\n    textAlign,\n  };\n\n  const selectFieldBorderStyle: StyleProp<ViewStyle> = {\n    borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,\n    borderWidth:\n      variant === 'default'\n        ? metrics.borderWidthMedium\n        : metrics.borderWidthNone,\n    borderBottomWidth:\n      variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,\n    borderColor: disabled ? colors.neutral[20] : colors.neutral[60],\n  };\n\n  const [isVisible, setIsVisible] = useState(false);\n  const [currentValue, setCurrentValue] = useState<SelectItemT | null>(\n    value || null,\n  );\n  useEffect(() => {\n    if (currentValue && onChangeValue) {\n      onChangeValue(currentValue);\n    }\n  }, [currentValue]);\n  const handleToggleModal = () => setIsVisible(!isVisible);\n  const handleSelectItem = (itemSelected: SelectItemT) => {\n    setIsVisible(false);\n    setCurrentValue(itemSelected);\n  };\n  const renderSelectItem = ({item}: ListRenderItemInfo<SelectItemT>) => {\n    return (\n      <Pressable\n        onPress={() => handleSelectItem(item)}\n        style={styles.selectItemWrapper}>\n        <View style={styles.textWrapper}>\n          <Text>{item.label}</Text>\n        </View>\n        {item.value === currentValue?.value && (\n          <Icon name=\"ic_checkmark_circle\" />\n        )}\n      </Pressable>\n    );\n  };\n  const renderItemSeparatorComponent = () => {\n    return <View style={styles.itemSeparator} />;\n  };\n  return (\n    <View style={selectInputContainer}>\n      {label && (\n        <Text color={labelColor} size={size}>\n          {label}\n        </Text>\n      )}\n      <Pressable\n        disabled={disabled}\n        onPress={handleToggleModal}\n        style={[styles.selectInput, selectFieldStyle, selectFieldBorderStyle]}>\n        <View style={styles.textWrapper}>\n          <Text color={currentValue ? \"tertiary\" : \"placeholder\"} style={selectFieldTextStyle}>\n            {currentValue\n              ? currentValue.label\n                ? currentValue.label\n                : placeholder\n                ? placeholder\n                : ''\n              : ''}\n          </Text>\n        </View>\n        {isShowIcon && <Icon name=\"ic_chevron_down\" />}\n      </Pressable>\n      <Modal\n        isVisible={isVisible}\n        animationIn=\"zoomInDown\"\n        animationOut=\"zoomOutUp\"\n        backdropColor={'rgba(0,0,0,0.3)'}\n        onBackdropPress={handleToggleModal}\n        style={styles.modal}>\n        <View style={styles.modalContainer}>\n          <FlatList<SelectItemT>\n            data={listData}\n            showsVerticalScrollIndicator={false}\n            ItemSeparatorComponent={renderItemSeparatorComponent}\n            removeClippedSubviews={false}\n            renderItem={renderSelectItem}\n          />\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  selectInputContainer: {\n    width: '100%',\n  },\n  selectInput: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: colors.white[10],\n    paddingHorizontal: Space.medium,\n  },\n  modal: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  modalContainer: {\n    width: '90%',\n    maxHeight: '90%',\n    backgroundColor: colors.white[10],\n    borderRadius: metrics.borderRadiusBase,\n  },\n  selectItemWrapper: {\n    height: ph(40),\n    paddingVertical: Space.xs,\n    paddingHorizontal: Space.medium,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  textWrapper: {\n    flex: 1,\n  },\n  itemSeparator: {\n    height: 1,\n    backgroundColor: colors.neutral[60],\n  },\n});\n"],"names":["ph"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuBa,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,UAAU,GAAG,UAAU,EACvB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,yBAAyB,GAAG,KAAK,EACjC,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,MAAM,EAClB,aAAa,GA0Cd,KAAI;IACH,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAC,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC;AAC9B,QAAA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;AACnC,KAAA,CAAC,EACF,CAAC,IAAI,CAAC,CACP;AACD,IAAA,MAAM,oBAAoB,GAAyB;QACjD,KAAK,EAAE,QAAQ,IAAI,MAAM;KAC1B;AACD,IAAA,MAAM,gBAAgB,GAAyB;AAC7C,QAAA,eAAe,EAAE;AACf,cAAE,MAAM,CAAC,KAAK,CAAC,EAAE;AACjB,cAAE;AACA,kBAAE,MAAM,CAAC,OAAO,CAAC,EAAE;AACnB,kBAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,MAAM,EAAE,SAAS,IAAI,MAAM;KAC5B;AAED,IAAA,MAAM,oBAAoB,GAAyB;QACjD,QAAQ,EAAE,WAAW,IAAI,QAAQ;QACjC,SAAS;KACV;AAED,IAAA,MAAM,sBAAsB,GAAyB;AACnD,QAAA,YAAY,EAAE,OAAO,KAAK,SAAS,GAAG,OAAO,CAAC,gBAAgB,GAAG,CAAC;QAClE,WAAW,EACT,OAAO,KAAK;cACR,OAAO,CAAC;cACR,OAAO,CAAC,eAAe;AAC7B,QAAA,iBAAiB,EACf,OAAO,KAAK,MAAM,GAAG,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC,iBAAiB;AAC1E,QAAA,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;KAChE;IAED,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,KAAK,IAAI,IAAI,CACd;IACD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,IAAI,aAAa,EAAE;YACjC,aAAa,CAAC,YAAY,CAAC;;AAE/B,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IAClB,MAAM,iBAAiB,GAAG,MAAM,YAAY,CAAC,CAAC,SAAS,CAAC;AACxD,IAAA,MAAM,gBAAgB,GAAG,CAAC,YAAyB,KAAI;QACrD,YAAY,CAAC,KAAK,CAAC;QACnB,eAAe,CAAC,YAAY,CAAC;AAC/B,KAAC;AACD,IAAA,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAkC,KAAI;AACnE,QAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,OAAO,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,EACrC,KAAK,EAAE,MAAM,CAAC,iBAAiB,EAAA;AAC/B,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,WAAW,EAAA;AAC7B,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,KAAK,CAAQ,CACpB;YACN,IAAI,CAAC,KAAK,MAAK,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAA,KACjC,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,qBAAqB,EAAG,CAAA,CACpC,CACS;AAEhB,KAAC;IACD,MAAM,4BAA4B,GAAG,MAAK;QACxC,OAAO,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,aAAa,EAAA,CAAI;AAC9C,KAAC;AACD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,KAAK,EAAE,oBAAoB,EAAA;AAC9B,QAAA,KAAK,KACJ,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAChC,EAAA,KAAK,CACD,CACR;QACD,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,CAAC,EAAA;AACrE,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,WAAW,EAAA;AAC7B,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,EAAE,KAAK,EAAE,oBAAoB,IAChF;sBACG,YAAY,CAAC;0BACX,YAAY,CAAC;AACf,0BAAE;AACF,8BAAE;AACF,8BAAE;sBACF,EAAE,CACD,CACF;YACN,UAAU,IAAI,oBAAC,IAAI,EAAA,EAAC,IAAI,EAAC,iBAAiB,GAAG,CACpC;QACZ,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAE,SAAS,EACpB,WAAW,EAAC,YAAY,EACxB,YAAY,EAAC,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,iBAAiB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA;AACnB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,cAAc,EAAA;gBAChC,KAAC,CAAA,aAAA,CAAA,QAAQ,EACP,EAAA,IAAI,EAAE,QAAQ,EACd,4BAA4B,EAAE,KAAK,EACnC,sBAAsB,EAAE,4BAA4B,EACpD,qBAAqB,EAAE,KAAK,EAC5B,UAAU,EAAE,gBAAgB,EAAA,CAC5B,CACG,CACD,CACH;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,oBAAoB,EAAE;AACpB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,iBAAiB,EAAE,KAAK,CAAC,MAAM;AAChC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AAED,IAAA,cAAc,EAAE;AACd,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,YAAY,EAAE,OAAO,CAAC,gBAAgB;AACvC,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,MAAM,EAAEA,gBAAE,CAAC,EAAE,CAAC;QACd,eAAe,EAAE,KAAK,CAAC,EAAE;QACzB,iBAAiB,EAAE,KAAK,CAAC,MAAM;AAC/B,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AACpC,KAAA;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"SelectField.js","sources":["../../../../components/Inputs/SelectField.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useEffect, useMemo, useState} from 'react';\nimport {\n  FlatList,\n  ListRenderItemInfo,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport Text from '@ui/components/Text';\nimport {Space, colors, metrics, ph} from '@ui/themes';\nimport {Icon} from '@ui/components';\nimport {inputFieldFontSize, inputFieldHeight} from './styles';\n\ntype SelectItemT = {\n  label: string;\n  value: string;\n};\n\nexport const SelectField = ({\n  value,\n  label,\n  labelColor = 'tertiary',\n  listData,\n  size = 'medium',\n  variant = 'default',\n  cusHeight,\n  cusWidth,\n  cusFontSize,\n  disabled = false,\n  isWhiteDisabledBackground = false,\n  placeholder,\n  isShowIcon = true,\n  textAlign = 'left',\n  onChangeValue,\n}: {\n  value: SelectItemT;\n  label?: string;\n  labelColor?:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'disabled'\n    | 'error'\n    | 'success'\n    | 'warning'\n    | 'info'\n    | 'interactive'\n    | 'hover'\n    | 'active'\n    | 'focus'\n    | 'brand'\n    | 'white'\n    | 'white';\n  listData: Array<SelectItemT>;\n  size?:\n    | 'xxxs'\n    | 'xxs'\n    | 'xs'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xl'\n    | 'xxl'\n    | 'xxxl'\n    | 'xxxxl';\n  variant?: 'default' | 'quite' | 'none';\n  cusHeight?: number;\n  cusWidth?: number;\n  cusFontSize?: number;\n  disabled?: boolean;\n  isWhiteDisabledBackground?: boolean;\n  placeholder?: string;\n  isShowIcon?: boolean;\n  textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;\n  onChangeValue?: (item: SelectItemT) => void;\n}) => {\n  const {height, fontSize} = useMemo(\n    () => ({\n      height: inputFieldHeight[size],\n      fontSize: inputFieldFontSize[size],\n    }),\n    [size],\n  );\n  const selectInputContainer: StyleProp<ViewStyle> = {\n    width: cusWidth || '100%',\n  };\n  const selectFieldStyle: StyleProp<ViewStyle> = {\n    backgroundColor: isWhiteDisabledBackground\n      ? colors.white[10]\n      : disabled\n        ? colors.neutral[20]\n        : colors.white[10],\n    height: cusHeight || height,\n  };\n\n  const selectFieldTextStyle: StyleProp<TextStyle> = {\n    fontSize: cusFontSize || fontSize,\n    textAlign,\n  };\n\n  const selectFieldBorderStyle: StyleProp<ViewStyle> = {\n    borderRadius: variant === 'default' ? metrics.borderRadiusBase : 0,\n    borderWidth:\n      variant === 'default'\n        ? metrics.borderWidthMedium\n        : metrics.borderWidthNone,\n    borderBottomWidth:\n      variant === 'none' ? metrics.borderWidthNone : metrics.borderWidthMedium,\n    borderColor: disabled ? colors.neutral[20] : colors.neutral[60],\n  };\n\n  const [isVisible, setIsVisible] = useState(false);\n  const [currentValue, setCurrentValue] = useState<SelectItemT | null>(\n    value || null,\n  );\n  useEffect(() => {\n    if (currentValue && onChangeValue) {\n      onChangeValue(currentValue);\n    }\n  }, [currentValue]);\n  const handleToggleModal = () => setIsVisible(!isVisible);\n  const handleSelectItem = (itemSelected: SelectItemT) => {\n    setIsVisible(false);\n    setCurrentValue(itemSelected);\n  };\n  const renderSelectItem = ({item}: ListRenderItemInfo<SelectItemT>) => {\n    return (\n      <Pressable\n        onPress={() => handleSelectItem(item)}\n        style={styles.selectItemWrapper}>\n        <View style={styles.textWrapper}>\n          <Text>{item.label}</Text>\n        </View>\n        {item.value === currentValue?.value && (\n          <Icon name=\"ic_checkmark_circle\" />\n        )}\n      </Pressable>\n    );\n  };\n  const renderItemSeparatorComponent = () => {\n    return <View style={styles.itemSeparator} />;\n  };\n  return (\n    <View style={selectInputContainer}>\n      {label && (\n        <Text color={labelColor} size={size}>\n          {label}\n        </Text>\n      )}\n      <Pressable\n        disabled={disabled}\n        onPress={handleToggleModal}\n        style={[styles.selectInput, selectFieldStyle, selectFieldBorderStyle]}>\n        <View style={styles.textWrapper}>\n          <Text color={currentValue.label ? \"tertiary\" : \"placeholder\"} style={selectFieldTextStyle}>\n            {currentValue\n              ? currentValue.label\n                ? currentValue.label\n                : placeholder\n                ? placeholder\n                : ''\n              : ''}\n          </Text>\n        </View>\n        {isShowIcon && <Icon name=\"ic_chevron_down\" />}\n      </Pressable>\n      <Modal\n        isVisible={isVisible}\n        animationIn=\"zoomInDown\"\n        animationOut=\"zoomOutUp\"\n        backdropColor={'rgba(0,0,0,0.3)'}\n        onBackdropPress={handleToggleModal}\n        style={styles.modal}>\n        <View style={styles.modalContainer}>\n          <FlatList<SelectItemT>\n            data={listData}\n            showsVerticalScrollIndicator={false}\n            ItemSeparatorComponent={renderItemSeparatorComponent}\n            removeClippedSubviews={false}\n            renderItem={renderSelectItem}\n          />\n        </View>\n      </Modal>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  selectInputContainer: {\n    width: '100%',\n  },\n  selectInput: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: colors.white[10],\n    paddingHorizontal: Space.medium,\n  },\n  modal: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  modalContainer: {\n    width: '90%',\n    maxHeight: '90%',\n    backgroundColor: colors.white[10],\n    borderRadius: metrics.borderRadiusBase,\n  },\n  selectItemWrapper: {\n    height: ph(40),\n    paddingVertical: Space.xs,\n    paddingHorizontal: Space.medium,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  textWrapper: {\n    flex: 1,\n  },\n  itemSeparator: {\n    height: 1,\n    backgroundColor: colors.neutral[60],\n  },\n});\n"],"names":["ph"],"mappings":"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"}

package/dist/components/Text/type.d.ts

@@ -4,7 +4,7 @@ import { TextProps } from 'react-native';
 interface CustomTextProps extends TextProps {
     children: React__default.ReactNode;
     size?: 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
-    color?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'error' | 'success' | 'warning' | 'info' | 'interactive' | 'hover' | 'active' | 'focus' | 'brand' | 'white' | 'white';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'placeholder' | 'error' | 'success' | 'warning' | 'info' | 'interactive' | 'hover' | 'active' | 'focus' | 'brand' | 'white' | 'white';
     fontFamily?: 'Inter' | string;
     fontWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
     lineHeight?: number;

package/dist/components/Text/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Text/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AACtD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Text/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AACtD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meatech/payblend_app_ui_component",
-  "version": "1.1.39",
+  "version": "1.1.41",
   "description": "UI Component Library for Payblend App",
   "main": "./dist/components/index.js",
   "module": "./dist/components/index.js",