kupos-ui-components-lib 5.0.7 → 5.0.9

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 (4) hide show
  1. package/dist/components/ServiceItem/ServiceItemMobile.js +3 -2
  2. package/dist/styles.css +3 -0
  3. package/package.json +1 -1
  4. package/src/components/ServiceItem/ServiceItemMobile.tsx +3 -4
package/dist/components/ServiceItem/ServiceItemMobile.js CHANGED
@@ -300,7 +300,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
300
300
  React.createElement("div", { className: `h-auto mr-[4px] min-[420]:text-[13px] text-[11px] text-[#464647] ${isSoldOut ? "grayscale" : ""}` },
301
301
  React.createElement(LottiePlayer, { animationData: serviceItem.icons.locationAnim, width: "20px", height: "20px" })))),
302
302
  (serviceItem.is_change_ticket || isPetSeat) && (React.createElement("img", { src: serviceItem.icons.plus, alt: "icon", width: 11 })))))),
303
- (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) && (React.createElement("div", { className: ` text-white p-[10px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px] z-10 rounded-b-[14px] min-[420]:text-[14px] text-[12px]`, style: {
303
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) && (React.createElement("div", { className: ` text-white p-[5px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px] z-10 rounded-b-[14px] min-[420]:text-[14px] text-[12px]`, style: {
304
304
  backgroundColor: isSoldOut ? "#ccc" : colors === null || colors === void 0 ? void 0 : colors.bottomStripColor,
305
305
  zIndex: -1,
306
306
  color: "#fff",
@@ -321,8 +321,9 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
321
321
  } },
322
322
  renderIcon("airportIcon", "14px"),
323
323
  React.createElement("div", null, "Conexi\u00F3n"))),
324
- (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) && (React.createElement("div", { className: `flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20 ${isSoldOut ? "text-white" : `text-[${colors.directoColor}]`} `, style: {
324
+ (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) && (React.createElement("div", { className: `flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20 `, style: {
325
325
  backgroundColor: isSoldOut ? "#ddd" : colors.tooltipBgColor,
326
+ color: isSoldOut ? "#bbb" : colors.directoColor,
326
327
  } },
327
328
  React.createElement(LottiePlayer, { animationData: serviceItem.icons.directoAnim, width: "16px", height: "16px" }),
328
329
  React.createElement("div", { className: "ml-[5px]" }, "Directo"))),
package/dist/styles.css CHANGED
@@ -610,6 +610,9 @@
610
610
  -o-object-fit: contain;
611
611
  object-fit: contain;
612
612
  }
613
+ .p-\[5px_15px\] {
614
+ padding: 5px 15px;
615
+ }
613
616
  .p-\[6px_0px\] {
614
617
  padding: 6px 0px;
615
618
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "5.0.7",
3
+ "version": "5.0.9",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemMobile.tsx CHANGED
@@ -610,7 +610,7 @@ function ServiceItemMobile({
610
610
 
611
611
  {serviceItem?.offer_text && (
612
612
  <div
613
- className={` text-white p-[10px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px] z-10 rounded-b-[14px] min-[420]:text-[14px] text-[12px]`}
613
+ className={` text-white p-[5px_15px] text-left w-full flex items-center absolute -bottom-[36px] pt-[50px] z-10 rounded-b-[14px] min-[420]:text-[14px] text-[12px]`}
614
614
  style={{
615
615
  backgroundColor: isSoldOut ? "#ccc" : colors?.bottomStripColor,
616
616
  zIndex: -1,
@@ -671,11 +671,10 @@ function ServiceItemMobile({
671
671
  )}
672
672
  {serviceItem?.is_direct_trip && (
673
673
  <div
674
- className={`flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20 ${
675
- isSoldOut ? "text-white" : `text-[${colors.directoColor}]`
676
- } `}
674
+ className={`flex items-center gap-[2px] py-[5px] text-white px-[10px] rounded-[38px] min-[420]:text-[12px] text-[10px] z-20 `}
677
675
  style={{
678
676
  backgroundColor: isSoldOut ? "#ddd" : colors.tooltipBgColor,
677
+ color: isSoldOut ? "#bbb" : colors.directoColor,
679
678
  }}
680
679
  >
681
680
  <LottiePlayer