kupos-ui-components-lib 1.1.1 → 1.1.2

package/dist/components/ServiceItem/ServiceItemMobile.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { MobileServiceItemProps } from "./mobileTypes";
-declare function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, setAmenetiesAtomValue, isCiva, currencySign, }: MobileServiceItemProps): React.ReactElement;
+declare function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, setAmenetiesAtomValue, isCiva, currencySign, isPeru, }: MobileServiceItemProps): React.ReactElement;
 export default ServiceItemMobile;

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -14,7 +14,7 @@ const exceptions = [
     "blanco",
     "asiento_mascota",
 ];
-function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, setAmenetiesAtomValue, isCiva, currencySign, }) {
+function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, setAmenetiesAtomValue, isCiva, currencySign, isPeru, }) {
     var _a, _b;
     const isPetSeat = (Object.keys(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.pet_seat_info) || []).length > 0;
     let isSoldOut = serviceItem.available_seats <= 0;
@@ -186,7 +186,9 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
                             backgroundColor: "#ccc",
                             margin: "auto",
                         } }),
-                    React.createElement("div", { className: "content-center w-[47%]" },
+                    React.createElement("div", { className: "content-center", style: {
+                            width: isPeru ? "30%" : "40%",
+                        } },
                         React.createElement("div", { className: "flex flex-col justify-between h-[2.5rem] ", style: { gap: isSoldOut ? "0px" : "5px" } },
                             seatTypes(),
                             isSoldOut ? (React.createElement("div", { className: "flex justify-end" },

package/dist/components/ServiceItem/mobileTypes.d.ts

@@ -125,6 +125,7 @@ export interface MobileServiceItemProps {
     };
     isCiva?: boolean;
     currencySign?: string;
+    isPeru?: boolean;
     orignLabel?: string;
     destinationLabel?: string;
     variant?: "desktop" | "mobile" | "auto";

package/dist/styles.css

@@ -249,9 +249,6 @@
 .w-\[20px\] {
   width: 20px;
 }
-.w-\[47\%\] {
-  width: 47%;
-}
 .w-\[50\%\] {
   width: 50%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kupos-ui-components-lib",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A reusable UI components package",
   "publishConfig": {
     "access": "public"

package/src/components/ServiceItem/ServiceItemMobile.tsx

@@ -31,6 +31,7 @@ function ServiceItemMobile({
   setAmenetiesAtomValue,
   isCiva,
   currencySign,
+  isPeru,
 }: MobileServiceItemProps): React.ReactElement {
   const isPetSeat = (Object.keys(serviceItem?.pet_seat_info) || []).length > 0;
   let isSoldOut = serviceItem.available_seats <= 0;
@@ -363,7 +364,12 @@ function ServiceItemMobile({
               }}
             ></div>
             {/* SEATS */}
-            <div className="content-center w-[47%]">
+            <div
+              className="content-center"
+              style={{
+                width: isPeru ? "30%" : "40%",
+              }}
+            >
               <div
                 className="flex flex-col justify-between h-[2.5rem] "
                 style={{ gap: isSoldOut ? "0px" : "5px" }}

package/src/components/ServiceItem/mobileTypes.ts

@@ -137,6 +137,7 @@ export interface MobileServiceItemProps {
   };
   isCiva?: boolean;
   currencySign?: string;
+  isPeru?: boolean;
 
   orignLabel?: string;
   destinationLabel?: string;