react-native-exp-fig 0.1.30 → 0.1.32

package/lib/commonjs/components/header-profile/index.js

@@ -128,7 +128,7 @@ const Header = ({
     color: bluetoothIsConnected ? _theme.theme.colors.green[400] : _theme.theme.colors.red[900]
   }), /*#__PURE__*/_react.default.createElement(_iconsSvg.Icons, {
     icon: isInternetReachable ? "WIFI_HIGH" : "WIFI_X",
-    color: isInternetReachable ? _theme.theme.colors.orange[150] : _theme.theme.colors.red[800]
+    color: isInternetReachable ? _theme.theme.colors.green[400] : _theme.theme.colors.red[800]
   }))));
 };
 

package/lib/commonjs/components/header-profile/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_box","_typography","_iconsSvg","_theme","e","__esModule","default","Header","title","color","testID","arrow","permission","bluetoothIsConnected","isInternetReachable","handleNavigation","backgroundColor","isBluetooth","_color$colorText","width","widthScreen","Dimensions","get","isMobile","createElement","height","theme","colors","blue","flexStyle","flexDirection","justifyContent","alignItems","paddingStyle","paddingLeft","paddings","md","TouchableOpacity","disabled","onPress","style","Fragment","Icons","icon","marginStyle","marginBottom","flex","Typography","text","size","fontFamily","fonts","inter_bold_700","colorText","neutral","fontWeight","align","lineHeight","fontSizes","lg","letterSpacing","marginLeft","margins","marginRight","borderStyled","borderRadius","marginTop","green","red","orange","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { Dimensions, TouchableOpacity } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IHeaderProps } from \"./interface\";\n\n// commons\nimport { Icons } from \"../../common/icons-svg\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente Header para a interação do usuário com ui.\n */\nconst Header: React.FC<IHeaderProps> = ({\n  title,\n  color,\n  testID,\n  arrow,\n  // propsNav,\n  permission,\n  bluetoothIsConnected,\n  isInternetReachable,\n  handleNavigation,\n  backgroundColor,\n  isBluetooth = false,\n}) => {\n  const { width: widthScreen } = Dimensions.get(\"window\");\n  const isMobile = widthScreen < 768;\n\n  return (\n    <Box\n      testID={testID}\n      width={\"100%\"}\n      height={45}\n      backgroundColor={backgroundColor ?? theme.colors.blue[400]}\n      flexStyle={{ flexDirection: \"row\", justifyContent: \"space-between\", alignItems: \"center\" }}\n    >\n      <Box\n        width={\"10%\"}\n        height={45}\n        flexStyle={{ flexDirection: \"column\", justifyContent: \"center\", alignItems: \"flex-start\" }}\n        paddingStyle={{ paddingLeft: theme.paddings.md }}\n      >\n        {arrow && title !== \"Login\" && (\n          <TouchableOpacity\n            disabled={!arrow}\n            onPress={handleNavigation}\n            style={{\n              width: 50,\n              height: 45,\n              flexDirection: \"column\",\n              alignItems: \"flex-start\",\n              justifyContent: \"center\",\n            }}\n          >\n            {title === \"Controle de Jornada\" || title === \"Controle de Carregamento\" ? (\n              <>\n                <Icons icon=\"LIST\" color=\"#fff\" />\n                <Box marginStyle={{ marginBottom: 8 }} />\n              </>\n            ) : (\n              arrow && <Icons icon=\"ARROW_LEFT\" />\n            )}\n          </TouchableOpacity>\n        )}\n      </Box>\n\n      <Box\n        height={45}\n        flexStyle={{\n          flexDirection: \"row\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flex: 0.9,\n        }}\n      >\n        <Typography\n          text={title ? title : \"Login\"}\n          size={15.4}\n          fontFamily={theme.fonts.inter_bold_700}\n          color={color?.colorText ?? theme.colors.neutral[25]}\n          fontWeight=\"700\"\n          align=\"center\"\n          lineHeight={theme.fontSizes.lg}\n          letterSpacing={\"regular\"}\n          marginLeft={theme.margins[\"2xl\"]}\n        />\n      </Box>\n\n      <Box\n        marginStyle={{ marginRight: isMobile ? 10 : 60 }}\n        borderStyled={{ borderRadius: 10 }}\n        width={50}\n        height={24}\n      >\n        {permission ? (\n          <Box marginStyle={{ marginTop: 2 }} />\n        ) : (\n          <Box\n            marginStyle={{ marginTop: 2 }}\n            flexStyle={{ flexDirection: \"row\", justifyContent: \"flex-end\" }}\n          >\n            {isBluetooth && (\n              <Icons\n                icon={bluetoothIsConnected ? \"BLUETOOTH_CONNECTED\" : \"BLUETOOTH\"}\n                color={bluetoothIsConnected ? theme.colors.green[400] : theme.colors.red[900]}\n              />\n            )}\n            <Icons\n              icon={isInternetReachable ? \"WIFI_HIGH\" : \"WIFI_X\"}\n              color={isInternetReachable ? theme.colors.orange[150] : theme.colors.red[800]}\n            />\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * EXPORTS\n */\nexport { Header };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_box","_typography","_iconsSvg","_theme","e","__esModule","default","Header","title","color","testID","arrow","permission","bluetoothIsConnected","isInternetReachable","handleNavigation","backgroundColor","isBluetooth","_color$colorText","width","widthScreen","Dimensions","get","isMobile","createElement","height","theme","colors","blue","flexStyle","flexDirection","justifyContent","alignItems","paddingStyle","paddingLeft","paddings","md","TouchableOpacity","disabled","onPress","style","Fragment","Icons","icon","marginStyle","marginBottom","flex","Typography","text","size","fontFamily","fonts","inter_bold_700","colorText","neutral","fontWeight","align","lineHeight","fontSizes","lg","letterSpacing","marginLeft","margins","marginRight","borderStyled","borderRadius","marginTop","green","red","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { Dimensions, TouchableOpacity } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IHeaderProps } from \"./interface\";\n\n// commons\nimport { Icons } from \"../../common/icons-svg\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente Header para a interação do usuário com ui.\n */\nconst Header: React.FC<IHeaderProps> = ({\n  title,\n  color,\n  testID,\n  arrow,\n  // propsNav,\n  permission,\n  bluetoothIsConnected,\n  isInternetReachable,\n  handleNavigation,\n  backgroundColor,\n  isBluetooth = false,\n}) => {\n  const { width: widthScreen } = Dimensions.get(\"window\");\n  const isMobile = widthScreen < 768;\n\n  return (\n    <Box\n      testID={testID}\n      width={\"100%\"}\n      height={45}\n      backgroundColor={backgroundColor ?? theme.colors.blue[400]}\n      flexStyle={{ flexDirection: \"row\", justifyContent: \"space-between\", alignItems: \"center\" }}\n    >\n      <Box\n        width={\"10%\"}\n        height={45}\n        flexStyle={{ flexDirection: \"column\", justifyContent: \"center\", alignItems: \"flex-start\" }}\n        paddingStyle={{ paddingLeft: theme.paddings.md }}\n      >\n        {arrow && title !== \"Login\" && (\n          <TouchableOpacity\n            disabled={!arrow}\n            onPress={handleNavigation}\n            style={{\n              width: 50,\n              height: 45,\n              flexDirection: \"column\",\n              alignItems: \"flex-start\",\n              justifyContent: \"center\",\n            }}\n          >\n            {title === \"Controle de Jornada\" || title === \"Controle de Carregamento\" ? (\n              <>\n                <Icons icon=\"LIST\" color=\"#fff\" />\n                <Box marginStyle={{ marginBottom: 8 }} />\n              </>\n            ) : (\n              arrow && <Icons icon=\"ARROW_LEFT\" />\n            )}\n          </TouchableOpacity>\n        )}\n      </Box>\n\n      <Box\n        height={45}\n        flexStyle={{\n          flexDirection: \"row\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flex: 0.9,\n        }}\n      >\n        <Typography\n          text={title ? title : \"Login\"}\n          size={15.4}\n          fontFamily={theme.fonts.inter_bold_700}\n          color={color?.colorText ?? theme.colors.neutral[25]}\n          fontWeight=\"700\"\n          align=\"center\"\n          lineHeight={theme.fontSizes.lg}\n          letterSpacing={\"regular\"}\n          marginLeft={theme.margins[\"2xl\"]}\n        />\n      </Box>\n\n      <Box\n        marginStyle={{ marginRight: isMobile ? 10 : 60 }}\n        borderStyled={{ borderRadius: 10 }}\n        width={50}\n        height={24}\n      >\n        {permission ? (\n          <Box marginStyle={{ marginTop: 2 }} />\n        ) : (\n          <Box\n            marginStyle={{ marginTop: 2 }}\n            flexStyle={{ flexDirection: \"row\", justifyContent: \"flex-end\" }}\n          >\n            {isBluetooth && (\n              <Icons\n                icon={bluetoothIsConnected ? \"BLUETOOTH_CONNECTED\" : \"BLUETOOTH\"}\n                color={bluetoothIsConnected ? theme.colors.green[400] : theme.colors.red[900]}\n              />\n            )}\n            <Icons\n              icon={isInternetReachable ? \"WIFI_HIGH\" : \"WIFI_X\"}\n              color={isInternetReachable ? theme.colors.green[400] : theme.colors.red[800]}\n            />\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * EXPORTS\n */\nexport { Header };\n"],"mappings":"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","ignoreList":[]}

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/header-profile/index.js

