kupos-ui-components-lib 9.4.10 → 9.5.0

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.
@@ -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]"
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
  }
@@ -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.0",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -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
@@ -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={