jornada-ui 0.4.4 → 0.4.6

package/lib/module/components/resume-raking/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+/**
+ * IMPORTS
+ */
+import React, { forwardRef } from "react";
+
+// components
+import Box from "../box/index.js";
+import Typography from "../typography/index.js";
+
+// styles
+import { theme } from "../../styles/theme/theme.js";
+
+// typings
+import { asBaseComponent } from "../../@types/as-base-component.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Componente ResumeRaking para a interação da  ui.
+ */
+const ResumeRaking = /*#__PURE__*/forwardRef(({
+  title,
+  value,
+  description
+}, ref) => {
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    width: "100%",
+    backgroundColor: theme.colors.neutral[25],
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium,
+      borderWidth: 1,
+      borderColor: theme.colors.neutral[300]
+    },
+    paddingStyle: {
+      padding: theme.paddings.xs
+    },
+    marginStyle: {
+      marginBottom: theme.margins.xs
+    },
+    children: [/*#__PURE__*/_jsx(Typography, {
+      text: title,
+      color: theme.colors.black[100],
+      size: theme.fontSizes.sm,
+      fontFamily: theme.fonts.inter_bold_700,
+      fontWeight: "500",
+      marginBottom: theme.margins.xs
+    }), /*#__PURE__*/_jsx(Typography, {
+      text: value,
+      color: theme.colors.black[180],
+      size: theme.fontSizes["2xl"],
+      fontFamily: theme.fonts.inter_bold_700,
+      fontWeight: "700",
+      marginBottom: theme.margins.xs
+    }), /*#__PURE__*/_jsx(Box, {
+      flexStyle: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-end"
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        text: description,
+        color: theme.colors.red[500],
+        size: theme.fontSizes.sm,
+        fontFamily: theme.fonts.inter_regular_400
+      })
+    })]
+  });
+});
+ResumeRaking.displayName = "ResumeRaking";
+export default asBaseComponent(ResumeRaking);
+//# sourceMappingURL=index.js.map

package/lib/module/components/resume-raking/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Box","Typography","theme","asBaseComponent","jsx","_jsx","jsxs","_jsxs","ResumeRaking","title","value","description","ref","width","backgroundColor","colors","neutral","borderStyled","borderRadius","borderWidths","thick_medium","borderWidth","borderColor","paddingStyle","padding","paddings","xs","marginStyle","marginBottom","margins","children","text","color","black","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","fontWeight","flexStyle","flexDirection","alignItems","justifyContent","red","inter_regular_400","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/resume-raking/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC;AACA,OAAOC,GAAG,MAAM,iBAAQ;AACxB,OAAOC,UAAU,MAAM,wBAAe;;AAEtC;AACA,SAASC,KAAK,QAAQ,6BAA0B;;AAEhD;AACA,SAASC,eAAe,QAAQ,mCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjE;AACA;AACA;AACA,MAAMC,YAAY,gBAAGT,UAAU,CAC7B,CAAC;EAAEU,KAAK;EAAEC,KAAK;EAAEC;AAAY,CAAC,EAAEC,GAAG,KAAyB;EAC1D,oBACEL,KAAA,CAACP,GAAG;IACFY,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,MAAO;IACdC,eAAe,EAAEZ,KAAK,CAACa,MAAM,CAACC,OAAO,CAAC,EAAE,CAAE;IAC1CC,YAAY,EAAE;MACZC,YAAY,EAAEhB,KAAK,CAACiB,YAAY,CAACC,YAAY;MAC7CC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEpB,KAAK,CAACa,MAAM,CAACC,OAAO,CAAC,GAAG;IACvC,CAAE;IACFO,YAAY,EAAE;MACZC,OAAO,EAAEtB,KAAK,CAACuB,QAAQ,CAACC;IAC1B,CAAE;IACFC,WAAW,EAAE;MACXC,YAAY,EAAE1B,KAAK,CAAC2B,OAAO,CAACH;IAC9B,CAAE;IAAAI,QAAA,gBAGFzB,IAAA,CAACJ,UAAU;MACT8B,IAAI,EAAEtB,KAAM;MACZuB,KAAK,EAAE9B,KAAK,CAACa,MAAM,CAACkB,KAAK,CAAC,GAAG,CAAE;MAC/BC,IAAI,EAAEhC,KAAK,CAACiC,SAAS,CAACC,EAAG;MACzBC,UAAU,EAAEnC,KAAK,CAACoC,KAAK,CAACC,cAAe;MACvCC,UAAU,EAAE,KAAM;MAClBZ,YAAY,EAAE1B,KAAK,CAAC2B,OAAO,CAACH;IAAG,CAChC,CAAC,eAGFrB,IAAA,CAACJ,UAAU;MACT8B,IAAI,EAAErB,KAAM;MACZsB,KAAK,EAAE9B,KAAK,CAACa,MAAM,CAACkB,KAAK,CAAC,GAAG,CAAE;MAC/BC,IAAI,EAAEhC,KAAK,CAACiC,SAAS,CAAC,KAAK,CAAE;MAC7BE,UAAU,EAAEnC,KAAK,CAACoC,KAAK,CAACC,cAAe;MACvCC,UAAU,EAAE,KAAM;MAClBZ,YAAY,EAAE1B,KAAK,CAAC2B,OAAO,CAACH;IAAG,CAChC,CAAC,eAEFrB,IAAA,CAACL,GAAG;MAACyC,SAAS,EAAE;QAAEC,aAAa,EAAE,KAAK;QAAEC,UAAU,EAAE,QAAQ;QAAEC,cAAc,EAAE;MAAW,CAAE;MAAAd,QAAA,eAEzFzB,IAAA,CAACJ,UAAU;QACT8B,IAAI,EAAEpB,WAAY;QAClBqB,KAAK,EAAE9B,KAAK,CAACa,MAAM,CAAC8B,GAAG,CAAC,GAAG,CAAE;QAC7BX,IAAI,EAAEhC,KAAK,CAACiC,SAAS,CAACC,EAAG;QACzBC,UAAU,EAAEnC,KAAK,CAACoC,KAAK,CAACQ;MAAkB,CAC3C;IAAC,CACC,CAAC;EAAA,CACH,CAAC;AAEV,CACF,CAAC;AAEDtC,YAAY,CAACuC,WAAW,GAAG,cAAc;AAEzC,eAAe5C,eAAe,CAACK,YAAY,CAAC","ignoreList":[]}

