kupos-ui-components-lib 10.1.9 → 10.2.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.
Files changed (8) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +1 -1
  2. package/dist/components/ServiceItem/ServiceItemMobile.js +1 -1
  3. package/dist/styles.css +6 -6
  4. package/dist/ui/OfferBanner.js +5 -3
  5. package/package.json +1 -1
  6. package/src/components/ServiceItem/ServiceItemDesktop.tsx +1 -1
  7. package/src/components/ServiceItem/ServiceItemMobile.tsx +1 -1
  8. package/src/ui/OfferBanner.tsx +9 -7
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -296,7 +296,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
296
296
  : serviceItem.id), selectedTimeSlot: selectedTimeSlot, onTimeSlotChange: onTimeSlotChange, isTimeDropdownOpen: isTimeDropdownOpen, onTimeDropdownToggle: onTimeDropdownToggle, wowDealData: wowDealData })) : (React.createElement("div", { className: `relative hover:z-[150] ${(hasOfferText || hasDpEnabled || isNewUiEnabled) && !isSoldOut ? "mb-[55px]" : "mb-[20px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
297
297
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
298
298
  showTopLabel
299
- ? "mt-[30px]"
299
+ ? "mt-[25px]"
300
300
  : "mt-[20px]"} ` },
301
301
  ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || hasDpEnabled) && !isSoldOut && (React.createElement(OfferBanner, { offerGradient: offerGradient, isSoldOut: isSoldOut, serviceItem: serviceItem, renderIcon: renderIcon, isLoggedIn: isLoggedIn, showLoginModal: showLoginModal, viewersConfig: viewersConfig, getAnimationIcon: getAnimationIcon, showLoginOption: showLoginOption, isNewUiEnabled: isNewUiEnabled, colors: colors, isLinatal: isLinatal, coachKey: coachKey })),
302
302
  React.createElement("div", { id: `service-card-${serviceItem.id}`, className: `bg-white mx-auto relative ${((hasOfferText && isNewUiEnabled) || hasDpEnabled) && !isSoldOut
package/dist/components/ServiceItem/ServiceItemMobile.js CHANGED
@@ -126,7 +126,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
126
126
  React.createElement("div", { className: "flex items-center justify-center gap-x-4", style: {
127
127
  marginBottom: (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || hasDiscount ? "10px" : "",
128
128
  } },
129
- React.createElement("div", { className: `w-[115px] ${isFlores ? "" : "overflow-y-hidden"} h-[22px]` },
129
+ React.createElement("div", { className: `w-[auto] ${isFlores ? "" : "overflow-y-hidden"} h-[30px]` },
130
130
  React.createElement("img", { src: serviceItem.operator_details[0], alt: "service logo", className: `w-[100px] h-auto object-contain ${isSoldOut ? "grayscale" : ""}` })),
131
131
  isCiva ? (React.createElement("div", { className: "black-text min-[420]:text-[12px] text-[12px]" }, serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.operator_details[2])) : showRating ? (React.createElement("div", { className: "flex min-[420]:text-[13px] text-[12px] h-[22px] items-center" },
132
132
  React.createElement("div", { className: "flex items-center" },
package/dist/styles.css CHANGED
@@ -87,15 +87,15 @@
87
87
  .-bottom-\[30px\] {
88
88
  bottom: calc(30px * -1);
89
89
  }
90
+ .-bottom-\[32px\] {
91
+ bottom: calc(32px * -1);
92
+ }
90
93
  .-bottom-\[35px\] {
91
94
  bottom: calc(35px * -1);
92
95
  }
93
96
  .-bottom-\[36px\] {
94
97
  bottom: calc(36px * -1);
95
98
  }
96
- .-bottom-\[40px\] {
97
- bottom: calc(40px * -1);
98
- }
99
99
  .bottom-\[11px\] {
100
100
  bottom: 11px;
101
101
  }
@@ -243,6 +243,9 @@
243
243
  .mt-\[24px\] {
244
244
  margin-top: 24px;
245
245
  }
246
+ .mt-\[25px\] {
247
+ margin-top: 25px;
248
+ }
246
249
  .mt-\[30px\] {
247
250
  margin-top: 30px;
248
251
  }
@@ -471,9 +474,6 @@
471
474
  .w-\[100px\] {
472
475
  width: 100px;
473
476
  }
474
- .w-\[115px\] {
475
- width: 115px;
476
- }
477
477
  .w-\[150px\] {
478
478
  width: 150px;
479
479
  }
package/dist/ui/OfferBanner.js CHANGED
@@ -25,7 +25,9 @@ const NewUiOfferBanner = ({ offerText, isLoggedIn, showLoginModal, showLoginOpti
25
25
  truncateOfferText(offerText),
26
26
  " ",
27
27
  !hideRegister &&
28
- (isLoggedIn && showLoginOption ? null : (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro"))),
28
+ (isLoggedIn && showLoginOption
29
+ ? null
30
+ : showLoginOption && (React.createElement("span", { onClick: showLoginModal, className: "cursor-pointer" }, "- registro"))),
29
31
  " ",
30
32
  "\u00A0"),
31
33
  " ",
@@ -72,10 +74,10 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, isLoggedIn, showLo
72
74
  }
73
75
  return null;
74
76
  };
75
- return (React.createElement("div", { className: `text-white w-full absolute ${coachKey ? "-bottom-[29px]" : "-bottom-[40px]"} rounded-b-[14px] text-[14px] h-[58px] flex items-end pb-[7px]`, style: {
77
+ return (React.createElement("div", { className: `text-white w-full absolute ${coachKey ? "-bottom-[29px]" : "-bottom-[32px]"} rounded-b-[14px] text-[14px] h-[58px] flex items-end pb-[7px]`, style: {
76
78
  background,
77
79
  opacity: isSoldOut ? 0.5 : 1,
78
- zIndex: isLinatal ? "-1" : "-1",
80
+ zIndex: isLinatal ? "-1" : "0",
79
81
  } },
80
82
  React.createElement("div", { className: "flex items-center w-full gap-[20px] px-[15px] justify-between" },
81
83
  React.createElement("div", { className: "flex items-center justify-start" }, renderLeftContent()),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.1.9",
3
+ "version": "10.2.0",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -539,7 +539,7 @@ function ServiceItemPB({
539
539
  serviceItem?.is_direct_trip ||
540
540
  serviceItem?.train_type_label === "Tren Express (Nuevo)" ||
541
541
  showTopLabel
542
- ? "mt-[30px]"
542
+ ? "mt-[25px]"
543
543
  : "mt-[20px]"
544
544
  } `}
545
545
  >
package/src/components/ServiceItem/ServiceItemMobile.tsx CHANGED
@@ -266,7 +266,7 @@ function ServiceItemMobile({
266
266
  }}
267
267
  >
268
268
  <div
269
- className={`w-[115px] ${isFlores ? "" : "overflow-y-hidden"} h-[22px]`}
269
+ className={`w-[auto] ${isFlores ? "" : "overflow-y-hidden"} h-[30px]`}
270
270
  >
271
271
  <img
272
272
  src={serviceItem.operator_details[0]}
package/src/ui/OfferBanner.tsx CHANGED
@@ -109,11 +109,13 @@ const NewUiOfferBanner: React.FC<NewUiOfferBannerProps> = ({
109
109
  >
110
110
  {truncateOfferText(offerText)}{" "}
111
111
  {!hideRegister &&
112
- (isLoggedIn && showLoginOption ? null : (
113
- <span onClick={showLoginModal} className="cursor-pointer">
114
- - registro
115
- </span>
116
- ))}{" "}
112
+ (isLoggedIn && showLoginOption
113
+ ? null
114
+ : showLoginOption && (
115
+ <span onClick={showLoginModal} className="cursor-pointer">
116
+ - registro
117
+ </span>
118
+ ))}{" "}
117
119
  &nbsp;
118
120
  </span>{" "}
119
121
  {offerText ? "| " : ""}
@@ -253,11 +255,11 @@ const OfferBanner: React.FC<OfferBannerProps> = ({
253
255
 
254
256
  return (
255
257
  <div
256
- className={`text-white w-full absolute ${coachKey ? "-bottom-[29px]" : "-bottom-[40px]"} rounded-b-[14px] text-[14px] h-[58px] flex items-end pb-[7px]`}
258
+ className={`text-white w-full absolute ${coachKey ? "-bottom-[29px]" : "-bottom-[32px]"} rounded-b-[14px] text-[14px] h-[58px] flex items-end pb-[7px]`}
257
259
  style={{
258
260
  background,
259
261
  opacity: isSoldOut ? 0.5 : 1,
260
- zIndex: isLinatal ? "-1" : "-1",
262
+ zIndex: isLinatal ? "-1" : "0",
261
263
  }}
262
264
  >
263
265
  <div className="flex items-center w-full gap-[20px] px-[15px] justify-between">