@asdp/ferryui 0.1.22-dev.9970 → 0.1.22-dev.9982

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -3196,6 +3196,10 @@ interface CardBookingTicketProps {
3196
3196
  * Ship Name (e.g. KMP PORTLINK)
3197
3197
  */
3198
3198
  shipName?: string;
3199
+ /**
3200
+ * Service Title (e.g. Kendaraan Roda Dua • Mobil Penumpang)
3201
+ */
3202
+ serviceTitle?: string;
3199
3203
  /**
3200
3204
  * Ship Type (e.g. Executive, Reguler)
3201
3205
  */
package/dist/index.d.ts CHANGED
@@ -3196,6 +3196,10 @@ interface CardBookingTicketProps {
3196
3196
  * Ship Name (e.g. KMP PORTLINK)
3197
3197
  */
3198
3198
  shipName?: string;
3199
+ /**
3200
+ * Service Title (e.g. Kendaraan Roda Dua • Mobil Penumpang)
3201
+ */
3202
+ serviceTitle?: string;
3199
3203
  /**
3200
3204
  * Ship Type (e.g. Executive, Reguler)
3201
3205
  */
package/dist/index.js CHANGED
@@ -13671,7 +13671,7 @@ var useStyles28 = reactComponents.makeStyles({
13671
13671
  shipInfo: {
13672
13672
  display: "flex",
13673
13673
  flexDirection: "column",
13674
- alignItems: "center",
13674
+ alignItems: "flex-start",
13675
13675
  gap: "1rem"
13676
13676
  },
13677
13677
  ticketInfo: {
@@ -13748,6 +13748,7 @@ var CardBookingTicket = ({
13748
13748
  labels,
13749
13749
  providerLogo,
13750
13750
  shipName,
13751
+ serviceTitle,
13751
13752
  shipType,
13752
13753
  shipTypeColor,
13753
13754
  departureDay,
@@ -13784,7 +13785,10 @@ var CardBookingTicket = ({
13784
13785
  alt: "asdp"
13785
13786
  }
13786
13787
  ),
13787
- /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: shipName })
13788
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [
13789
+ /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: shipName }),
13790
+ serviceTitle && /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption2, { style: { color: reactComponents.tokens.colorNeutralForeground3 }, children: serviceTitle })
13791
+ ] })
13788
13792
  ] }),
13789
13793
  /* @__PURE__ */ jsxRuntime.jsx(
13790
13794
  reactComponents.Badge,
@@ -13799,6 +13803,16 @@ var CardBookingTicket = ({
13799
13803
  }
13800
13804
  )
13801
13805
  ] }),
13806
+ /* @__PURE__ */ jsxRuntime.jsx(
13807
+ "div",
13808
+ {
13809
+ style: {
13810
+ height: "1px",
13811
+ backgroundColor: reactComponents.tokens.colorNeutralStroke2,
13812
+ margin: "1rem 0"
13813
+ }
13814
+ }
13815
+ ),
13802
13816
  /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { children: mergedLabels.routeTitle }),
13803
13817
  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketInfo, children: [
13804
13818
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.ticketTime, children: [