kupos-ui-components-lib 9.4.1 → 9.4.2

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 +2 -1
  2. package/package.json +1 -1
  3. package/src/components/ServiceItem/ServiceItemDesktop.tsx +2 -1
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -273,7 +273,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
273
273
  opacity: isItemExpanded ? 1 : 0,
274
274
  transition: "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
275
275
  position: "relative",
276
- zIndex: 1,
276
+ zIndex: hasOfferText ? 1 : -1,
277
277
  } },
278
278
  React.createElement("div", { style: Object.assign({ overflow: "hidden", minHeight: 0, marginTop: "-10px" }, (hasOfferText || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)
279
279
  ? {
@@ -288,6 +288,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
288
288
  ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)) && (React.createElement("div", { className: "text-white p-[10px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px] rounded-b-[14px] text-[14px]", style: {
289
289
  background: offerGradient,
290
290
  opacity: isSoldOut ? 0.5 : 1,
291
+ zIndex: hasOfferText ? 2 : -2,
291
292
  } },
292
293
  React.createElement("div", { className: "flex justify-between items-center w-full" },
293
294
  React.createElement("div", { className: "flex items-center " }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) ? (React.createElement("div", { className: "flex items-center gap-[3px]" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.4.1",
3
+ "version": "9.4.2",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -575,7 +575,7 @@ function ServiceItemPB({
575
575
  transition:
576
576
  "grid-template-rows 0.3s ease-in-out, opacity 0.25s ease-in-out",
577
577
  position: "relative",
578
- zIndex: 1,
578
+ zIndex: hasOfferText ? 1 : -1,
579
579
  }}
580
580
  >
581
581
  <div
@@ -612,6 +612,7 @@ function ServiceItemPB({
612
612
  style={{
613
613
  background: offerGradient,
614
614
  opacity: isSoldOut ? 0.5 : 1,
615
+ zIndex: hasOfferText ? 2 : -2,
615
616
  }}
616
617
  >
617
618
  <div className="flex justify-between items-center w-full">