react-native-exp-fig 0.1.30 → 0.1.31

package/lib/commonjs/components/selects/select-option/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.styles = void 0;
 var _reactNative = require("react-native");
 var _theme = require("../../../styles/theme/theme");
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // typings
@@ -54,12 +54,15 @@ const styles = props => {
       width: "100%",
       backgroundColor: _theme.theme.colors.neutral[25],
       borderRadius: 10,
-      padding: 15,
-      alignItems: "center"
+      paddingVertical: 15,
+      paddingHorizontal: 20,
+      alignItems: "stretch"
     },
     option: {
       width: "100%",
-      padding: 10,
+      paddingVertical: 10,
+      paddingRight: 10,
+      paddingLeft: 0,
       alignItems: "flex-start",
       borderBottomWidth: 1,
       borderBottomColor: _theme.theme.colors.gray[300]
@@ -76,8 +79,8 @@ const styles = props => {
   });
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 exports.styles = styles;
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/selects/select-option/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_theme","styles","props","_props$sizeTitleLabel","_props$colortitleLabe","StyleSheet","create","container","width","marginBottom","label","fontSize","sizeTitleLabel","fontWeight","color","colortitleLabel","theme","colors","black","selectBox","flexDirection","alignItems","justifyContent","height","borderWidth","borderColor","gray","borderRadius","backgroundColor","neutral","paddingHorizontal","selectedText","modalOverlay","flex","padding","modalContainer","option","borderBottomWidth","borderBottomColor","optionText","closeButtonText","exports"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { ISelectDropDownProps } from \"./interface\";\n\n// theme\nimport { theme } from \"../../../styles/theme/theme\";\n\nconst styles = (props: ISelectDropDownProps) =>\n  StyleSheet.create({\n    container: {\n      width: \"100%\",\n      marginBottom: 16,\n    },\n    label: {\n      fontSize: props.sizeTitleLabel ?? 16,\n      fontWeight: \"bold\",\n      color: props.colortitleLabel ?? theme.colors.black[100],\n      marginBottom: 5,\n    },\n    selectBox: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: \"100%\",\n      height: 45,\n      borderWidth: 1,\n      borderColor: theme.colors.gray[700],\n      borderRadius: 10,\n      backgroundColor: theme.colors.neutral[25],\n      paddingHorizontal: 10,\n    },\n    selectedText: {\n      fontSize: 14,\n      color: \"#666\",\n    },\n    modalOverlay: {\n      flex: 1,\n      backgroundColor: \"rgba(0,0,0,0.5)\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      padding: 24,\n    },\n    modalContainer: {\n      width: \"100%\",\n      backgroundColor: theme.colors.neutral[25],\n      borderRadius: 10,\n      padding: 15,\n      alignItems: \"center\",\n    },\n    option: {\n      width: \"100%\",\n      padding: 10,\n      alignItems: \"flex-start\",\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.gray[300],\n    },\n    optionText: {\n      fontSize: 14,\n      color: theme.colors.black[100],\n      fontWeight: \"500\",\n    },\n    closeButtonText: {\n      color: theme.colors.neutral[25],\n      fontWeight: \"bold\",\n    },\n  });\n\n/**\n * EXPORTS\n */\nexport { styles };\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAGA;;AAGA;;AAGA,MAAME,MAAM,GAAIC,KAA2B;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACzCC,uBAAU,CAACC,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,GAAAR,qBAAA,GAAED,KAAK,CAACU,cAAc,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACpCU,UAAU,EAAE,MAAM;MAClBC,KAAK,GAAAV,qBAAA,GAAEF,KAAK,CAACa,eAAe,cAAAX,qBAAA,cAAAA,qBAAA,GAAIY,YAAK,CAACC,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MACvDT,YAAY,EAAE;IAChB,CAAC;IACDU,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/Bd,KAAK,EAAE,MAAM;MACbe,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,YAAK,CAACC,MAAM,CAACS,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEZ,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCC,iBAAiB,EAAE;IACrB,CAAC;IACDC,YAAY,EAAE;MACZpB,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAE;IACT,CAAC;IACDkB,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPL,eAAe,EAAE,iBAAiB;MAClCN,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBa,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACd3B,KAAK,EAAE,MAAM;MACboB,eAAe,EAAEZ,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCF,YAAY,EAAE,EAAE;MAChBO,OAAO,EAAE,EAAE;MACXb,UAAU,EAAE;IACd,CAAC;IACDe,MAAM,EAAE;MACN5B,KAAK,EAAE,MAAM;MACb0B,OAAO,EAAE,EAAE;MACXb,UAAU,EAAE,YAAY;MACxBgB,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEtB,YAAK,CAACC,MAAM,CAACS,IAAI,CAAC,GAAG;IAC1C,CAAC;IACDa,UAAU,EAAE;MACV5B,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAEE,YAAK,CAACC,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MAC9BL,UAAU,EAAE;IACd,CAAC;IACD2B,eAAe,EAAE;MACf1B,KAAK,EAAEE,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MAC/BhB,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AAFA4B,OAAA,CAAAxC,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_theme","styles","props","_props$sizeTitleLabel","_props$colortitleLabe","StyleSheet","create","container","width","marginBottom","label","fontSize","sizeTitleLabel","fontWeight","color","colortitleLabel","theme","colors","black","selectBox","flexDirection","alignItems","justifyContent","height","borderWidth","borderColor","gray","borderRadius","backgroundColor","neutral","paddingHorizontal","selectedText","modalOverlay","flex","padding","modalContainer","paddingVertical","option","paddingRight","paddingLeft","borderBottomWidth","borderBottomColor","optionText","closeButtonText","exports"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { StyleSheet } from \"react-native\";\r\n\r\n// typings\r\nimport { ISelectDropDownProps } from \"./interface\";\r\n\r\n// theme\r\nimport { theme } from \"../../../styles/theme/theme\";\r\n\r\nconst styles = (props: ISelectDropDownProps) =>\r\n  StyleSheet.create({\r\n    container: {\r\n      width: \"100%\",\r\n      marginBottom: 16,\r\n    },\r\n    label: {\r\n      fontSize: props.sizeTitleLabel ?? 16,\r\n      fontWeight: \"bold\",\r\n      color: props.colortitleLabel ?? theme.colors.black[100],\r\n      marginBottom: 5,\r\n    },\r\n    selectBox: {\r\n      flexDirection: \"row\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"space-between\",\r\n      width: \"100%\",\r\n      height: 45,\r\n      borderWidth: 1,\r\n      borderColor: theme.colors.gray[700],\r\n      borderRadius: 10,\r\n      backgroundColor: theme.colors.neutral[25],\r\n      paddingHorizontal: 10,\r\n    },\r\n    selectedText: {\r\n      fontSize: 14,\r\n      color: \"#666\",\r\n    },\r\n    modalOverlay: {\r\n      flex: 1,\r\n      backgroundColor: \"rgba(0,0,0,0.5)\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: 24,\r\n    },\r\n    modalContainer: {\r\n      width: \"100%\",\r\n      backgroundColor: theme.colors.neutral[25],\r\n      borderRadius: 10,\r\n      paddingVertical: 15,\r\n      paddingHorizontal: 20,\r\n      alignItems: \"stretch\",\r\n    },\r\n    option: {\r\n      width: \"100%\",\r\n      paddingVertical: 10,\r\n      paddingRight: 10,\r\n      paddingLeft: 0,\r\n      alignItems: \"flex-start\",\r\n      borderBottomWidth: 1,\r\n      borderBottomColor: theme.colors.gray[300],\r\n    },\r\n    optionText: {\r\n      fontSize: 14,\r\n      color: theme.colors.black[100],\r\n      fontWeight: \"500\",\r\n    },\r\n    closeButtonText: {\r\n      color: theme.colors.neutral[25],\r\n      fontWeight: \"bold\",\r\n    },\r\n  });\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AATA;AACA;AACA;;AAGA;;AAGA;;AAGA,MAAME,MAAM,GAAIC,KAA2B;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACzCC,uBAAU,CAACC,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,GAAAR,qBAAA,GAAED,KAAK,CAACU,cAAc,cAAAT,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACpCU,UAAU,EAAE,MAAM;MAClBC,KAAK,GAAAV,qBAAA,GAAEF,KAAK,CAACa,eAAe,cAAAX,qBAAA,cAAAA,qBAAA,GAAIY,YAAK,CAACC,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MACvDT,YAAY,EAAE;IAChB,CAAC;IACDU,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/Bd,KAAK,EAAE,MAAM;MACbe,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,YAAK,CAACC,MAAM,CAACS,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEZ,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCC,iBAAiB,EAAE;IACrB,CAAC;IACDC,YAAY,EAAE;MACZpB,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAE;IACT,CAAC;IACDkB,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPL,eAAe,EAAE,iBAAiB;MAClCN,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBa,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACd3B,KAAK,EAAE,MAAM;MACboB,eAAe,EAAEZ,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCF,YAAY,EAAE,EAAE;MAChBS,eAAe,EAAE,EAAE;MACnBN,iBAAiB,EAAE,EAAE;MACrBT,UAAU,EAAE;IACd,CAAC;IACDgB,MAAM,EAAE;MACN7B,KAAK,EAAE,MAAM;MACb4B,eAAe,EAAE,EAAE;MACnBE,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,CAAC;MACdlB,UAAU,EAAE,YAAY;MACxBmB,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEzB,YAAK,CAACC,MAAM,CAACS,IAAI,CAAC,GAAG;IAC1C,CAAC;IACDgB,UAAU,EAAE;MACV/B,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAEE,YAAK,CAACC,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MAC9BL,UAAU,EAAE;IACd,CAAC;IACD8B,eAAe,EAAE;MACf7B,KAAK,EAAEE,YAAK,CAACC,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MAC/BhB,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AAFA+B,OAAA,CAAA3C,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/module/components/selects/select-option/styles.js

