kupos-ui-components-lib 3.0.2 → 3.0.3

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.
@@ -454,7 +454,9 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
454
454
  React.createElement(LottiePlayer, { animationData: serviceItem.icons.promoAnim, width: "18px", height: "18px" }),
455
455
  React.createElement("span", { className: "ml-[10px]" }, serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text))),
456
456
  React.createElement("div", { className: "absolute -top-[13px] left-0 w-full flex items-center justify-end gap-[12px] pr-[15px] z-10 " },
457
- showTopLabel && (React.createElement("div", { className: `flex items-center gap-[10px] py-[5px] px-[14px] rounded-[38px] text-[13.33px] z-20`, style: { backgroundColor: !isSoldOut && colors.ratingBottomColor } },
457
+ showTopLabel && (React.createElement("div", { className: `flex items-center gap-[10px] py-[5px] px-[14px] rounded-[38px] text-[13.33px] z-20`, style: {
458
+ backgroundColor: isSoldOut ? "#ddd" : colors.ratingBottomColor,
459
+ } },
458
460
  React.createElement("div", { className: isSoldOut ? "grayscale" : "" },
459
461
  React.createElement(LottiePlayer, { animationData: serviceItem.icons.priorityStageAnim, width: "16px", height: "16px" })),
460
462
  React.createElement("div", { className: isSoldOut ? "text-white" : `text-[${colors.topLabelColor}]` }, showTopLabel))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "3.0.2",
3
+ "version": "3.0.3",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -988,7 +988,9 @@ function ServiceItemPB({
988
988
  {showTopLabel && (
989
989
  <div
990
990
  className={`flex items-center gap-[10px] py-[5px] px-[14px] rounded-[38px] text-[13.33px] z-20`}
991
- style={{ backgroundColor: !isSoldOut && colors.ratingBottomColor }}
991
+ style={{
992
+ backgroundColor: isSoldOut ? "#ddd" : colors.ratingBottomColor,
993
+ }}
992
994
  >
993
995
  <div className={isSoldOut ? "grayscale" : ""}>
994
996
  <LottiePlayer