package/lib/module/components/resume-raking/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=interface.js.map

package/lib/module/components/resume-raking/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/resume-raking/interface.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/resume-raking/styles.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

package/lib/module/components/resume-raking/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/resume-raking/styles.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/travel-history/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 import React, { forwardRef } from "react";
 
@@ -18,9 +18,10 @@ import { asBaseComponent } from "../../@types/as-base-component.js";
 
 // styles
 import { theme } from "../../styles/theme/theme.js";
+import { TouchableOpacity } from "react-native";
 
-/**
- * Componente TravelHistory para a interação da  ui.
+/**
+ * Componente TravelHistory para a interação da  ui.
  */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TravelHistory = /*#__PURE__*/forwardRef((props, ref) => {
@@ -36,280 +37,290 @@ const TravelHistory = /*#__PURE__*/forwardRef((props, ref) => {
     nextTrip,
     origin,
     destination,
+    onPress,
     // Flags de problema
     supplyIssue = false,
     logisticsIssue = false
   } = props;
-
-  // Normaliza status
-  const normalizedStatus = (status ?? "ABERTA").toString().trim().toUpperCase();
-  const hasError = Boolean(supplyIssue || logisticsIssue);
-
-  // Regras de cor:
-  // - Se houver erro -> vermelho
-  // - Senão, se FECHADA -> verde
-  // - Senão (ABERTA e sem erro) -> usa backgroundColor (laranja já usado por você) ou fallback
-  const baseOpenColor = backgroundColor ?? theme.colors.green[400];
-  const computedColor = hasError ? theme.colors.red[400] : normalizedStatus === "FECHADA" ? theme.colors.green[400] : baseOpenColor;
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
     ref: ref,
-    testID: testID,
-    width: "100%",
-    backgroundColor: theme.colors.neutral[25],
-    borderStyled: {
-      borderRadius: theme.borderWidths.thick_medium
-    },
-    marginStyle: {
-      marginBottom: theme.margins["2xs"]
-    },
-    children: [/*#__PURE__*/_jsxs(Box, {
-      testID: "travel-history-header",
+    activeOpacity: 0.7,
+    onPress: () => onPress({
+      backgroundColor,
+      idViagem,
+      startTrip,
+      plate,
+      value,
+      status,
+      supply,
+      nextTrip,
+      origin,
+      destination,
+      supplyIssue,
+      logisticsIssue
+    }),
+    children: /*#__PURE__*/_jsxs(Box, {
+      testID: testID,
       width: "100%",
-      height: 30,
-      backgroundColor: computedColor,
+      backgroundColor: theme.colors.neutral[25],
       borderStyled: {
-        borderTopLeftRadius: theme.borderWidths.thin_bold,
-        borderTopRightRadius: theme.borderWidths.thin_bold,
-        borderColor: theme.colors.blue[400]
-      },
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center"
-      },
-      children: [/*#__PURE__*/_jsx(Typography, {
-        text: `VIAGEM #${idViagem ?? "000"}`,
-        color: theme.colors.neutral[25],
-        size: theme.fontSizes.sm,
-        fontFamily: theme.fonts.inter_semi_bold_600,
-        fontWeight: "500",
-        lineHeight: theme.fontSizes.lg,
-        marginLeft: theme.margins["2xs"]
-      }), /*#__PURE__*/_jsx(Typography, {
-        text: `INÍCIO ${startTrip ?? "01/01/2025 00:00"}`,
-        color: theme.colors.neutral[25],
-        size: theme.fontSizes.sm,
-        fontFamily: theme.fonts.inter_semi_bold_600,
-        fontWeight: "500",
-        lineHeight: theme.fontSizes.lg,
-        marginRight: theme.margins["2xs"]
-      })]
-    }), /*#__PURE__*/_jsx(Box, {
-      width: "100%",
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between"
+        borderRadius: theme.borderWidths.thick_medium
       },
-      paddingStyle: {
-        padding: theme.paddings["2xs"]
+      marginStyle: {
+        marginBottom: theme.margins["2xs"]
       },
-      children: /*#__PURE__*/_jsx(Box, {
+      children: [/*#__PURE__*/_jsxs(Box, {
+        testID: "travel-history-header",
+        width: "100%",
+        height: 30,
+        backgroundColor: backgroundColor,
+        borderStyled: {
+          borderTopLeftRadius: theme.borderWidths.thin_bold,
+          borderTopRightRadius: theme.borderWidths.thin_bold,
+          borderColor: theme.colors.blue[400]
+        },
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/_jsx(Typography, {
+          text: `VIAGEM #${idViagem ?? "000"}`,
+          color: theme.colors.neutral[25],
+          size: theme.fontSizes.xs,
+          fontFamily: theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: theme.fontSizes.lg,
+          marginLeft: theme.margins["2xs"]
+        }), /*#__PURE__*/_jsx(Typography, {
+          text: `INÍCIO ${startTrip ?? "01/01/2025 00:00"}`,
+          color: theme.colors.neutral[25],
+          size: theme.fontSizes.xs,
+          fontFamily: theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: theme.fontSizes.lg,
+          marginRight: theme.margins["2xs"]
+        })]
+      }), /*#__PURE__*/_jsx(Box, {
         width: "100%",
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between"
+        },
+        paddingStyle: {
+          padding: theme.paddings["2xs"]
+        },
         children: /*#__PURE__*/_jsx(Box, {
-          flexStyle: {
-            flexDirection: "row",
-            alignItems: "center"
-          },
-          children: /*#__PURE__*/_jsxs(Box, {
-            width: "100%",
-            children: [/*#__PURE__*/_jsxs(Box, {
-              flexStyle: {
-                flexDirection: "row",
-                justifyContent: "space-between"
-              },
+          width: "100%",
+          children: /*#__PURE__*/_jsx(Box, {
+            flexStyle: {
+              flexDirection: "row",
+              alignItems: "center"
+            },
+            children: /*#__PURE__*/_jsxs(Box, {
               width: "100%",
               children: [/*#__PURE__*/_jsxs(Box, {
                 flexStyle: {
-                  flexDirection: "row"
+                  flexDirection: "row",
+                  justifyContent: "space-between"
+                },
+                width: "100%",
+                children: [/*#__PURE__*/_jsxs(Box, {
+                  flexStyle: {
+                    flexDirection: "row"
+                  },
+                  children: [/*#__PURE__*/_jsx(Typography, {
+                    text: `Placa: `,
+                    size: theme.fontSizes.sm,
+                    color: theme.colors.black[10],
+                    fontFamily: theme.fonts.inter_medium_500
+                  }), /*#__PURE__*/_jsx(Typography, {
+                    text: `${plate ?? "000-000"}`,
+                    size: theme.fontSizes.xs,
+                    color: theme.colors.black[180],
+                    fontFamily: theme.fonts.inter_light_300
+                  })]
+                }), /*#__PURE__*/_jsxs(Box, {
+                  flexStyle: {
+                    flexDirection: "row",
+                    alignItems: "center"
+                  },
+                  children: [supplyIssue && /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-supply",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "GAS_PUMP",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  }), logisticsIssue && /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-logistics",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "EXCLAMATION_CIRCLE",
+                      background: backgroundColor,
+                      color: "#ffffff",
+                      size: 24
+                    })
+                  }), /*#__PURE__*/_jsx(Box, {
+                    testID: "icon-truck",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/_jsx(Icons, {
+                      icon: "TRUCK_ACTIVITY",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  })]
+                })]
+              }), status !== "ABERTA" && /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
                 children: [/*#__PURE__*/_jsx(Typography, {
-                  text: `Placa: `,
-                  size: theme.fontSizes.xs,
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Valor: `,
+                  size: theme.fontSizes.sm,
                   color: theme.colors.black[10],
                   fontFamily: theme.fonts.inter_medium_500
                 }), /*#__PURE__*/_jsx(Typography, {
-                  text: `${plate ?? "00:00"}`,
-                  size: theme.fontSizes.xs,
+                  text: `R$ ${value ?? "00,00"}`,
+                  size: 11,
                   color: theme.colors.black[180],
-                  fontFamily: theme.fonts.inter_light_300
+                  fontFamily: theme.fonts.inter_regular_400
                 })]
               }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
                 flexStyle: {
                   flexDirection: "row",
-                  alignItems: "center"
+                  flexWrap: "wrap"
                 },
-                children: [supplyIssue && /*#__PURE__*/_jsx(Box, {
-                  testID: "icon-supply",
-                  marginStyle: {
-                    marginRight: 8
-                  },
-                  children: /*#__PURE__*/_jsx(Icons, {
-                    icon: "GAS_PUMP",
-                    color: computedColor,
-                    size: 24
-                  })
-                }), logisticsIssue && /*#__PURE__*/_jsx(Box, {
-                  testID: "icon-logistics",
-                  marginStyle: {
-                    marginRight: 8
-                  },
-                  children: /*#__PURE__*/_jsx(Icons, {
-                    icon: "EXCLAMATION_CIRCLE",
-                    background: computedColor,
-                    color: "#ffffff",
-                    size: 24
-                  })
-                }), /*#__PURE__*/_jsx(Box, {
-                  testID: "icon-truck",
-                  marginStyle: {
-                    marginRight: 8
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
                   },
-                  children: /*#__PURE__*/_jsx(Icons, {
-                    icon: "TRUCK_ACTIVITY",
-                    color: computedColor,
-                    size: 24
-                  })
+                  text: `Status viagem: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${status ?? "ABERTA"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_regular_400
                 })]
-              })]
-            }), /*#__PURE__*/_jsxs(Box, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/_jsx(Typography, {
-                style: {
-                  flexShrink: 1
-                },
-                text: `Valor: `,
-                size: theme.fontSizes.xs,
-                color: theme.colors.black[10],
-                fontFamily: theme.fonts.inter_medium_500
-              }), /*#__PURE__*/_jsx(Typography, {
-                text: `R$ ${value ?? "00,00"}`,
-                size: 11,
-                color: theme.colors.black[180],
-                fontFamily: theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/_jsxs(Box, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/_jsx(Typography, {
-                style: {
-                  flexShrink: 1
-                },
-                text: `Status viagem: `,
-                size: theme.fontSizes.xs,
-                color: theme.colors.black[10],
-                fontFamily: theme.fonts.inter_medium_500
-              }), /*#__PURE__*/_jsx(Typography, {
-                text: `${status ?? "ABERTA"}`,
-                size: 11,
-                color: theme.colors.black[180],
-                fontFamily: theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/_jsxs(Box, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/_jsx(Typography, {
-                style: {
-                  flexShrink: 1
+              }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
-                text: `Abastecimentos: `,
-                size: theme.fontSizes.xs,
-                color: theme.colors.black[10],
-                fontFamily: theme.fonts.inter_medium_500
-              }), /*#__PURE__*/_jsx(Typography, {
-                text: `${supply ?? "0"} PENDENTES`,
-                size: 11,
-                color: theme.colors.black[180],
-                fontFamily: theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/_jsxs(Box, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/_jsx(Typography, {
-                style: {
-                  flexShrink: 1
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Abastecimentos: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${supply ?? "0"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_regular_400
+                })]
+              }), /*#__PURE__*/_jsxs(Box, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
-                text: `Próxima viagem: `,
-                size: theme.fontSizes.xs,
-                color: theme.colors.black[10],
-                fontFamily: theme.fonts.inter_medium_500
-              }), /*#__PURE__*/_jsx(Typography, {
-                text: `${nextTrip ?? "Não especificado"}`,
-                size: 11,
-                color: theme.colors.black[180],
-                fontFamily: theme.fonts.inter_regular_400
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Próxima viagem: `,
+                  size: theme.fontSizes.sm,
+                  color: theme.colors.black[10],
+                  fontFamily: theme.fonts.inter_medium_500
+                }), /*#__PURE__*/_jsx(Typography, {
+                  text: `${nextTrip ?? "Não especificado"}`,
+                  size: theme.fontSizes.xs,
+                  color: backgroundColor ?? theme.colors.black[180],
+                  fontFamily: theme.fonts.inter_regular_400
+                })]
               })]
-            })]
+            })
           })
         })
-      })
-    }), /*#__PURE__*/_jsxs(Box, {
-      width: "100%",
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center"
-      },
-      paddingStyle: {
-        padding: theme.paddings["2xs"]
-      },
-      borderStyled: {
-        borderTopWidth: theme.borderWidths.thin_medium,
-        borderTopColor: theme.colors.neutral[200]
-      },
-      children: [/*#__PURE__*/_jsxs(Box, {
-        marginStyle: {
-          marginRight: 2
-        },
-        children: [/*#__PURE__*/_jsx(Typography, {
-          text: `Atividade:`,
-          size: theme.fontSizes.xs,
-          color: theme.colors.black[180],
-          fontFamily: theme.fonts.inter_regular_400
-        }), /*#__PURE__*/_jsx(Typography, {
-          text: `${origin ?? "Não especificado"}`,
-          size: theme.fontSizes.sm,
-          color: theme.colors.black[100],
-          fontFamily: theme.fonts.inter_semi_bold_600
-        })]
       }), /*#__PURE__*/_jsxs(Box, {
+        width: "100%",
         flexStyle: {
-          flexDirection: "column",
-          alignItems: "flex-end",
-          justifyContent: "center"
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
         },
-        children: [/*#__PURE__*/_jsx(Typography, {
-          text: `Tipo atividade: `,
-          size: theme.fontSizes.xs,
-          color: theme.colors.black[180],
-          fontFamily: theme.fonts.inter_light_300
-        }), /*#__PURE__*/_jsx(Typography, {
-          text: `${destination ?? "Não especificado"}`,
-          size: theme.fontSizes.sm,
-          color: theme.colors.black[100],
-          fontFamily: theme.fonts.inter_semi_bold_600,
-          marginLeft: 4
+        paddingStyle: {
+          padding: theme.paddings["2xs"]
+        },
+        borderStyled: {
+          borderTopWidth: theme.borderWidths.thin_medium,
+          borderTopColor: theme.colors.neutral[200]
+        },
+        children: [/*#__PURE__*/_jsxs(Box, {
+          marginStyle: {
+            marginRight: 2
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            text: `Origem:`,
+            size: theme.fontSizes.xs,
+            color: theme.colors.black[180],
+            fontFamily: theme.fonts.inter_regular_400
+          }), /*#__PURE__*/_jsx(Typography, {
+            text: `${origin ?? "NÃO INFORMADO"}`,
+            size: theme.fontSizes["2xs"],
+            align: "left",
+            color: "black180",
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            lineHeight: 22,
+            letterSpacing: "regular"
+          })]
+        }), /*#__PURE__*/_jsxs(Box, {
+          flexStyle: {
+            flexDirection: "column",
+            alignItems: "flex-end",
+            justifyContent: "center"
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            text: `Destino: `,
+            size: theme.fontSizes.xs,
+            color: theme.colors.black[180],
+            fontFamily: theme.fonts.inter_regular_400
+          }), /*#__PURE__*/_jsx(Typography, {
+            text: `${destination ?? "NÃO INFORMADO"}`,
+            size: theme.fontSizes["2xs"],
+            color: theme.colors.black[100],
+            fontFamily: theme.fonts.inter_semi_bold_600,
+            marginLeft: 4
+          })]
         })]
       })]
-    })]
+    })
   });
 });
 TravelHistory.displayName = "TravelHistory";
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 export default asBaseComponent(TravelHistory);
 //# sourceMappingURL=index.js.map