@@ -1,5 +1,5 @@
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 import { StyleSheet } from "react-native";
 
@@ -47,12 +47,15 @@ const styles = props => {
       width: "100%",
       backgroundColor: theme.colors.neutral[25],
       borderRadius: 10,
-      padding: 15,
-      alignItems: "center"
+      paddingVertical: 15,
+      paddingHorizontal: 20,
+      alignItems: "stretch"
     },
     option: {
       width: "100%",
-      padding: 10,
+      paddingVertical: 10,
+      paddingRight: 10,
+      paddingLeft: 0,
       alignItems: "flex-start",
       borderBottomWidth: 1,
       borderBottomColor: theme.colors.gray[300]
@@ -69,8 +72,8 @@ const styles = props => {
   });
 };
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export { styles };
 //# sourceMappingURL=styles.js.map

package/lib/module/components/selects/select-option/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","theme","styles","props","_props$sizeTitleLabel","_props$colortitleLabe","create","container","width","marginBottom","label","fontSize","sizeTitleLabel","fontWeight","color","colortitleLabel","colors","black","selectBox","flexDirection","alignItems","justifyContent","height","borderWidth","borderColor","gray","borderRadius","backgroundColor","neutral","paddingHorizontal","selectedText","modalOverlay","flex","padding","modalContainer","option","borderBottomWidth","borderBottomColor","optionText","closeButtonText"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { ISelectDropDownProps } from \"./interface\";\n\n// theme\nimport { theme } from \"../../../styles/theme/theme\";\n\nconst styles = (props: ISelectDropDownProps) =>\n  StyleSheet.create({\n    container: {\n      width: \"100%\",\n      marginBottom: 16,\n    },\n    label: {\n      fontSize: props.sizeTitleLabel ?? 16,\n      fontWeight: \"bold\",\n      color: props.colortitleLabel ?? theme.colors.black[100],\n      marginBottom: 5,\n    },\n    selectBox: {\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      width: \"100%\",\n      height: 45,\n      borderWidth: 1,\n      borderColor: theme.colors.gray[700],\n      borderRadius: 10,\n      backgroundColor: theme.colors.neutral[25],\n      paddingHorizontal: 10,\n    },\n    selectedText: {\n      fontSize: 14,\n      color: \"#666\",\n    },\n    modalOverlay: {\n      flex: 1,\n      backgroundColor: \"rgba(0,0,0,0.5)\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      padding: 24,\n    },\n    modalContainer: {\n      width: \"100%\",\n      backgroundColor: theme.colors.neutral[25],\n      borderRadius: 10,\n      padding: 15,\n      alignItems: \"center\",\n    },\n    option: {\n      width: \"100%\",\n      padding: 10,\n      alignItems: \"flex-start\",\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.gray[300],\n    },\n    optionText: {\n      fontSize: 14,\n      color: theme.colors.black[100],\n      fontWeight: \"500\",\n    },\n    closeButtonText: {\n      color: theme.colors.neutral[25],\n      fontWeight: \"bold\",\n    },\n  });\n\n/**\n * EXPORTS\n */\nexport { styles };\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,6BAA6B;AAEnD,MAAMC,MAAM,GAAIC,KAA2B;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACzCL,UAAU,CAACM,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,GAAAP,qBAAA,GAAED,KAAK,CAACS,cAAc,cAAAR,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACpCS,UAAU,EAAE,MAAM;MAClBC,KAAK,GAAAT,qBAAA,GAAEF,KAAK,CAACY,eAAe,cAAAV,qBAAA,cAAAA,qBAAA,GAAIJ,KAAK,CAACe,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MACvDR,YAAY,EAAE;IAChB,CAAC;IACDS,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/Bb,KAAK,EAAE,MAAM;MACbc,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEvB,KAAK,CAACe,MAAM,CAACS,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAE1B,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCC,iBAAiB,EAAE;IACrB,CAAC;IACDC,YAAY,EAAE;MACZnB,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAE;IACT,CAAC;IACDiB,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPL,eAAe,EAAE,iBAAiB;MAClCN,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBa,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACd1B,KAAK,EAAE,MAAM;MACbmB,eAAe,EAAE1B,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCF,YAAY,EAAE,EAAE;MAChBO,OAAO,EAAE,EAAE;MACXb,UAAU,EAAE;IACd,CAAC;IACDe,MAAM,EAAE;MACN3B,KAAK,EAAE,MAAM;MACbyB,OAAO,EAAE,EAAE;MACXb,UAAU,EAAE,YAAY;MACxBgB,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEpC,KAAK,CAACe,MAAM,CAACS,IAAI,CAAC,GAAG;IAC1C,CAAC;IACDa,UAAU,EAAE;MACV3B,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAEb,KAAK,CAACe,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MAC9BJ,UAAU,EAAE;IACd,CAAC;IACD0B,eAAe,EAAE;MACfzB,KAAK,EAAEb,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MAC/Bf,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAASX,MAAM","ignoreList":[]}
+{"version":3,"names":["StyleSheet","theme","styles","props","_props$sizeTitleLabel","_props$colortitleLabe","create","container","width","marginBottom","label","fontSize","sizeTitleLabel","fontWeight","color","colortitleLabel","colors","black","selectBox","flexDirection","alignItems","justifyContent","height","borderWidth","borderColor","gray","borderRadius","backgroundColor","neutral","paddingHorizontal","selectedText","modalOverlay","flex","padding","modalContainer","paddingVertical","option","paddingRight","paddingLeft","borderBottomWidth","borderBottomColor","optionText","closeButtonText"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { StyleSheet } from \"react-native\";\r\n\r\n// typings\r\nimport { ISelectDropDownProps } from \"./interface\";\r\n\r\n// theme\r\nimport { theme } from \"../../../styles/theme/theme\";\r\n\r\nconst styles = (props: ISelectDropDownProps) =>\r\n  StyleSheet.create({\r\n    container: {\r\n      width: \"100%\",\r\n      marginBottom: 16,\r\n    },\r\n    label: {\r\n      fontSize: props.sizeTitleLabel ?? 16,\r\n      fontWeight: \"bold\",\r\n      color: props.colortitleLabel ?? theme.colors.black[100],\r\n      marginBottom: 5,\r\n    },\r\n    selectBox: {\r\n      flexDirection: \"row\",\r\n      alignItems: \"center\",\r\n      justifyContent: \"space-between\",\r\n      width: \"100%\",\r\n      height: 45,\r\n      borderWidth: 1,\r\n      borderColor: theme.colors.gray[700],\r\n      borderRadius: 10,\r\n      backgroundColor: theme.colors.neutral[25],\r\n      paddingHorizontal: 10,\r\n    },\r\n    selectedText: {\r\n      fontSize: 14,\r\n      color: \"#666\",\r\n    },\r\n    modalOverlay: {\r\n      flex: 1,\r\n      backgroundColor: \"rgba(0,0,0,0.5)\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: 24,\r\n    },\r\n    modalContainer: {\r\n      width: \"100%\",\r\n      backgroundColor: theme.colors.neutral[25],\r\n      borderRadius: 10,\r\n      paddingVertical: 15,\r\n      paddingHorizontal: 20,\r\n      alignItems: \"stretch\",\r\n    },\r\n    option: {\r\n      width: \"100%\",\r\n      paddingVertical: 10,\r\n      paddingRight: 10,\r\n      paddingLeft: 0,\r\n      alignItems: \"flex-start\",\r\n      borderBottomWidth: 1,\r\n      borderBottomColor: theme.colors.gray[300],\r\n    },\r\n    optionText: {\r\n      fontSize: 14,\r\n      color: theme.colors.black[100],\r\n      fontWeight: \"500\",\r\n    },\r\n    closeButtonText: {\r\n      color: theme.colors.neutral[25],\r\n      fontWeight: \"bold\",\r\n    },\r\n  });\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,6BAA6B;AAEnD,MAAMC,MAAM,GAAIC,KAA2B;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACzCL,UAAU,CAACM,MAAM,CAAC;IAChBC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,GAAAP,qBAAA,GAAED,KAAK,CAACS,cAAc,cAAAR,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MACpCS,UAAU,EAAE,MAAM;MAClBC,KAAK,GAAAT,qBAAA,GAAEF,KAAK,CAACY,eAAe,cAAAV,qBAAA,cAAAA,qBAAA,GAAIJ,KAAK,CAACe,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MACvDR,YAAY,EAAE;IAChB,CAAC;IACDS,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/Bb,KAAK,EAAE,MAAM;MACbc,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEvB,KAAK,CAACe,MAAM,CAACS,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAE1B,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCC,iBAAiB,EAAE;IACrB,CAAC;IACDC,YAAY,EAAE;MACZnB,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAE;IACT,CAAC;IACDiB,YAAY,EAAE;MACZC,IAAI,EAAE,CAAC;MACPL,eAAe,EAAE,iBAAiB;MAClCN,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE,QAAQ;MACpBa,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACd1B,KAAK,EAAE,MAAM;MACbmB,eAAe,EAAE1B,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MACzCF,YAAY,EAAE,EAAE;MAChBS,eAAe,EAAE,EAAE;MACnBN,iBAAiB,EAAE,EAAE;MACrBT,UAAU,EAAE;IACd,CAAC;IACDgB,MAAM,EAAE;MACN5B,KAAK,EAAE,MAAM;MACb2B,eAAe,EAAE,EAAE;MACnBE,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,CAAC;MACdlB,UAAU,EAAE,YAAY;MACxBmB,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEvC,KAAK,CAACe,MAAM,CAACS,IAAI,CAAC,GAAG;IAC1C,CAAC;IACDgB,UAAU,EAAE;MACV9B,QAAQ,EAAE,EAAE;MACZG,KAAK,EAAEb,KAAK,CAACe,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;MAC9BJ,UAAU,EAAE;IACd,CAAC;IACD6B,eAAe,EAAE;MACf5B,KAAK,EAAEb,KAAK,CAACe,MAAM,CAACY,OAAO,CAAC,EAAE,CAAC;MAC/Bf,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAASX,MAAM","ignoreList":[]}

package/lib/typescript/src/components/selects/select-option/styles.d.ts

@@ -37,12 +37,15 @@ declare const styles: (props: ISelectDropDownProps) => {
         width: "100%";
         backgroundColor: string;
         borderRadius: number;
-        padding: number;
-        alignItems: "center";
+        paddingVertical: number;
+        paddingHorizontal: number;
+        alignItems: "stretch";
     };
     option: {
         width: "100%";
-        padding: number;
+        paddingVertical: number;
+        paddingRight: number;
+        paddingLeft: number;
         alignItems: "flex-start";
         borderBottomWidth: number;
         borderBottomColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/selects/select-option/styles.ts

@@ -1,75 +1,78 @@
-/**
- * IMPORTS
- */
-import { StyleSheet } from "react-native";
-
-// typings
-import { ISelectDropDownProps } from "./interface";
-
-// theme
-import { theme } from "../../../styles/theme/theme";
-
-const styles = (props: ISelectDropDownProps) =>
-  StyleSheet.create({
-    container: {
-      width: "100%",
-      marginBottom: 16,
-    },
-    label: {
-      fontSize: props.sizeTitleLabel ?? 16,
-      fontWeight: "bold",
-      color: props.colortitleLabel ?? theme.colors.black[100],
-      marginBottom: 5,
-    },
-    selectBox: {
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      width: "100%",
-      height: 45,
-      borderWidth: 1,
-      borderColor: theme.colors.gray[700],
-      borderRadius: 10,
-      backgroundColor: theme.colors.neutral[25],
-      paddingHorizontal: 10,
-    },
-    selectedText: {
-      fontSize: 14,
-      color: "#666",
-    },
-    modalOverlay: {
-      flex: 1,
-      backgroundColor: "rgba(0,0,0,0.5)",
-      justifyContent: "center",
-      alignItems: "center",
-      padding: 24,
-    },
-    modalContainer: {
-      width: "100%",
-      backgroundColor: theme.colors.neutral[25],
-      borderRadius: 10,
-      padding: 15,
-      alignItems: "center",
-    },
-    option: {
-      width: "100%",
-      padding: 10,
-      alignItems: "flex-start",
-      borderBottomWidth: 1,
-      borderBottomColor: theme.colors.gray[300],
-    },
-    optionText: {
-      fontSize: 14,
-      color: theme.colors.black[100],
-      fontWeight: "500",
-    },
-    closeButtonText: {
-      color: theme.colors.neutral[25],
-      fontWeight: "bold",
-    },
-  });
-
-/**
- * EXPORTS
- */
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+
+// typings
+import { ISelectDropDownProps } from "./interface";
+
+// theme
+import { theme } from "../../../styles/theme/theme";
+
+const styles = (props: ISelectDropDownProps) =>
+  StyleSheet.create({
+    container: {
+      width: "100%",
+      marginBottom: 16,
+    },
+    label: {
+      fontSize: props.sizeTitleLabel ?? 16,
+      fontWeight: "bold",
+      color: props.colortitleLabel ?? theme.colors.black[100],
+      marginBottom: 5,
+    },
+    selectBox: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      width: "100%",
+      height: 45,
+      borderWidth: 1,
+      borderColor: theme.colors.gray[700],
+      borderRadius: 10,
+      backgroundColor: theme.colors.neutral[25],
+      paddingHorizontal: 10,
+    },
+    selectedText: {
+      fontSize: 14,
+      color: "#666",
+    },
+    modalOverlay: {
+      flex: 1,
+      backgroundColor: "rgba(0,0,0,0.5)",
+      justifyContent: "center",
+      alignItems: "center",
+      padding: 24,
+    },
+    modalContainer: {
+      width: "100%",
+      backgroundColor: theme.colors.neutral[25],
+      borderRadius: 10,
+      paddingVertical: 15,
+      paddingHorizontal: 20,
+      alignItems: "stretch",
+    },
+    option: {
+      width: "100%",
+      paddingVertical: 10,
+      paddingRight: 10,
+      paddingLeft: 0,
+      alignItems: "flex-start",
+      borderBottomWidth: 1,
+      borderBottomColor: theme.colors.gray[300],
+    },
+    optionText: {
+      fontSize: 14,
+      color: theme.colors.black[100],
+      fontWeight: "500",
+    },
+    closeButtonText: {
+      color: theme.colors.neutral[25],
+      fontWeight: "bold",
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };