jornada-ui 0.4.4 → 0.4.5

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("../box/index.js"));
+var _index2 = _interopRequireDefault(require("../typography/index.js"));
+var _theme = require("../../styles/theme/theme.js");
+var _asBaseComponent = require("../../@types/as-base-component.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * IMPORTS
+ */
+
+// components
+
+// styles
+
+// typings
+
+/**
+ * Componente ResumeRaking para a interação da  ui.
+ */
+const ResumeRaking = /*#__PURE__*/(0, _react.forwardRef)(({
+  title,
+  value,
+  description
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+    ref: ref,
+    width: "100%",
+    backgroundColor: _theme.theme.colors.neutral[25],
+    borderStyled: {
+      borderRadius: _theme.theme.borderWidths.thick_medium,
+      borderWidth: 1,
+      borderColor: _theme.theme.colors.neutral[300]
+    },
+    paddingStyle: {
+      padding: _theme.theme.paddings.sm
+    },
+    marginStyle: {
+      marginBottom: _theme.theme.margins.sm
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+      text: title,
+      color: _theme.theme.colors.black[100],
+      size: _theme.theme.fontSizes.sm,
+      fontFamily: _theme.theme.fonts.inter_bold_700,
+      fontWeight: "500",
+      marginBottom: _theme.theme.margins.xs
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+      text: value,
+      color: _theme.theme.colors.black[180],
+      size: _theme.theme.fontSizes["2xl"],
+      fontFamily: _theme.theme.fonts.inter_bold_700,
+      fontWeight: "700",
+      marginBottom: _theme.theme.margins.xs
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      flexStyle: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-end"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+        text: description,
+        color: _theme.theme.colors.red[500],
+        size: _theme.theme.fontSizes.sm,
+        fontFamily: _theme.theme.fonts.inter_regular_400
+      })
+    })]
+  });
+});
+ResumeRaking.displayName = "ResumeRaking";
+var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(ResumeRaking);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_interopRequireDefault","_index2","_theme","_asBaseComponent","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ResumeRaking","forwardRef","title","value","description","ref","jsxs","width","backgroundColor","theme","colors","neutral","borderStyled","borderRadius","borderWidths","thick_medium","borderWidth","borderColor","paddingStyle","padding","paddings","sm","marginStyle","marginBottom","margins","children","jsx","text","color","black","size","fontSizes","fontFamily","fonts","inter_bold_700","fontWeight","xs","flexStyle","flexDirection","alignItems","justifyContent","red","inter_regular_400","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/resume-raking/index.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -10,11 +10,12 @@ var _index2 = _interopRequireDefault(require("../typography/index.js"));
 var _index3 = require("../../common/icons-svg/index.js");
 var _asBaseComponent = require("../../@types/as-base-component.js");
 var _theme = require("../../styles/theme/theme.js");
+var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // components
@@ -25,8 +26,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // styles
 
-/**
- * Componente TravelHistory para a interação da  ui.
+/**
+ * Componente TravelHistory para a interação da  ui.
  */const TravelHistory = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     testID,
@@ -40,280 +41,290 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
     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.theme.colors.green[400];
-  const computedColor = hasError ? _theme.theme.colors.red[400] : normalizedStatus === "FECHADA" ? _theme.theme.colors.green[400] : baseOpenColor;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
     ref: ref,