@@ -121,7 +121,7 @@ const Header = ({
     color: bluetoothIsConnected ? theme.colors.green[400] : theme.colors.red[900]
   }), /*#__PURE__*/React.createElement(Icons, {
     icon: isInternetReachable ? "WIFI_HIGH" : "WIFI_X",
-    color: isInternetReachable ? theme.colors.orange[150] : theme.colors.red[800]
+    color: isInternetReachable ? theme.colors.green[400] : theme.colors.red[800]
   }))));
 };
 

package/lib/module/components/header-profile/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","TouchableOpacity","Box","Typography","Icons","theme","Header","title","color","testID","arrow","permission","bluetoothIsConnected","isInternetReachable","handleNavigation","backgroundColor","isBluetooth","_color$colorText","width","widthScreen","get","isMobile","createElement","height","colors","blue","flexStyle","flexDirection","justifyContent","alignItems","paddingStyle","paddingLeft","paddings","md","disabled","onPress","style","Fragment","icon","marginStyle","marginBottom","flex","text","size","fontFamily","fonts","inter_bold_700","colorText","neutral","fontWeight","align","lineHeight","fontSizes","lg","letterSpacing","marginLeft","margins","marginRight","borderStyled","borderRadius","marginTop","green","red","orange"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { Dimensions, TouchableOpacity } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IHeaderProps } from \"./interface\";\n\n// commons\nimport { Icons } from \"../../common/icons-svg\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente Header para a interação do usuário com ui.\n */\nconst Header: React.FC<IHeaderProps> = ({\n  title,\n  color,\n  testID,\n  arrow,\n  // propsNav,\n  permission,\n  bluetoothIsConnected,\n  isInternetReachable,\n  handleNavigation,\n  backgroundColor,\n  isBluetooth = false,\n}) => {\n  const { width: widthScreen } = Dimensions.get(\"window\");\n  const isMobile = widthScreen < 768;\n\n  return (\n    <Box\n      testID={testID}\n      width={\"100%\"}\n      height={45}\n      backgroundColor={backgroundColor ?? theme.colors.blue[400]}\n      flexStyle={{ flexDirection: \"row\", justifyContent: \"space-between\", alignItems: \"center\" }}\n    >\n      <Box\n        width={\"10%\"}\n        height={45}\n        flexStyle={{ flexDirection: \"column\", justifyContent: \"center\", alignItems: \"flex-start\" }}\n        paddingStyle={{ paddingLeft: theme.paddings.md }}\n      >\n        {arrow && title !== \"Login\" && (\n          <TouchableOpacity\n            disabled={!arrow}\n            onPress={handleNavigation}\n            style={{\n              width: 50,\n              height: 45,\n              flexDirection: \"column\",\n              alignItems: \"flex-start\",\n              justifyContent: \"center\",\n            }}\n          >\n            {title === \"Controle de Jornada\" || title === \"Controle de Carregamento\" ? (\n              <>\n                <Icons icon=\"LIST\" color=\"#fff\" />\n                <Box marginStyle={{ marginBottom: 8 }} />\n              </>\n            ) : (\n              arrow && <Icons icon=\"ARROW_LEFT\" />\n            )}\n          </TouchableOpacity>\n        )}\n      </Box>\n\n      <Box\n        height={45}\n        flexStyle={{\n          flexDirection: \"row\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flex: 0.9,\n        }}\n      >\n        <Typography\n          text={title ? title : \"Login\"}\n          size={15.4}\n          fontFamily={theme.fonts.inter_bold_700}\n          color={color?.colorText ?? theme.colors.neutral[25]}\n          fontWeight=\"700\"\n          align=\"center\"\n          lineHeight={theme.fontSizes.lg}\n          letterSpacing={\"regular\"}\n          marginLeft={theme.margins[\"2xl\"]}\n        />\n      </Box>\n\n      <Box\n        marginStyle={{ marginRight: isMobile ? 10 : 60 }}\n        borderStyled={{ borderRadius: 10 }}\n        width={50}\n        height={24}\n      >\n        {permission ? (\n          <Box marginStyle={{ marginTop: 2 }} />\n        ) : (\n          <Box\n            marginStyle={{ marginTop: 2 }}\n            flexStyle={{ flexDirection: \"row\", justifyContent: \"flex-end\" }}\n          >\n            {isBluetooth && (\n              <Icons\n                icon={bluetoothIsConnected ? \"BLUETOOTH_CONNECTED\" : \"BLUETOOTH\"}\n                color={bluetoothIsConnected ? theme.colors.green[400] : theme.colors.red[900]}\n              />\n            )}\n            <Icons\n              icon={isInternetReachable ? \"WIFI_HIGH\" : \"WIFI_X\"}\n              color={isInternetReachable ? theme.colors.orange[150] : theme.colors.red[800]}\n            />\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * EXPORTS\n */\nexport { Header };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Dimensions","TouchableOpacity","Box","Typography","Icons","theme","Header","title","color","testID","arrow","permission","bluetoothIsConnected","isInternetReachable","handleNavigation","backgroundColor","isBluetooth","_color$colorText","width","widthScreen","get","isMobile","createElement","height","colors","blue","flexStyle","flexDirection","justifyContent","alignItems","paddingStyle","paddingLeft","paddings","md","disabled","onPress","style","Fragment","icon","marginStyle","marginBottom","flex","text","size","fontFamily","fonts","inter_bold_700","colorText","neutral","fontWeight","align","lineHeight","fontSizes","lg","letterSpacing","marginLeft","margins","marginRight","borderStyled","borderRadius","marginTop","green","red"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { Dimensions, TouchableOpacity } from \"react-native\";\n\n// components\nimport Box from \"../box\";\nimport { Typography } from \"../typography\";\n\n// typings\nimport { IHeaderProps } from \"./interface\";\n\n// commons\nimport { Icons } from \"../../common/icons-svg\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\n/**\n * Componente Header para a interação do usuário com ui.\n */\nconst Header: React.FC<IHeaderProps> = ({\n  title,\n  color,\n  testID,\n  arrow,\n  // propsNav,\n  permission,\n  bluetoothIsConnected,\n  isInternetReachable,\n  handleNavigation,\n  backgroundColor,\n  isBluetooth = false,\n}) => {\n  const { width: widthScreen } = Dimensions.get(\"window\");\n  const isMobile = widthScreen < 768;\n\n  return (\n    <Box\n      testID={testID}\n      width={\"100%\"}\n      height={45}\n      backgroundColor={backgroundColor ?? theme.colors.blue[400]}\n      flexStyle={{ flexDirection: \"row\", justifyContent: \"space-between\", alignItems: \"center\" }}\n    >\n      <Box\n        width={\"10%\"}\n        height={45}\n        flexStyle={{ flexDirection: \"column\", justifyContent: \"center\", alignItems: \"flex-start\" }}\n        paddingStyle={{ paddingLeft: theme.paddings.md }}\n      >\n        {arrow && title !== \"Login\" && (\n          <TouchableOpacity\n            disabled={!arrow}\n            onPress={handleNavigation}\n            style={{\n              width: 50,\n              height: 45,\n              flexDirection: \"column\",\n              alignItems: \"flex-start\",\n              justifyContent: \"center\",\n            }}\n          >\n            {title === \"Controle de Jornada\" || title === \"Controle de Carregamento\" ? (\n              <>\n                <Icons icon=\"LIST\" color=\"#fff\" />\n                <Box marginStyle={{ marginBottom: 8 }} />\n              </>\n            ) : (\n              arrow && <Icons icon=\"ARROW_LEFT\" />\n            )}\n          </TouchableOpacity>\n        )}\n      </Box>\n\n      <Box\n        height={45}\n        flexStyle={{\n          flexDirection: \"row\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          flex: 0.9,\n        }}\n      >\n        <Typography\n          text={title ? title : \"Login\"}\n          size={15.4}\n          fontFamily={theme.fonts.inter_bold_700}\n          color={color?.colorText ?? theme.colors.neutral[25]}\n          fontWeight=\"700\"\n          align=\"center\"\n          lineHeight={theme.fontSizes.lg}\n          letterSpacing={\"regular\"}\n          marginLeft={theme.margins[\"2xl\"]}\n        />\n      </Box>\n\n      <Box\n        marginStyle={{ marginRight: isMobile ? 10 : 60 }}\n        borderStyled={{ borderRadius: 10 }}\n        width={50}\n        height={24}\n      >\n        {permission ? (\n          <Box marginStyle={{ marginTop: 2 }} />\n        ) : (\n          <Box\n            marginStyle={{ marginTop: 2 }}\n            flexStyle={{ flexDirection: \"row\", justifyContent: \"flex-end\" }}\n          >\n            {isBluetooth && (\n              <Icons\n                icon={bluetoothIsConnected ? \"BLUETOOTH_CONNECTED\" : \"BLUETOOTH\"}\n                color={bluetoothIsConnected ? theme.colors.green[400] : theme.colors.red[900]}\n              />\n            )}\n            <Icons\n              icon={isInternetReachable ? \"WIFI_HIGH\" : \"WIFI_X\"}\n              color={isInternetReachable ? theme.colors.green[400] : theme.colors.red[800]}\n            />\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * EXPORTS\n */\nexport { Header };\n"],"mappings":"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","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.32",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/header-profile/index.tsx

@@ -117,7 +117,7 @@ const Header: React.FC<IHeaderProps> = ({
             )}
             <Icons
               icon={isInternetReachable ? "WIFI_HIGH" : "WIFI_X"}
-              color={isInternetReachable ? theme.colors.orange[150] : theme.colors.red[800]}
+              color={isInternetReachable ? theme.colors.green[400] : theme.colors.red[800]}
             />
           </Box>
         )}

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 };