kupos-ui-components-lib 9.5.1 → 9.5.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.
Files changed (5) hide show
  1. package/dist/components/ServiceItem/ServiceItemMobile.js +3 -3
  2. package/dist/ui/mobileweb/SeatSectionMobile.js +6 -2
  3. package/package.json +1 -1
  4. package/src/components/ServiceItem/ServiceItemMobile.tsx +3 -3
  5. package/src/ui/mobileweb/SeatSectionMobile.tsx +12 -2
package/dist/components/ServiceItem/ServiceItemMobile.js CHANGED
@@ -91,10 +91,10 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
91
91
  (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
92
92
  showTopLabel
93
93
  ? "mt-[20px]"
94
- : "mt-[10px]"} `, style: { backgroundColor: "#fff", zIndex: 1 } },
95
- React.createElement("div", { className: `bg-white z-1 ${hasOfferText || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)
94
+ : "mt-[10px]"} `, style: { zIndex: 1 } },
95
+ React.createElement("div", { className: `z-1 ${hasOfferText || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)
96
96
  ? "rounded-[18px]"
97
- : "rounded-[10px] border border-[#ccc]"}`, style: serviceCardStyle },
97
+ : "rounded-[10px] border border-[#ccc]"}`, style: Object.assign(Object.assign({}, serviceCardStyle), { backgroundColor: "#fff" }) },
98
98
  React.createElement("div", { style: { padding: "12px 12px 8px 12px" } },
99
99
  React.createElement("div", { className: "flex justify-between items-center mb-[10px]" },
100
100
  React.createElement("div", { className: "flex items-center justify-center gap-x-4", style: {
package/dist/ui/mobileweb/SeatSectionMobile.js CHANGED
@@ -97,7 +97,9 @@ function SeatSectionMobile({ seatTypes: seatTypesData, isSoldOut, isPeru, seatPr
97
97
  ((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.icons) === null || _a === void 0 ? void 0 : _a.fireIcon) ? (React.createElement("img", { src: serviceItem.icons.fireIcon, alt: "dp", className: "h-[14px] w-[14px] object-contain", style: { filter: isSoldOut ? "grayscale(1)" : "" } })) : null,
98
98
  commonService.currency(discountedPrice, currencySign))),
99
99
  showLastSeats ? (React.createElement("div", { className: "flex justify-end" }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&
100
- (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[10px] text-[#464647] text-center mt-[3px]" }, "\u00A1\u00DAltimos Asientos!")))) : null,
100
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[10px] text-center mt-[3px]", style: {
101
+ color: tooltipBgColor,
102
+ } }, "\u00A1\u00DAltimos Asientos!")))) : null,
101
103
  isSoldOut ? (React.createElement("div", { className: "flex justify-end" },
102
104
  React.createElement("span", { className: "min-[420]:text-[13px] text-[12px] text-[#ccc]" }, "Agotado"))) : null));
103
105
  };
@@ -166,7 +168,9 @@ function SeatSectionMobile({ seatTypes: seatTypesData, isSoldOut, isPeru, seatPr
166
168
  } },
167
169
  renderSeats(),
168
170
  showLastSeats ? (React.createElement("div", { className: "flex justify-end " }, (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) < 10 &&
169
- (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[10px] text-[#464647] text-center" }, "\u00A1 \u00DAltimos Asientos!")))) : null,
171
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.available_seats) > 0 && (React.createElement("div", { className: "text-[10px] text-center", style: {
172
+ color: tooltipBgColor,
173
+ } }, "\u00A1 \u00DAltimos Asientos!")))) : null,
170
174
  isSoldOut ? (React.createElement("div", { className: "flex justify-end" },
171
175
  React.createElement("span", { className: "min-[420]:text-[13px] text-[12px] text-[#ccc]" }, "Agotado"))) : null))));
172
176
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.5.1",
3
+ "version": "9.5.3",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemMobile.tsx CHANGED
@@ -161,15 +161,15 @@ function ServiceItemMobile({
161
161
  ? "mt-[20px]"
162
162
  : "mt-[10px]"
163
163
  } `}
164
- style={{ backgroundColor: "#fff", zIndex: 1 }}
164
+ style={{ zIndex: 1 }}
165
165
  >
166
166
  <div
167
- className={`bg-white z-1 ${
167
+ className={`z-1 ${
168
168
  hasOfferText || serviceItem?.is_dp_enabled
169
169
  ? "rounded-[18px]"
170
170
  : "rounded-[10px] border border-[#ccc]"
171
171
  }`}
172
- style={serviceCardStyle}
172
+ style={{ ...serviceCardStyle, backgroundColor: "#fff" }}
173
173
  >
174
174
  <div style={{ padding: "12px 12px 8px 12px" }}>
175
175
  {/* Header with operator info and favorite */}
package/src/ui/mobileweb/SeatSectionMobile.tsx CHANGED
@@ -243,7 +243,12 @@ function SeatSectionMobile({
243
243
  <div className="flex justify-end">
244
244
  {serviceItem?.available_seats < 10 &&
245
245
  serviceItem?.available_seats > 0 && (
246
- <div className="text-[10px] text-[#464647] text-center mt-[3px]">
246
+ <div
247
+ className="text-[10px] text-center mt-[3px]"
248
+ style={{
249
+ color: tooltipBgColor,
250
+ }}
251
+ >
247
252
  ¡Últimos Asientos!
248
253
  </div>
249
254
  )}
@@ -436,7 +441,12 @@ function SeatSectionMobile({
436
441
  <div className="flex justify-end ">
437
442
  {serviceItem?.available_seats < 10 &&
438
443
  serviceItem?.available_seats > 0 && (
439
- <div className="text-[10px] text-[#464647] text-center">
444
+ <div
445
+ className="text-[10px] text-center"
446
+ style={{
447
+ color: tooltipBgColor,
448
+ }}
449
+ >
440
450
  ¡ Últimos Asientos!
441
451
  </div>
442
452
  )}