-    testID: testID,
-    width: "100%",
-    backgroundColor: _theme.theme.colors.neutral[25],
-    borderStyled: {
-      borderRadius: _theme.theme.borderWidths.thick_medium
-    },
-    marginStyle: {
-      marginBottom: _theme.theme.margins["2xs"]
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-      testID: "travel-history-header",
+    activeOpacity: 0.7,
+    onPress: () => onPress({
+      backgroundColor,
+      idViagem,
+      startTrip,
+      plate,
+      value,
+      status,
+      supply,
+      nextTrip,
+      origin,
+      destination,
+      supplyIssue,
+      logisticsIssue
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+      testID: testID,
       width: "100%",
-      height: 30,
-      backgroundColor: computedColor,
+      backgroundColor: _theme.theme.colors.neutral[25],
       borderStyled: {
-        borderTopLeftRadius: _theme.theme.borderWidths.thin_bold,
-        borderTopRightRadius: _theme.theme.borderWidths.thin_bold,
-        borderColor: _theme.theme.colors.blue[400]
-      },
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center"
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-        text: `VIAGEM #${idViagem ?? "000"}`,
-        color: _theme.theme.colors.neutral[25],
-        size: _theme.theme.fontSizes.sm,
-        fontFamily: _theme.theme.fonts.inter_semi_bold_600,
-        fontWeight: "500",
-        lineHeight: _theme.theme.fontSizes.lg,
-        marginLeft: _theme.theme.margins["2xs"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-        text: `INÍCIO ${startTrip ?? "01/01/2025 00:00"}`,
-        color: _theme.theme.colors.neutral[25],
-        size: _theme.theme.fontSizes.sm,
-        fontFamily: _theme.theme.fonts.inter_semi_bold_600,
-        fontWeight: "500",
-        lineHeight: _theme.theme.fontSizes.lg,
-        marginRight: _theme.theme.margins["2xs"]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-      width: "100%",
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between"
+        borderRadius: _theme.theme.borderWidths.thick_medium
       },
-      paddingStyle: {
-        padding: _theme.theme.paddings["2xs"]
+      marginStyle: {
+        marginBottom: _theme.theme.margins["2xs"]
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+        testID: "travel-history-header",
+        width: "100%",
+        height: 30,
+        backgroundColor: backgroundColor,
+        borderStyled: {
+          borderTopLeftRadius: _theme.theme.borderWidths.thin_bold,
+          borderTopRightRadius: _theme.theme.borderWidths.thin_bold,
+          borderColor: _theme.theme.colors.blue[400]
+        },
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+          text: `VIAGEM #${idViagem ?? "000"}`,
+          color: _theme.theme.colors.neutral[25],
+          size: _theme.theme.fontSizes.xs,
+          fontFamily: _theme.theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: _theme.theme.fontSizes.lg,
+          marginLeft: _theme.theme.margins["2xs"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+          text: `INÍCIO ${startTrip ?? "01/01/2025 00:00"}`,
+          color: _theme.theme.colors.neutral[25],
+          size: _theme.theme.fontSizes.xs,
+          fontFamily: _theme.theme.fonts.inter_semi_bold_600,
+          fontWeight: "500",
+          lineHeight: _theme.theme.fontSizes.lg,
+          marginRight: _theme.theme.margins["2xs"]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
         width: "100%",
+        flexStyle: {
+          flexDirection: "row",
+          justifyContent: "space-between"
+        },
+        paddingStyle: {
+          padding: _theme.theme.paddings["2xs"]
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-          flexStyle: {
-            flexDirection: "row",
-            alignItems: "center"
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-            width: "100%",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-              flexStyle: {
-                flexDirection: "row",
-                justifyContent: "space-between"
-              },
+          width: "100%",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+            flexStyle: {
+              flexDirection: "row",
+              alignItems: "center"
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
               width: "100%",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
                 flexStyle: {
-                  flexDirection: "row"
+                  flexDirection: "row",
+                  justifyContent: "space-between"
+                },
+                width: "100%",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                  flexStyle: {
+                    flexDirection: "row"
+                  },
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                    text: `Placa: `,
+                    size: _theme.theme.fontSizes.sm,
+                    color: _theme.theme.colors.black[10],
+                    fontFamily: _theme.theme.fonts.inter_medium_500
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                    text: `${plate ?? "000-000"}`,
+                    size: _theme.theme.fontSizes.xs,
+                    color: _theme.theme.colors.black[180],
+                    fontFamily: _theme.theme.fonts.inter_light_300
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                  flexStyle: {
+                    flexDirection: "row",
+                    alignItems: "center"
+                  },
+                  children: [supplyIssue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+                    testID: "icon-supply",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
+                      icon: "GAS_PUMP",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  }), logisticsIssue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+                    testID: "icon-logistics",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
+                      icon: "EXCLAMATION_CIRCLE",
+                      background: backgroundColor,
+                      color: "#ffffff",
+                      size: 24
+                    })
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+                    testID: "icon-truck",
+                    marginStyle: {
+                      marginRight: 8
+                    },
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
+                      icon: "TRUCK_ACTIVITY",
+                      color: backgroundColor,
+                      size: 24
+                    })
+                  })]
+                })]
+              }), status !== "ABERTA" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                  text: `Placa: `,
-                  size: _theme.theme.fontSizes.xs,
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Valor: `,
+                  size: _theme.theme.fontSizes.sm,
                   color: _theme.theme.colors.black[10],
                   fontFamily: _theme.theme.fonts.inter_medium_500
                 }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                  text: `${plate ?? "00:00"}`,
-                  size: _theme.theme.fontSizes.xs,
+                  text: `R$ ${value ?? "00,00"}`,
+                  size: 11,
                   color: _theme.theme.colors.black[180],
-                  fontFamily: _theme.theme.fonts.inter_light_300
+                  fontFamily: _theme.theme.fonts.inter_regular_400
                 })]
               }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                width: "84%",
                 flexStyle: {
                   flexDirection: "row",
-                  alignItems: "center"
+                  flexWrap: "wrap"
                 },
-                children: [supplyIssue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-                  testID: "icon-supply",
-                  marginStyle: {
-                    marginRight: 8
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
-                    icon: "GAS_PUMP",
-                    color: computedColor,
-                    size: 24
-                  })
-                }), logisticsIssue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-                  testID: "icon-logistics",
-                  marginStyle: {
-                    marginRight: 8
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
-                    icon: "EXCLAMATION_CIRCLE",
-                    background: computedColor,
-                    color: "#ffffff",
-                    size: 24
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-                  testID: "icon-truck",
-                  marginStyle: {
-                    marginRight: 8
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  style: {
+                    flexShrink: 1
                   },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
-                    icon: "TRUCK_ACTIVITY",
-                    color: computedColor,
-                    size: 24
-                  })
+                  text: `Status viagem: `,
+                  size: _theme.theme.fontSizes.sm,
+                  color: _theme.theme.colors.black[10],
+                  fontFamily: _theme.theme.fonts.inter_medium_500
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  text: `${status ?? "ABERTA"}`,
+                  size: _theme.theme.fontSizes.xs,
+                  color: backgroundColor ?? _theme.theme.colors.black[180],
+                  fontFamily: _theme.theme.fonts.inter_regular_400
                 })]
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                style: {
-                  flexShrink: 1
-                },
-                text: `Valor: `,
-                size: _theme.theme.fontSizes.xs,
-                color: _theme.theme.colors.black[10],
-                fontFamily: _theme.theme.fonts.inter_medium_500
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                text: `R$ ${value ?? "00,00"}`,
-                size: 11,
-                color: _theme.theme.colors.black[180],
-                fontFamily: _theme.theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                style: {
-                  flexShrink: 1
-                },
-                text: `Status viagem: `,
-                size: _theme.theme.fontSizes.xs,
-                color: _theme.theme.colors.black[10],
-                fontFamily: _theme.theme.fonts.inter_medium_500
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                text: `${status ?? "ABERTA"}`,
-                size: 11,
-                color: _theme.theme.colors.black[180],
-                fontFamily: _theme.theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                style: {
-                  flexShrink: 1
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
-                text: `Abastecimentos: `,
-                size: _theme.theme.fontSizes.xs,
-                color: _theme.theme.colors.black[10],
-                fontFamily: _theme.theme.fonts.inter_medium_500
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                text: `${supply ?? "0"} PENDENTES`,
-                size: 11,
-                color: _theme.theme.colors.black[180],
-                fontFamily: _theme.theme.fonts.inter_regular_400
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-              width: "84%",
-              flexStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap"
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                style: {
-                  flexShrink: 1
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Abastecimentos: `,
+                  size: _theme.theme.fontSizes.sm,
+                  color: _theme.theme.colors.black[10],
+                  fontFamily: _theme.theme.fonts.inter_medium_500
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  text: `${supply ?? "0"}`,
+                  size: _theme.theme.fontSizes.xs,
+                  color: backgroundColor ?? _theme.theme.colors.black[180],
+                  fontFamily: _theme.theme.fonts.inter_regular_400
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+                width: "84%",
+                flexStyle: {
+                  flexDirection: "row",
+                  flexWrap: "wrap"
                 },
-                text: `Próxima viagem: `,
-                size: _theme.theme.fontSizes.xs,
-                color: _theme.theme.colors.black[10],
-                fontFamily: _theme.theme.fonts.inter_medium_500
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-                text: `${nextTrip ?? "Não especificado"}`,
-                size: 11,
-                color: _theme.theme.colors.black[180],
-                fontFamily: _theme.theme.fonts.inter_regular_400
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  style: {
+                    flexShrink: 1
+                  },
+                  text: `Próxima viagem: `,
+                  size: _theme.theme.fontSizes.sm,
+                  color: _theme.theme.colors.black[10],
+                  fontFamily: _theme.theme.fonts.inter_medium_500
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+                  text: `${nextTrip ?? "Não especificado"}`,
+                  size: _theme.theme.fontSizes.xs,
+                  color: backgroundColor ?? _theme.theme.colors.black[180],
+                  fontFamily: _theme.theme.fonts.inter_regular_400
+                })]
               })]
-            })]
+            })
           })
         })
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-      width: "100%",
-      flexStyle: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        alignItems: "center"
-      },
-      paddingStyle: {
-        padding: _theme.theme.paddings["2xs"]
-      },
-      borderStyled: {
-        borderTopWidth: _theme.theme.borderWidths.thin_medium,
-        borderTopColor: _theme.theme.colors.neutral[200]
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
-        marginStyle: {
-          marginRight: 2
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-          text: `Atividade:`,
-          size: _theme.theme.fontSizes.xs,
-          color: _theme.theme.colors.black[180],
-          fontFamily: _theme.theme.fonts.inter_regular_400
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-          text: `${origin ?? "Não especificado"}`,
-          size: _theme.theme.fontSizes.sm,
-          color: _theme.theme.colors.black[100],
-          fontFamily: _theme.theme.fonts.inter_semi_bold_600
-        })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+        width: "100%",
         flexStyle: {
-          flexDirection: "column",
-          alignItems: "flex-end",
-          justifyContent: "center"
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center"
         },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-          text: `Tipo atividade: `,
