kupos-ui-components-lib 6.0.2 → 6.0.4

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.
Files changed (3) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +8 -3
  2. package/package.json +1 -1
  3. package/src/components/ServiceItem/ServiceItemDesktop.tsx +12 -3
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -518,8 +518,10 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
518
518
  margin: "auto",
519
519
  } }),
520
520
  React.createElement("div", { className: "content-center" },
521
- React.createElement("div", { className: `relative flex gap-[10px] text-[13.33px] justify-between min-h-[2.5rem] ${getNumberOfSeats() < 3 ? "" : ""}`, style: getNumberOfSeats() < 2 ? { alignItems: "center" } : {} },
522
- React.createElement("div", { className: "flex flex-col justify-between" }, getSeatNames()),
521
+ React.createElement("div", { className: `relative flex gap-[10px] text-[13.33px] justify-between min-h-[2.5rem] ${getNumberOfSeats() < 3 ? "" : ""}`, style: getNumberOfSeats() < 2 || removeDuplicateSeats
522
+ ? { alignItems: "center" }
523
+ : {} },
524
+ React.createElement("div", { className: "flex flex-col justify-between", style: { gap: "15px" } }, getSeatNames()),
523
525
  React.createElement("div", { className: "flex flex-col justify-between absolute inset-y-0 right-0 left-1/2 h-full", style: {
524
526
  color: isSoldOut ? "#c0c0c0" : colors.priceColor,
525
527
  top: 0,
@@ -527,7 +529,10 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
527
529
  left: "clamp(75%, 75% + (100vw - 1300px) * 0.1, 80%)",
528
530
  // left: "68%",
529
531
  right: 0,
530
- justifyContent: getNumberOfSeats() < 2 ? "center" : "",
532
+ justifyContent: getNumberOfSeats() < 2 || removeDuplicateSeats
533
+ ? "center"
534
+ : "",
535
+ gap: "15px",
531
536
  } }, getSeatPrice()))),
532
537
  React.createElement("div", null,
533
538
  React.createElement("button", { onClick: () => (!isSoldOut ? checkMidnight() : null), disabled: serviceDetailsLoading, className: `w-full ${serviceDetailsLoading || isSoldOut
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "6.0.2",
3
+ "version": "6.0.4",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -934,10 +934,15 @@ function ServiceItemPB({
934
934
  getNumberOfSeats() < 3 ? "" : ""
935
935
  }`}
936
936
  style={
937
- getNumberOfSeats() < 2 ? { alignItems: "center" } : {}
937
+ getNumberOfSeats() < 2 || removeDuplicateSeats
938
+ ? { alignItems: "center" }
939
+ : {}
938
940
  }
939
941
  >
940
- <div className="flex flex-col justify-between">
942
+ <div
943
+ className="flex flex-col justify-between"
944
+ style={{ gap: "15px" }}
945
+ >
941
946
  {getSeatNames()}
942
947
  </div>
943
948
  <div
@@ -949,7 +954,11 @@ function ServiceItemPB({
949
954
  left: "clamp(75%, 75% + (100vw - 1300px) * 0.1, 80%)",
950
955
  // left: "68%",
951
956
  right: 0,
952
- justifyContent: getNumberOfSeats() < 2 ? "center" : "",
957
+ justifyContent:
958
+ getNumberOfSeats() < 2 || removeDuplicateSeats
959
+ ? "center"
960
+ : "",
961
+ gap: "15px",
953
962
  }}
954
963
  >
955
964
  {getSeatPrice()}