kupos-ui-components-lib 10.1.10 → 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 +4 -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 -8
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,8 +25,9 @@ const NewUiOfferBanner = ({ offerText, isLoggedIn, showLoginModal, showLoginOpti
25
25
  truncateOfferText(offerText),
26
26
  " ",
27
27
  !hideRegister &&
28
- (isLoggedIn && showLoginOption ? null : ((showLoginOption &&
29
- 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"))),
30
31
  " ",
31
32
  "\u00A0"),
32
33
  " ",
@@ -73,7 +74,7 @@ const OfferBanner = ({ offerGradient, isSoldOut, serviceItem, isLoggedIn, showLo
73
74
  }
74
75
  return null;
75
76
  };
76
- 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: {
77
78
  background,
78
79
  opacity: isSoldOut ? 0.5 : 1,
79
80
  zIndex: isLinatal ? "-1" : "0",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.1.10",
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
@@ -98,7 +98,7 @@ const NewUiOfferBanner: React.FC<NewUiOfferBannerProps> = ({
98
98
  showLoginModal,
99
99
  showLoginOption,
100
100
  getAnimationIcon,
101
- hideRegister,
101
+ hideRegister,
102
102
  }) => (
103
103
  <div className="flex items-center">
104
104
  <AnimationIcon getAnimationIcon={getAnimationIcon} name="bombAnimation" />
@@ -109,12 +109,13 @@ hideRegister,
109
109
  >
110
110
  {truncateOfferText(offerText)}{" "}
111
111
  {!hideRegister &&
112
- (isLoggedIn && showLoginOption ? null : (
113
- (showLoginOption &&
114
- <span onClick={showLoginModal} className="cursor-pointer">
115
- - registro
116
- </span>)
117
- ))}{" "}
112
+ (isLoggedIn && showLoginOption
113
+ ? null
114
+ : showLoginOption && (
115
+ <span onClick={showLoginModal} className="cursor-pointer">
116
+ - registro
117
+ </span>
118
+ ))}{" "}
118
119
  &nbsp;
119
120
  </span>{" "}
120
121
  {offerText ? "| " : ""}
@@ -254,7 +255,7 @@ const OfferBanner: React.FC<OfferBannerProps> = ({
254
255
 
255
256
  return (
256
257
  <div
257
- 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]`}
258
259
  style={{
259
260
  background,
260
261
  opacity: isSoldOut ? 0.5 : 1,