kupos-ui-components-lib 10.4.41 → 10.4.42
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.
|
@@ -268,17 +268,18 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
|
|
|
268
268
|
Math.round(Number(dpDiscountPercent)),
|
|
269
269
|
"% OFF"))),
|
|
270
270
|
React.createElement("div", { className: "col-start-2 row-start-2 flex items-center justify-center", style: { textAlign: "center" } },
|
|
271
|
-
React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] text-[#9f9f9f] relative", style: { position: "relative" } },
|
|
271
|
+
React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] text-[#9f9f9f] relative", style: { position: "relative", display: "inline-block" } },
|
|
272
272
|
formatPrice(Number(originalDpPrice)),
|
|
273
|
-
React.createElement("span", { style: {
|
|
273
|
+
React.createElement("span", { "aria-hidden": "true", style: {
|
|
274
274
|
position: "absolute",
|
|
275
275
|
left: "-2px",
|
|
276
|
+
right: "-2px",
|
|
276
277
|
top: "50%",
|
|
277
|
-
width: "calc(100% + 4px)",
|
|
278
278
|
height: "1px",
|
|
279
|
-
backgroundColor: discountSeatPriceColor,
|
|
279
|
+
backgroundColor: discountSeatPriceColor || "#ff5c60",
|
|
280
280
|
transform: "rotate(-10deg)",
|
|
281
281
|
transformOrigin: "center",
|
|
282
|
+
pointerEvents: "none",
|
|
282
283
|
} }))),
|
|
283
284
|
React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
|
|
284
285
|
React.createElement("span", { className: "flex items-center gap-[6px] text-[22px] bold-text leading-[30px]", style: { color: isSoldOut ? "#c0c0c0" : dpSeatColor || "#ff5964" } },
|
|
@@ -349,18 +350,20 @@ function SeatSection({ seatTypes, availableSeats, isSoldOut, priceColor, currenc
|
|
|
349
350
|
(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.ui_type) === 1 ? null : (React.createElement("div", { className: "col-start-2 row-start-2 flex items-center justify-center ", style: { textAlign: "center" } },
|
|
350
351
|
React.createElement("span", { className: "text-[13.33px] font-normal leading-[20px] relative whitespace-nowrap", style: {
|
|
351
352
|
position: "relative",
|
|
353
|
+
display: "inline-block",
|
|
352
354
|
color: discountSeatCrossPriceColor,
|
|
353
355
|
} },
|
|
354
356
|
formatPrice(discountSeat.originalPrice),
|
|
355
|
-
React.createElement("span", { style: {
|
|
357
|
+
React.createElement("span", { "aria-hidden": "true", style: {
|
|
356
358
|
position: "absolute",
|
|
357
359
|
left: "-2px",
|
|
360
|
+
right: "-2px",
|
|
358
361
|
top: "50%",
|
|
359
|
-
width: "calc(100% + 4px)",
|
|
360
362
|
height: "1px",
|
|
361
|
-
backgroundColor: discountSeatCrossPriceColor,
|
|
363
|
+
backgroundColor: discountSeatCrossPriceColor || "#ff5c60",
|
|
362
364
|
transform: "rotate(-10deg)",
|
|
363
365
|
transformOrigin: "center",
|
|
366
|
+
pointerEvents: "none",
|
|
364
367
|
} })))),
|
|
365
368
|
React.createElement("div", { className: "col-start-2 row-start-3 flex h-[30px] items-end justify-center relative" },
|
|
366
369
|
React.createElement("span", { className: "flex items-center gap-[6px] bold-text leading-[30px]", style: {
|
|
@@ -246,7 +246,7 @@ function SeatSectionMobile({ seatTypes: seatTypesData, isSoldOut, isPeru, seatPr
|
|
|
246
246
|
left: "50%",
|
|
247
247
|
width: "80%",
|
|
248
248
|
height: "1px",
|
|
249
|
-
background: discountSeatPriceColor,
|
|
249
|
+
background: discountSeatPriceColor || "#ff5c60",
|
|
250
250
|
transform: "rotate(-12deg)",
|
|
251
251
|
transformOrigin: "center",
|
|
252
252
|
} })),
|
|
@@ -282,7 +282,7 @@ function SeatSectionMobile({ seatTypes: seatTypesData, isSoldOut, isPeru, seatPr
|
|
|
282
282
|
left: "50%",
|
|
283
283
|
width: "80%",
|
|
284
284
|
height: "1px",
|
|
285
|
-
background: discountSeatCrossPriceColor,
|
|
285
|
+
background: discountSeatCrossPriceColor || "#ff5c60",
|
|
286
286
|
transform: "rotate(-12deg)",
|
|
287
287
|
transformOrigin: "center",
|
|
288
288
|
} })))),
|
package/package.json
CHANGED
|
@@ -516,19 +516,21 @@ function SeatSection({
|
|
|
516
516
|
>
|
|
517
517
|
<span
|
|
518
518
|
className="text-[13.33px] font-normal leading-[20px] text-[#9f9f9f] relative"
|
|
519
|
-
style={{ position: "relative" }}
|
|
519
|
+
style={{ position: "relative", display: "inline-block" }}
|
|
520
520
|
>
|
|
521
521
|
{formatPrice(Number(originalDpPrice))}
|
|
522
522
|
<span
|
|
523
|
+
aria-hidden="true"
|
|
523
524
|
style={{
|
|
524
525
|
position: "absolute",
|
|
525
526
|
left: "-2px",
|
|
527
|
+
right: "-2px",
|
|
526
528
|
top: "50%",
|
|
527
|
-
width: "calc(100% + 4px)",
|
|
528
529
|
height: "1px",
|
|
529
|
-
backgroundColor: discountSeatPriceColor,
|
|
530
|
+
backgroundColor: discountSeatPriceColor || "#ff5c60",
|
|
530
531
|
transform: "rotate(-10deg)",
|
|
531
532
|
transformOrigin: "center",
|
|
533
|
+
pointerEvents: "none",
|
|
532
534
|
}}
|
|
533
535
|
/>
|
|
534
536
|
</span>
|
|
@@ -694,20 +696,23 @@ function SeatSection({
|
|
|
694
696
|
className="text-[13.33px] font-normal leading-[20px] relative whitespace-nowrap"
|
|
695
697
|
style={{
|
|
696
698
|
position: "relative",
|
|
699
|
+
display: "inline-block",
|
|
697
700
|
color: discountSeatCrossPriceColor,
|
|
698
701
|
}}
|
|
699
702
|
>
|
|
700
703
|
{formatPrice(discountSeat.originalPrice)}
|
|
701
704
|
<span
|
|
705
|
+
aria-hidden="true"
|
|
702
706
|
style={{
|
|
703
707
|
position: "absolute",
|
|
704
708
|
left: "-2px",
|
|
709
|
+
right: "-2px",
|
|
705
710
|
top: "50%",
|
|
706
|
-
width: "calc(100% + 4px)",
|
|
707
711
|
height: "1px",
|
|
708
|
-
backgroundColor: discountSeatCrossPriceColor,
|
|
712
|
+
backgroundColor: discountSeatCrossPriceColor || "#ff5c60",
|
|
709
713
|
transform: "rotate(-10deg)",
|
|
710
714
|
transformOrigin: "center",
|
|
715
|
+
pointerEvents: "none",
|
|
711
716
|
}}
|
|
712
717
|
/>
|
|
713
718
|
</span>
|
|
@@ -568,7 +568,7 @@ function SeatSectionMobile({
|
|
|
568
568
|
left: "50%",
|
|
569
569
|
width: "80%",
|
|
570
570
|
height: "1px",
|
|
571
|
-
background: discountSeatPriceColor,
|
|
571
|
+
background: discountSeatPriceColor || "#ff5c60",
|
|
572
572
|
transform: "rotate(-12deg)",
|
|
573
573
|
transformOrigin: "center",
|
|
574
574
|
}}
|
|
@@ -654,7 +654,7 @@ function SeatSectionMobile({
|
|
|
654
654
|
left: "50%",
|
|
655
655
|
width: "80%",
|
|
656
656
|
height: "1px",
|
|
657
|
-
background: discountSeatCrossPriceColor,
|
|
657
|
+
background: discountSeatCrossPriceColor || "#ff5c60",
|
|
658
658
|
transform: "rotate(-12deg)",
|
|
659
659
|
transformOrigin: "center",
|
|
660
660
|
}}
|