kupos-ui-components-lib 9.4.10 → 9.5.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 (6) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +4 -2
  2. package/dist/styles.css +2 -5
  3. package/dist/ui/AmenitiesBlock.js +1 -1
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +4 -2
  6. package/src/ui/AmenitiesBlock.tsx +1 -1
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -235,7 +235,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
235
235
  },
236
236
  ];
237
237
  const otherItems = items.filter((i) => i.key !== "pet" && i.key !== "flexible" && !!i.condition);
238
- return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus })) : (React.createElement("div", { className: `relative hover:z-[10] ${hasOfferText || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) ? "mb-[55px]" : "mb-[10px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
238
+ return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus })) : (React.createElement("div", { className: `relative hover:z-[150] ${hasOfferText || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) ? "mb-[55px]" : "mb-[10px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
239
239
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
240
240
  showTopLabel
241
241
  ? "mt-[24px]"
@@ -249,7 +249,9 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
249
249
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ||
250
250
  hasDiscount
251
251
  ? "20px 15px 10px 15px"
252
- : "20px 15px 10px 15px",
252
+ : coachKey
253
+ ? "20px 15px 20px 15px"
254
+ : "20px 15px 10px 15px",
253
255
  marginTop: hasDiscount || hasOfferText ? "14px" : "",
254
256
  } },
255
257
  React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:22%_28%_2.5%_24%_15.5%] gap-x-[2%] items-center" },
package/dist/styles.css CHANGED
@@ -141,9 +141,6 @@
141
141
  .z-\[100\] {
142
142
  z-index: 100;
143
143
  }
144
- .z-\[200\] {
145
- z-index: 200;
146
- }
147
144
  .col-span-2 {
148
145
  grid-column: span 2 / span 2;
149
146
  }
@@ -1036,10 +1033,10 @@
1036
1033
  }
1037
1034
  }
1038
1035
  }
1039
- .hover\:z-\[10\] {
1036
+ .hover\:z-\[150\] {
1040
1037
  &:hover {
1041
1038
  @media (hover: hover) {
1042
- z-index: 10;
1039
+ z-index: 150;
1043
1040
  }
1044
1041
  }
1045
1042
  }
package/dist/ui/AmenitiesBlock.js CHANGED
@@ -72,7 +72,7 @@ const AmenitiesBlock = ({ serviceItem, metaData, isSoldOut, colors, isPeru, getA
72
72
  React.createElement(TooltipArrow, { color: colors.tooltipColor }),
73
73
  React.createElement("div", { className: "text-xs whitespace-nowrap" }, getAmenityName(baseName.split("_").join(" "))))));
74
74
  }),
75
- shouldShowPlus && (React.createElement("div", { className: "relative ml-1 cursor-pointer z-[200] hover:z-[500]" },
75
+ shouldShowPlus && (React.createElement("div", { className: "relative ml-1 cursor-pointer hover:z-[500]" },
76
76
  React.createElement("div", { className: "relative group cursor-pointer" },
77
77
  React.createElement("img", { src: ((_c = serviceItem.icons) === null || _c === void 0 ? void 0 : _c.plus) ||
78
78
  "/images/icons/amenities/icon_plus.svg", className: "w-[16px] h-[16px] z-[100]", alt: "plus", style: { opacity: isSoldOut ? 0.5 : 1 } }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.4.10",
3
+ "version": "9.5.1",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -405,7 +405,7 @@ function ServiceItemPB({
405
405
  />
406
406
  ) : (
407
407
  <div
408
- className={`relative hover:z-[10] ${hasOfferText || serviceItem?.is_dp_enabled ? "mb-[55px]" : "mb-[10px]"} ${
408
+ className={`relative hover:z-[150] ${hasOfferText || serviceItem?.is_dp_enabled ? "mb-[55px]" : "mb-[10px]"} ${
409
409
  serviceItem?.is_direct_trip ||
410
410
  serviceItem?.train_type_label === "Tren Express (Nuevo)" ||
411
411
  showTopLabel
@@ -442,7 +442,9 @@ function ServiceItemPB({
442
442
  serviceItem?.offer_text ||
443
443
  hasDiscount
444
444
  ? "20px 15px 10px 15px"
445
- : "20px 15px 10px 15px",
445
+ : coachKey
446
+ ? "20px 15px 20px 15px"
447
+ : "20px 15px 10px 15px",
446
448
 
447
449
  marginTop: hasDiscount || hasOfferText ? "14px" : "",
448
450
  }}
package/src/ui/AmenitiesBlock.tsx CHANGED
@@ -130,7 +130,7 @@ const AmenitiesBlock = ({
130
130
 
131
131
  {/* PLUS ICON */}
132
132
  {shouldShowPlus && (
133
- <div className="relative ml-1 cursor-pointer z-[200] hover:z-[500]">
133
+ <div className="relative ml-1 cursor-pointer hover:z-[500]">
134
134
  <div className="relative group cursor-pointer">
135
135
  <img
136
136
  src={