kupos-ui-components-lib 9.10.2 → 9.10.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 (3) hide show
  1. package/dist/ui/FeatureServiceUI/FeatureServiceUi.js +10 -9
  2. package/package.json +1 -1
  3. package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx +10 -8
package/dist/ui/FeatureServiceUI/FeatureServiceUi.js CHANGED
@@ -170,7 +170,7 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
170
170
  React.createElement("div", { className: "flex items-center gap-[8px]" },
171
171
  React.createElement("img", { src: (_f = serviceItem.icons) === null || _f === void 0 ? void 0 : _f.whiteDestination, alt: "destination", className: `w-[14px] h-[14px] shrink-0 ${isSoldOut ? "grayscale" : ""}`, style: { opacity: isSoldOut ? 0.5 : 1 } }),
172
172
  React.createElement("span", { className: "text-[13px] bold-text" }, cityDestination === null || cityDestination === void 0 ? void 0 : cityDestination.label.split(",")[0]))),
173
- React.createElement("div", { className: "flex flex-col gap-[8px]" },
173
+ React.createElement("div", { className: "flex flex-col gap-[10px]" },
174
174
  React.createElement("div", { className: "text-[12px] bold-text" }, travelDate
175
175
  ? new Date(travelDate).toLocaleDateString("es-CL", {
176
176
  weekday: "long",
@@ -192,15 +192,13 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
192
192
  } }, "Tu compra est\u00E1 100% asegurada.")))),
193
193
  React.createElement("div", { className: "min-w-0 px-[22px] flex flex-col items-center justify-between gap-[16px] py-[2px] border-r border-[#363c48] border-l border-[#363c48]" },
194
194
  React.createElement("div", { className: "text-center" },
195
- React.createElement("div", { className: "bold-text text-[14px]" },
195
+ React.createElement("div", { className: "bold-text text-[13px]" },
196
196
  operatorsCompetingCount,
197
- " operadores compitiendo",
198
- React.createElement("br", null),
199
- " por tu compra")),
197
+ " operadores compitiendo por tu compra")),
200
198
  React.createElement("div", { className: "grid w-full grid-cols-3 items-stretch gap-[14px] " }, operators.map((op, idx) => (React.createElement("div", { key: idx, className: "flex min-w-0 flex-col items-center justify-center gap-[8px] rounded-[8px]", style: {
201
199
  // height: "80px",
202
200
  border: "1px solid #363c48",
203
- backgroundColor: "#1a202e",
201
+ backgroundColor: "#fff",
204
202
  padding: "14px 10px",
205
203
  } },
206
204
  React.createElement("img", { src: op.logo, alt: op.name, onError: (e) => {
@@ -209,13 +207,16 @@ const FeatureServiceUi = ({ serviceItem, showTopLabel, isSoldOut, getAnimationIc
209
207
  ((_a = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.operator_details) === null || _a === void 0 ? void 0 : _a[0]) ||
210
208
  "/images/service-list/bus-icon.svg";
211
209
  }, className: `h-[24px] max-w-full object-contain ${isSoldOut ? "grayscale" : ""}` }),
212
- React.createElement("span", { className: "text-[11px] truncate max-w-full text-center" }, op.name),
210
+ React.createElement("span", { className: "text-[11px] truncate max-w-full text-center text-[#464647]" }, op.name),
213
211
  React.createElement("div", { className: "bg-[#FF8F45] text-white text-[12px] font-bold px-[10px] py-[4px] rounded-[4px] bold-text whitespace-nowrap" },
214
212
  React.createElement("span", null, op === null || op === void 0 ? void 0 : op.time)),
215
- React.createElement("span", { className: "text-[10px] mt-[6px]" }, op === null || op === void 0 ? void 0 : op.seatsAvailable))))),
216
- React.createElement("div", { className: "flex w-full items-center justify-center gap-[6px] text-[12px]", style: {
213
+ React.createElement("span", { className: "text-[10px] mt-[6px] text-[#464647]" }, op === null || op === void 0 ? void 0 : op.seatsAvailable))))),
214
+ React.createElement("div", { className: "flex w-full items-center justify-center gap-[6px] text-[12px] rounded-full", style: {
217
215
  padding: "8px 14px",
218
216
  marginBottom: "6px",
217
+ border: "1px solid #363c48",
218
+ backgroundColor: "#1a202e",
219
+ // padding: "14px 10px",
219
220
  } },
220
221
  React.createElement(LottiePlayer
221
222
  // animationData={serviceItem.icons.flexibleAnim}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "9.10.2",
3
+ "version": "9.10.3",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/FeatureServiceUI/FeatureServiceUi.tsx CHANGED
@@ -250,7 +250,7 @@ const FeatureServiceUi = ({
250
250
  </div>
251
251
  </div>
252
252
 
253
- <div className="flex flex-col gap-[8px]">
253
+ <div className="flex flex-col gap-[10px]">
254
254
  <div className="text-[12px] bold-text">
255
255
  {travelDate
256
256
  ? new Date(travelDate).toLocaleDateString("es-CL", {
@@ -363,9 +363,8 @@ const FeatureServiceUi = ({
363
363
  {/* MIDDLE: competing operators + viewers */}
364
364
  <div className="min-w-0 px-[22px] flex flex-col items-center justify-between gap-[16px] py-[2px] border-r border-[#363c48] border-l border-[#363c48]">
365
365
  <div className="text-center">
366
- <div className="bold-text text-[14px]">
367
- {operatorsCompetingCount} operadores compitiendo
368
- <br /> por tu compra
366
+ <div className="bold-text text-[13px]">
367
+ {operatorsCompetingCount} operadores compitiendo por tu compra
369
368
  </div>
370
369
  </div>
371
370
 
@@ -377,7 +376,7 @@ const FeatureServiceUi = ({
377
376
  style={{
378
377
  // height: "80px",
379
378
  border: "1px solid #363c48",
380
- backgroundColor: "#1a202e",
379
+ backgroundColor: "#fff",
381
380
  padding: "14px 10px",
382
381
  }}
383
382
  >
@@ -393,13 +392,13 @@ const FeatureServiceUi = ({
393
392
  isSoldOut ? "grayscale" : ""
394
393
  }`}
395
394
  />
396
- <span className="text-[11px] truncate max-w-full text-center">
395
+ <span className="text-[11px] truncate max-w-full text-center text-[#464647]">
397
396
  {op.name}
398
397
  </span>
399
398
  <div className="bg-[#FF8F45] text-white text-[12px] font-bold px-[10px] py-[4px] rounded-[4px] bold-text whitespace-nowrap">
400
399
  <span>{op?.time}</span>
401
400
  </div>
402
- <span className="text-[10px] mt-[6px]">
401
+ <span className="text-[10px] mt-[6px] text-[#464647]">
403
402
  {op?.seatsAvailable}
404
403
  </span>
405
404
  </div>
@@ -407,10 +406,13 @@ const FeatureServiceUi = ({
407
406
  </div>
408
407
 
409
408
  <div
410
- className="flex w-full items-center justify-center gap-[6px] text-[12px]"
409
+ className="flex w-full items-center justify-center gap-[6px] text-[12px] rounded-full"
411
410
  style={{
412
411
  padding: "8px 14px",
413
412
  marginBottom: "6px",
413
+ border: "1px solid #363c48",
414
+ backgroundColor: "#1a202e",
415
+ // padding: "14px 10px",
414
416
  }}
415
417
  >
416
418
  <LottiePlayer