@asdp/ferryui 0.1.22-dev.10693 → 0.1.22-dev.10750

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.js CHANGED
@@ -1442,7 +1442,7 @@ var CardTicket = ({
1442
1442
  children: /* @__PURE__ */ jsxRuntime.jsx(
1443
1443
  reactComponents.Badge,
1444
1444
  {
1445
- size: "large",
1445
+ size: "extra-large",
1446
1446
  appearance: "filled",
1447
1447
  style: {
1448
1448
  backgroundColor: departureItem?.availableTicket <= 0 ? reactComponents.tokens.colorNeutralForeground3 : departureItem?.provider?.serviceColor,
@@ -1479,8 +1479,8 @@ var CardTicket = ({
1479
1479
  src: departureItem?.provider?.logo,
1480
1480
  className: styles.asdpLogo,
1481
1481
  alt: mergedLabels.logoAlt,
1482
- height: 56,
1483
- width: 82,
1482
+ height: 98,
1483
+ width: 137,
1484
1484
  style: departureItem?.availableTicket <= 0 ? { filter: "grayscale(100%)", opacity: 0.7 } : {}
1485
1485
  }
1486
1486
  )
@@ -1521,7 +1521,12 @@ var CardTicket = ({
1521
1521
  /* @__PURE__ */ jsxRuntime.jsx(
1522
1522
  reactGridSystem.Col,
1523
1523
  {
1524
- style: { textAlign: "center" },
1524
+ style: {
1525
+ textAlign: "center",
1526
+ display: "flex",
1527
+ justifyContent: "center",
1528
+ alignItems: "center"
1529
+ },
1525
1530
  xs: 12,
1526
1531
  sm: 12,
1527
1532
  md: 12,
@@ -1529,7 +1534,7 @@ var CardTicket = ({
1529
1534
  xl: 12,
1530
1535
  xxl: 12,
1531
1536
  xxxl: 12,
1532
- children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { children: departureItem?.provider?.name })
1537
+ children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: departureItem?.provider?.name })
1533
1538
  }
1534
1539
  )
1535
1540
  ] }),
@@ -1875,7 +1880,7 @@ var CardTicket = ({
1875
1880
  /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { children: mergedLabels.facilitiesLabel }),
1876
1881
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.facilitiesList, children: departureItem?.provider?.facilities.map((facility, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.facilityItem, children: [
1877
1882
  /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:checkmark-circle-24-filled" }),
1878
- /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1Strong, { children: facility })
1883
+ /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { children: facility })
1879
1884
  ] }, idx)) })
1880
1885
  ] })
1881
1886
  ] }),
