kupos-ui-components-lib 9.8.10 → 9.9.1

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 (7) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +4 -2
  2. package/dist/ui/OfferBanner.js +1 -1
  3. package/dist/ui/SeatSection/SeatSection.js +2 -2
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +4 -2
  6. package/src/ui/OfferBanner.tsx +1 -1
  7. package/src/ui/SeatSection/SeatSection.tsx +2 -2
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -308,9 +308,11 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
308
308
  transition: "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
309
309
  position: "relative",
310
310
  zIndex: hasOfferText || hasDpEnabled ? 0 : -1,
311
- marginTop: isItemExpanded ? "" : "-6px",
311
+ // marginTop: isItemExpanded ? "" : "-6px",
312
312
  } },
313
- React.createElement("div", { style: Object.assign({ overflow: "hidden", minHeight: 0, marginTop: hasDpEnabled || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "" : "-10px" }, (hasOfferText || hasDpEnabled
313
+ React.createElement("div", { style: Object.assign({ overflow: "hidden", minHeight: 0, marginTop: isItemExpanded && !(hasDpEnabled || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text))
314
+ ? "-10px"
315
+ : "" }, (hasOfferText || hasDpEnabled
314
316
  ? {
315
317
  borderLeft: isSoldOut ? "" : "3px solid #ff5964",
316
318
  borderRight: isSoldOut ? "" : "3px solid #ff8842",
package/dist/ui/OfferBanner.js CHANGED
@@ -29,7 +29,7 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, renderIcon, isLogg
29
29
  " ",
30
30
  "\u00A0"),
31
31
  " ",
32
- (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "|" : "",
32
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "| " : "",
33
33
  "Termina en\u00A0",
34
34
  React.createElement("span", { className: "bold-text text-end", ref: (node) => CommonService.startCountdown(node, 599), style: {
35
35
  fontVariantNumeric: "tabular-nums",
package/dist/ui/SeatSection/SeatSection.js CHANGED
@@ -200,7 +200,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
200
200
  } }))),
201
201
  React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
202
202
  React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : "#ff5964" } },
203
- React.createElement("div", { className: "absolute", style: { left: isPeru ? "-1px" : "-19px", bottom: "1px" } }, renderIcon("fireIcon", "16px")),
203
+ React.createElement("div", { className: "absolute", style: { left: isPeru ? "-19px" : "-19px", bottom: "1px" } }, renderIcon("fireIcon", "16px")),
204
204
  availableSeats <= 0
205
205
  ? CommonService.currency(0, currencySign)
206
206
  : CommonService.discountedCurrency(Number(seatTypeFare), currencySign)))));
@@ -271,7 +271,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
271
271
  React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
272
272
  React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : discountSeatPriceColor } },
273
273
  React.createElement("div", { className: "absolute", style: {
274
- left: isPeru ? "-1px" : "-18px",
274
+ left: isPeru ? "-18px" : "-18px",
275
275
  bottom: "1px",
276
276
  } }, renderIcon("fireIcon", "16px")),
277
277
  availableSeats <= 0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.8.10",
3
+ "version": "9.9.1",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -632,7 +632,7 @@ function ServiceItemPB({
632
632
  "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
633
633
  position: "relative",
634
634
  zIndex: hasOfferText || hasDpEnabled ? 0 : -1,
635
- marginTop: isItemExpanded ? "" : "-6px",
635
+ // marginTop: isItemExpanded ? "" : "-6px",
636
636
  }}
637
637
  >
638
638
  <div
@@ -640,7 +640,9 @@ function ServiceItemPB({
640
640
  overflow: "hidden",
641
641
  minHeight: 0,
642
642
  marginTop:
643
- hasDpEnabled || serviceItem?.offer_text ? "" : "-10px",
643
+ isItemExpanded && !(hasDpEnabled || serviceItem?.offer_text)
644
+ ? "-10px"
645
+ : "",
644
646
  ...(hasOfferText || hasDpEnabled
645
647
  ? {
646
648
  borderLeft: isSoldOut ? "" : "3px solid #ff5964",
package/src/ui/OfferBanner.tsx CHANGED
@@ -84,7 +84,7 @@ const OfferBanner: React.FC<OfferBannerProps> = ({
84
84
  )}{" "}
85
85
  &nbsp;
86
86
  </span>{" "}
87
- {serviceItem?.offer_text ? "|" : ""}
87
+ {serviceItem?.offer_text ? "| " : ""}
88
88
  Termina en&nbsp;
89
89
  <span
90
90
  className="bold-text text-end"
package/src/ui/SeatSection/SeatSection.tsx CHANGED
@@ -386,7 +386,7 @@ function SeatSection({
386
386
  >
387
387
  <div
388
388
  className="absolute"
389
- style={{ left: isPeru ? "-1px" : "-19px", bottom: "1px" }}
389
+ style={{ left: isPeru ? "-19px" : "-19px", bottom: "1px" }}
390
390
  >
391
391
  {renderIcon("fireIcon", "16px")}
392
392
  </div>
@@ -543,7 +543,7 @@ function SeatSection({
543
543
  <div
544
544
  className="absolute"
545
545
  style={{
546
- left: isPeru ? "-1px" : "-18px",
546
+ left: isPeru ? "-18px" : "-18px",
547
547
  bottom: "1px",
548
548
  }}
549
549
  >