-          size: _theme.theme.fontSizes.xs,
-          color: _theme.theme.colors.black[180],
-          fontFamily: _theme.theme.fonts.inter_light_300
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
-          text: `${destination ?? "Não especificado"}`,
-          size: _theme.theme.fontSizes.sm,
-          color: _theme.theme.colors.black[100],
-          fontFamily: _theme.theme.fonts.inter_semi_bold_600,
-          marginLeft: 4
+        paddingStyle: {
+          padding: _theme.theme.paddings["2xs"]
+        },
+        borderStyled: {
+          borderTopWidth: _theme.theme.borderWidths.thin_medium,
+          borderTopColor: _theme.theme.colors.neutral[200]
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+          marginStyle: {
+            marginRight: 2
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+            text: `Origem:`,
+            size: _theme.theme.fontSizes.xs,
+            color: _theme.theme.colors.black[180],
+            fontFamily: _theme.theme.fonts.inter_regular_400
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+            text: `${origin ?? "NÃO INFORMADO"}`,
+            size: _theme.theme.fontSizes["2xs"],
+            align: "left",
+            color: "black180",
+            fontFamily: _theme.theme.fonts.inter_semi_bold_600,
+            lineHeight: 22,
+            letterSpacing: "regular"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
+          flexStyle: {
+            flexDirection: "column",
+            alignItems: "flex-end",
+            justifyContent: "center"
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+            text: `Destino: `,
+            size: _theme.theme.fontSizes.xs,
+            color: _theme.theme.colors.black[180],
+            fontFamily: _theme.theme.fonts.inter_regular_400
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
+            text: `${destination ?? "NÃO INFORMADO"}`,
+            size: _theme.theme.fontSizes["2xs"],
+            color: _theme.theme.colors.black[100],
+            fontFamily: _theme.theme.fonts.inter_semi_bold_600,
+            marginLeft: 4
+          })]
         })]
       })]
-    })]
+    })
   });
 });
 TravelHistory.displayName = "TravelHistory";
 
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(TravelHistory);
 //# sourceMappingURL=index.js.map