@@ -6376,7 +6381,7 @@ var useStyles10 = reactComponents.makeStyles({
6376
6381
  // borderBottomRightRadius: '0',
6377
6382
  padding: "1rem",
6378
6383
  paddingTop: "2rem",
6379
- paddingBottom: "7rem",
6384
+ paddingBottom: "4rem",
6380
6385
  position: "relative",
6381
6386
  overflow: "visible",
6382
6387
  // boxShadow: '0 0 2px rgba(0,0,0,0.12), 0 -8px 16px rgba(0,0,0,0.14)',
@@ -6416,7 +6421,7 @@ var useStyles10 = reactComponents.makeStyles({
6416
6421
  },
6417
6422
  buttonSearchContainer: {
6418
6423
  display: "flex",
6419
- justifyContent: "center",
6424
+ justifyContent: "end",
6420
6425
  alignItems: "center",
6421
6426
  height: "100%",
6422
6427
  width: "100%"
@@ -6535,8 +6540,8 @@ var CardTicketSearchSummary = ({
6535
6540
  md: 12,
6536
6541
  lg: 12,
6537
6542
  xl: 12,
6538
- xxl: 4,
6539
- xxxl: 4,
6543
+ xxl: 6,
6544
+ xxxl: 6,
6540
6545
  className: styles.paddingResponsive,
6541
6546
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", alignItems: "center" }, children: [
6542
6547
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -6721,8 +6726,22 @@ var CardTicketSearchSummary = ({
6721
6726
  md: 12,
6722
6727
  lg: 12,
6723
6728
  xl: 12,
6724
- xxl: 2,
6725
- xxxl: 2,
6729
+ xxl: 6,
6730
+ xxxl: 6,
6731
+ className: styles.paddingResponsive,
6732
+ children: children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.filterButtonContainer, children })
6733
+ }
6734
+ ),
6735
+ /* @__PURE__ */ jsxRuntime.jsx(
6736
+ reactGridSystem.Col,
6737
+ {
6738
+ xs: 12,
6739
+ sm: 12,
6740
+ md: 12,
6741
+ lg: 12,
6742
+ xl: 12,
6743
+ xxl: 6,
6744
+ xxxl: 6,
6726
6745
  className: styles.paddingResponsive,
6727
6746
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.buttonSearchContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
6728
6747
  reactComponents.Button,
@@ -6731,6 +6750,7 @@ var CardTicketSearchSummary = ({
6731
6750
  appearance: "primary",
6732
6751
  size: "medium",
6733
6752
  style: {
6753
+ marginTop: "1rem",
6734
6754
  width: "100%",
6735
6755
  borderRadius: reactComponents.tokens.borderRadiusCircular
6736
6756
  },
@@ -6743,7 +6763,6 @@ var CardTicketSearchSummary = ({
6743
6763
  }
6744
6764
  )
6745
6765
  ] }),
6746
- children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.filterButtonContainer, children }),
6747
6766
  Array.from({ length: circularConfig.count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
6748
6767
  "div",
6749
6768
  {
@@ -13520,59 +13539,50 @@ var CardVehicleOwnerForm = ({
13520
13539
  {
13521
13540
  style: {
13522
13541
  display: "flex",
13523
- flexDirection: "column",
13542
+ justifyContent: "space-between",
13543
+ alignItems: "center",
13524
13544
  width: "100%",
13525
- gap: "0.5rem"
13545
+ gap: "1rem"
13526
13546
  },
13527
13547
  children: [
13528
- /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { children: mergedLabels.cargoItemTitle.replace(
13548
+ /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { style: { minWidth: "fit-content" }, children: mergedLabels.cargoItemTitle.replace(
13529
13549
  "{index}",
13530
13550
  (cargoIndex + 1).toString()
13531
13551
  ) }),
13532
- _selectedLoadType && !cargo._isAccordionOpen && /* @__PURE__ */ jsxRuntime.jsxs(
13533
- "div",
13534
- {
13535
- style: {
13536
- display: "flex",
13537
- justifyContent: "space-between",
13538
- alignItems: "center",
13539
- width: "100%"
13540
- },
13541
- children: [
13542
- /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1Strong, { children: [
13543
- _selectedLoadType.name,
13544
- " \u2022",
13545
- " ",
13546
- watchQuantity,
13547
- "x",
13548
- " ",
13549
- _selectedLoadType.unit?.name,
13550
- " \u2022",
13551
- " ",
13552
- _selectedLoadType.formattedPrice
13553
- ] }),
13554
- /* @__PURE__ */ jsxRuntime.jsx(
13555
- reactComponents.Body1Stronger,
13556
- {
13557
- style: {
13558
- color: sharedColors["Shared_Secondary_Primary"]
13559
- },
13560
- children: new Intl.NumberFormat("id-ID", {
13561
- style: "currency",
13562
- currency: "IDR",
13563
- minimumFractionDigits: 0
13564
- }).format(
13565
- Number(
13566
- getValues(
13567
- `owners.${index}.cargo.${cargoIndex}.quantity`
13568
- ) || 0
13569
- ) * (_selectedLoadType.price || 0)
13570
- )
13571
- }
13552
+ _selectedLoadType && !cargo._isAccordionOpen && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13553
+ /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1Strong, { style: { flex: 1 }, children: [
13554
+ _selectedLoadType.name,
13555
+ " \u2022",
13556
+ " ",
13557
+ watchQuantity,
13558
+ "x",
13559
+ " ",
13560
+ _selectedLoadType.unit?.name,
13561
+ " \u2022",
13562
+ " ",
13563
+ _selectedLoadType.formattedPrice
13564
+ ] }),
13565
+ /* @__PURE__ */ jsxRuntime.jsx(
13566
+ reactComponents.Body1Stronger,
13567
+ {
13568
+ style: {
13569
+ color: sharedColors["Shared_Secondary_Primary"],
13570
+ minWidth: "fit-content"
13571
+ },
13572
+ children: new Intl.NumberFormat("id-ID", {
13573
+ style: "currency",
13574
+ currency: "IDR",
13575
+ minimumFractionDigits: 0
13576
+ }).format(
13577
+ Number(
13578
+ getValues(
13579
+ `owners.${index}.cargo.${cargoIndex}.quantity`
13580
+ ) || 0
13581
+ ) * (_selectedLoadType.price || 0)
13572
13582
  )
13573
- ]
13574
- }
13575
- )
13583
+ }
13584
+ )
13585
+ ] })
13576
13586
  ]
13577
13587
  }
13578
13588
  )