kupos-ui-components-lib 9.10.7 → 9.10.8

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/ui/SeatSection/SeatSection.js +3 -2
  2. package/package.json +1 -1
  3. package/src/ui/SeatSection/SeatSection.tsx +3 -2
package/dist/ui/SeatSection/SeatSection.js CHANGED
@@ -147,9 +147,10 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
147
147
  React.createElement("div", { className: "col-start-1 row-start-3 flex h-[20px] items-end" },
148
148
  React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] text-[#464647]" }, "Desde")),
149
149
  React.createElement("div", { className: "col-start-2 row-start-1 flex items-center justify-center absolute", style: { top: "-22px", left: "50%", transform: "translateX(-50%)" } }, !isNaN(Number(dpDiscountPercent)) &&
150
- Number(dpDiscountPercent) > 0 && (React.createElement("span", { className: `rounded-[100px] ${discountSeatPriceColor} bg-[#ff5964] px-[6px] text-[12px] bold-text leading-[20px] text-white`, style: {
150
+ Number(dpDiscountPercent) > 0 && (React.createElement("span", { className: `rounded-[100px] px-[6px] text-[12px] bold-text leading-[20px] text-white`, style: {
151
151
  animation: "pulse-zoom 2s ease-in-out infinite",
152
152
  whiteSpace: "nowrap",
153
+ backgroundColor: discountSeatPriceColor || "#ff5964",
153
154
  } },
154
155
  Math.round(Number(dpDiscountPercent)),
155
156
  "% OFF"))),
@@ -167,7 +168,7 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
167
168
  transformOrigin: "center",
168
169
  } }))),
169
170
  React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
170
- React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : "#ff5964" } },
171
+ React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : dpSeatColor || "#ff5964" } },
171
172
  React.createElement("div", { className: "absolute", style: { left: isPeru ? "-1px" : "-19px", bottom: "1px" } }, renderIcon("fireIcon", "16px")),
172
173
  availableSeats <= 0
173
174
  ? CommonService.currency(0, currencySign)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.10.7",
3
+ "version": "9.10.8",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/SeatSection/SeatSection.tsx CHANGED
@@ -279,10 +279,11 @@ function SeatSection({
279
279
  {!isNaN(Number(dpDiscountPercent)) &&
280
280
  Number(dpDiscountPercent) > 0 && (
281
281
  <span
282
- className={`rounded-[100px] ${discountSeatPriceColor} bg-[#ff5964] px-[6px] text-[12px] bold-text leading-[20px] text-white`}
282
+ className={`rounded-[100px] px-[6px] text-[12px] bold-text leading-[20px] text-white`}
283
283
  style={{
284
284
  animation: "pulse-zoom 2s ease-in-out infinite",
285
285
  whiteSpace: "nowrap",
286
+ backgroundColor: discountSeatPriceColor || "#ff5964",
286
287
  }}
287
288
  >
288
289
  {Math.round(Number(dpDiscountPercent))}% OFF
@@ -317,7 +318,7 @@ function SeatSection({
317
318
  <div className="col-start-2 row-start-3 flex h-[30px] items-end justify-center relative">
318
319
  <span
319
320
  className="flex items-center gap-[6px] text-[22px] bold-text leading-[30px]"
320
- style={{ color: isSoldOut ? "#c0c0c0" : "#ff5964" }}
321
+ style={{ color: isSoldOut ? "#c0c0c0" : dpSeatColor||"#ff5964" }}
321
322
  >
322
323
  <div
323
324
  className="absolute"