kupos-ui-components-lib 9.7.3 → 9.7.5

package/dist/KuposUIComponent.d.ts

@@ -15,9 +15,6 @@ interface KuposUIComponentProps {
     orignLabel?: string;
     destinationLabel?: string;
     t?: (key: string) => string;
-    ticketQuantity?: number;
-    onIncreaseTicketQuantity?: (serviceItem: any) => void;
-    onDecreaseTicketQuantity?: (serviceItem: any) => void;
     id?: string;
     name?: string;
     description?: string;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { ServiceItemProps } from "./types";
-declare function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, isNewUi, showLoginModal, isLoggedIn, showLoginOption, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, }: ServiceItemProps & {
+declare function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, showLoginModal, isLoggedIn, showLoginOption, }: ServiceItemProps & {
     currencySign?: string;
 }): React.ReactElement;
 export default ServiceItemPB;

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -23,7 +23,6 @@ import bombAnimation from "../../assets/images/anims/service_list/bomb.json";
 import dotAnimation from "../../assets/images/anims/service_list/dot_animation.json";
 import starAnimation from "../../assets/images/anims/service_list/star_anim.json";
 import femaleAnimation from "../../assets/images/anims/service_list/female_anim.json";
-import usersAnimation from "../../assets/images/anims/service_list/users_anim.json";
 import RatingBlock from "../../ui/RatingBlock";
 import DurationBlock from "../../ui/DurationBlock";
 import PetBlock from "../../ui/PetBlock";
@@ -33,8 +32,6 @@ import KuposButton from "../../ui/KuposButton/KuposButton";
 import BottomAmenities from "../../ui/BottomAmenities/BottomAmenities";
 import SeatSection from "../../ui/SeatSection/SeatSection";
 import DateTimeSection from "../../ui/DateTimeSection/DateTimeSection";
-import FeatureServiceUi from "../../ui/FeatureServiceUI/FeatureServiceUi";
-import thunderAnimation from "../../assets/images/anims/service_list/thunder_icon.json";
 import ServiceBadges from "../../ui/ServiceBadges/ServiceBadges";
 const SEAT_EXCEPTIONS = ["Asiento mascota"];
 const ANIMATION_MAP = {
@@ -67,9 +64,6 @@ const ANIMATION_MAP = {
     bombAnimation: {
         kupos: bombAnimation,
     },
-    thunderAnimation: {
-        kupos: thunderAnimation,
-    },
     dotAnimation: {
         kupos: dotAnimation,
     },
@@ -79,11 +73,8 @@ const ANIMATION_MAP = {
     femaaleAnimation: {
         kupos: femaleAnimation,
     },
-    usersAnimation: {
-        kupos: usersAnimation,
-    },
 };
-function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t = (key) => key, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, isNewUi, showLoginModal, isLoggedIn, showLoginOption, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, }) {
+function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, children, busStage, serviceDetailsLoading, cityOrigin, cityDestination, translation, orignLabel, destinationLabel, currencySign, isCiva, showRating, showLastSeats, removeArrivalTime, removeDuplicateSeats, isPeruSites, showAvailableSeats, isSeatIcon, isLinatal, isPeru, t = (key) => key, siteType, isAllinBus, isExpand, setIsExpand, coachKey, viewersConfig, showLoginModal, isLoggedIn, showLoginOption, }) {
     var _a;
     const getAnimationIcon = (icon) => {
         var _a;
@@ -252,11 +243,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
         },
     ];
     const otherItems = items.filter((i) => i.key !== "pet" && i.key !== "flexible" && !!i.condition);
-    return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus })) : isNewUi ? (React.createElement(FeatureServiceUi, { serviceItem: serviceItem, showTopLabel: showTopLabel, isSoldOut: isSoldOut, getAnimationIcon: getAnimationIcon, cityOrigin: cityOrigin, cityDestination: cityDestination, renderIcon: renderIcon, viewersConfig: viewersConfig, isFeatureDropDownExpand: isFeatureDropDownExpand, ticketQuantity: ticketQuantity, onIncreaseTicketQuantity: onIncreaseTicketQuantity, onDecreaseTicketQuantity: onDecreaseTicketQuantity, onBookButtonPress: onBookButtonPress, onToggleExpand: () => setIsFeatureDropDownExpand &&
-            setIsFeatureDropDownExpand(isFeatureDropDownExpand === serviceItem.id ||
-                isFeatureDropDownExpand === true
-                ? null
-                : serviceItem.id) })) : (React.createElement("div", { className: `relative hover:z-[150] ${hasOfferText || hasDpEnabled ? "mb-[55px]" : "mb-[10px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
+    return (React.createElement(React.Fragment, null, isPeruSites ? (React.createElement(PeruServiceItemDesktop, { serviceItem: serviceItem, onBookButtonPress: onBookButtonPress, colors: colors, metaData: metaData, children: children, busStage: busStage, serviceDetailsLoading: serviceDetailsLoading, cityOrigin: cityOrigin, cityDestination: cityDestination, translation: translation, orignLabel: orignLabel, destinationLabel: destinationLabel, currencySign: currencySign, isCiva: isCiva, showRating: showRating, showLastSeats: showLastSeats, removeArrivalTime: removeArrivalTime, removeDuplicateSeats: removeDuplicateSeats, isPeruSites: isPeruSites, t: (key) => t(key), showAvailableSeats: showAvailableSeats, isSeatIcon: isSeatIcon, isPeru: isPeru, siteType: siteType, isAllinBus: isAllinBus })) : (React.createElement("div", { className: `relative hover:z-[150] ${hasOfferText || hasDpEnabled ? "mb-[55px]" : "mb-[10px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
             (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
             showTopLabel
             ? "mt-[24px]"

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, isExpanded, setIsExpanded, setAmenetiesAtomValue, isCiva, currencySign, isPeru, showRating, showLastSeats, removeDuplicateSeats, isLinatal, viewersConfig, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, cityOrigin, cityDestination, isNewUi, }: MobileServiceItemProps): React.ReactElement;
+declare function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, isExpanded, setIsExpanded, setAmenetiesAtomValue, isCiva, currencySign, isPeru, showRating, showLastSeats, removeDuplicateSeats, isLinatal, viewersConfig, }: MobileServiceItemProps): React.ReactElement;
 export default ServiceItemMobile;

package/dist/components/ServiceItem/ServiceItemMobile.js

@@ -5,7 +5,6 @@ import BottomAmenitiesMobile from "../../ui/mobileweb/BottomAmenitiesMobile";
 import DateTimeSectionMobile from "../../ui/mobileweb/DateTimeSectionMobile";
 import ExpandedDropdownMobile from "../../ui/mobileweb/ExpandedDropdownMobile";
 import ServiceBadgesMobile from "../../ui/mobileweb/ServiceBadgesMobile";
-import FeatureServiceUiMobile from "../../ui/FeaturServiceUiMobile/FeatureServiceUiMobile";
 const SEAT_EXCEPTIONS = ["Asiento mascota"];
 const exceptions = [
     "gy",
@@ -18,7 +17,7 @@ const exceptions = [
     "blanco",
     "asiento_mascota",
 ];
-function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, isExpanded, setIsExpanded, setAmenetiesAtomValue, isCiva, currencySign, isPeru, showRating, showLastSeats, removeDuplicateSeats, isLinatal, viewersConfig, isFeatureDropDownExpand, setIsFeatureDropDownExpand, ticketQuantity, onIncreaseTicketQuantity, onDecreaseTicketQuantity, cityOrigin, cityDestination, isNewUi, }) {
+function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, orignLabel, destinationLabel, amenitiesData, setShowDropdown, showDropdown, isExpanded, setIsExpanded, setAmenetiesAtomValue, isCiva, currencySign, isPeru, showRating, showLastSeats, removeDuplicateSeats, isLinatal, viewersConfig, }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const isItemExpanded = serviceItem.id === isExpanded;
     const isPetSeat = (Object.keys(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.pet_seat_info) || []).length > 0;
@@ -88,11 +87,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
     if (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_transpordo) {
         isConexion = true;
     }
-    return (React.createElement(React.Fragment, null, isNewUi ? (React.createElement(FeatureServiceUiMobile, { serviceItem: serviceItem, showTopLabel: showTopLabel, colors: colors, isSoldOut: isSoldOut, cityOrigin: cityOrigin, cityDestination: cityDestination, renderIcon: renderIcon, viewersConfig: viewersConfig, isFeatureDropDownExpand: isFeatureDropDownExpand, ticketQuantity: ticketQuantity, onIncreaseTicketQuantity: onIncreaseTicketQuantity, onDecreaseTicketQuantity: onDecreaseTicketQuantity, onBookButtonPress: onBookButtonPress, onToggleExpand: () => setIsFeatureDropDownExpand &&
-            setIsFeatureDropDownExpand(isFeatureDropDownExpand === serviceItem.id ||
-                isFeatureDropDownExpand === true
-                ? null
-                : serviceItem.id) })) : (React.createElement("div", { className: `relative  ${!serviceItem.offer_text || !(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) ? "mb-[14px]" : showTopLabel || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ? "mb-[20px]" : "mb-[12px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
+    return (React.createElement("div", { className: `relative  ${!serviceItem.offer_text || !(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) ? "mb-[14px]" : showTopLabel || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ? "mb-[20px]" : "mb-[12px]"} ${(serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_direct_trip) ||
             isConexion ||
             (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.train_type_label) === "Tren Express (Nuevo)" ||
             showTopLabel
@@ -113,9 +108,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
                                 React.createElement("div", { className: "flex items-center" },
                                     React.createElement("img", { src: serviceItem.icons.rating, alt: "origin", className: `w-[12px] h-[12px] mr-[4px] object-contain   ${isSoldOut ? "grayscale" : ""}` }),
                                     React.createElement("span", { style: { lineHeight: "normal" } }, getServiceStars(serviceItem))),
-                                React.createElement("div", { className: "flex items-center cursor-pointer ", style: {
-                                        color: isSoldOut ? "#bbb" : "text-[#464647]",
-                                    } },
+                                React.createElement("div", { className: "flex items-center cursor-pointer ", style: { color: isSoldOut ? "#bbb" : "text-[#464647]" } },
                                     React.createElement("span", { className: "ml-[3px]  min-[420]:text-[13px] text-[12px] text-ellipsis overflow-hidden whitespace-nowrap max-w-[120px]" }, serviceItem.operator_details[2]))))) : null)),
                 React.createElement(DateTimeSectionMobile, { onBookButtonPress: onBookButtonPress, isCiva: isCiva, isSoldOut: isSoldOut, isLinatal: isLinatal, isPeru: isPeru, orignLabel: orignLabel, destinationLabel: destinationLabel, originIcon: (_c = serviceItem.icons) === null || _c === void 0 ? void 0 : _c.origin, destinationIcon: (_d = serviceItem.icons) === null || _d === void 0 ? void 0 : _d.destination, travelDate: serviceItem.travel_date, arrivalDate: serviceItem.arrival_date, depTime: serviceItem.dep_time, arrTime: serviceItem.arr_time, seatTypes: serviceItem.seat_types, seatPriceColor: colors.seatPriceColor, tooltipBgColor: colors.tooltipBgColor, currencySign: currencySign, availableSeats: serviceItem.available_seats, removeDuplicateSeats: removeDuplicateSeats, serviceItem: serviceItem, showLastSeats: showLastSeats, discountSeatPriceColor: colors.discountSeatPriceColor }),
                 hasDiscount && (React.createElement("div", { className: "flex justify-end" }, isSoldOut ? (React.createElement("span", { className: "col-span-2 min-[420]:text-[13px] text-right text-[12px] text-[#ccc]" }, "Agotado")) : null)),
@@ -130,9 +123,7 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
             React.createElement(ServiceBadgesMobile, { showTopLabel: showTopLabel, isSoldOut: isSoldOut, colors: colors, renderIcon: renderIcon, serviceItem: serviceItem, isConexion: isConexion })),
         ((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled)) &&
             !isSoldOut && (React.createElement("div", { className: "px-[12px] pt-[22px] pb-[8px] relative -z-9 -mt-[15px]", style: {
-                background: isSoldOut
-                    ? offerGradientWithOpacity
-                    : offerGradient,
+                background: isSoldOut ? offerGradientWithOpacity : offerGradient,
                 // opacity: isSoldOut ? 0.5 : 1,
                 borderRadius: "0 0 14px 14px",
                 zIndex: -1,
@@ -140,8 +131,8 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
             React.createElement("div", { className: "flex flex-col gap-[8px] text-[12px] min-[420px]:text-[12px] text-[#464647]", style: { lineHeight: 1.6 } },
                 React.createElement("div", { className: "flex justify-between items-center" },
                     (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.is_dp_enabled) &&
-                        Object.keys((_f = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _f !== void 0 ? _f : {})
-                            .length === 0 &&
+                        Object.keys((_f = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discount_percents) !== null && _f !== void 0 ? _f : {}).length ===
+                            0 &&
                         ((_g = serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.dp_discounted_seats) !== null && _g !== void 0 ? _g : []).length === 0 ? (React.createElement("div", { className: "flex items-center gap-[6px]" },
                         React.createElement(LottiePlayer, { animationData: serviceItem.icons.starAnimation, width: "14px", height: "14px" }),
                         React.createElement("span", { className: "text-[#fff]" }, "M\u00E1s elegido"))) : (React.createElement("div", { className: `flex ${((serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) || "").length > 10 ? "items-start" : "items-center"}` },
@@ -189,6 +180,6 @@ function ServiceItemMobile({ serviceItem, onBookButtonPress, colors, busStage, o
                     zIndex: (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? -3 : undefined,
                     marginTop: (serviceItem === null || serviceItem === void 0 ? void 0 : serviceItem.offer_text) ? "-15px" : "-10px",
                 } },
-                React.createElement(ExpandedDropdownMobile, { serviceItem: serviceItem, isPeru: isPeru, petSeatInfo: serviceItem.pet_seat_info, petFriendlyAnim: serviceItem.icons.petFriendlyAnim, isSoldOut: isSoldOut, isChangeTicket: serviceItem.is_change_ticket === true, ladiesBookedSeats: serviceItem.ladies_booked_seats, isDpEnabled: serviceItem.is_dp_enabled, femaleAnim: serviceItem.icons.femaleAnim, flexibleAnim: serviceItem.icons.flexibleAnim, renderIcon: renderIcon })))))));
+                React.createElement(ExpandedDropdownMobile, { serviceItem: serviceItem, isPeru: isPeru, petSeatInfo: serviceItem.pet_seat_info, petFriendlyAnim: serviceItem.icons.petFriendlyAnim, isSoldOut: isSoldOut, isChangeTicket: serviceItem.is_change_ticket === true, ladiesBookedSeats: serviceItem.ladies_booked_seats, isDpEnabled: serviceItem.is_dp_enabled, femaleAnim: serviceItem.icons.femaleAnim, flexibleAnim: serviceItem.icons.flexibleAnim, renderIcon: renderIcon })))));
 }
 export default ServiceItemMobile;

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

@@ -125,19 +125,9 @@ export interface MobileServiceItemProps {
             whiteFireIcon?: string;
             femaleAnim?: string;
             cancelTicketIcon?: string;
-            thunderAnim?: string;
-            personsAnim?: string;
-            whiteOrigin?: string;
-            whiteDestination?: string;
-            userIcon?: string;
-            sheildIcon?: string;
-            busIcon?: string;
-            whiteDownArrow?: string;
-            empressaIcon?: string;
-            flexibleIcon?: string;
-            listoIcon?: string;
-            precioIcon?: string;
-            confirmarIcon?: string;
+            changeTicketIcon?: string;
+            petFriendlyIcon?: string;
+            womenSeatIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];
@@ -197,18 +187,4 @@ export interface MobileServiceItemProps {
         label?: string;
         icon?: string;
     };
-    isFeatureDropDownExpand?: any;
-    setIsFeatureDropDownExpand?: (value: any) => void;
-    ticketQuantity?: number;
-    onIncreaseTicketQuantity?: (serviceItem: MobileServiceItemProps["serviceItem"]) => void;
-    onDecreaseTicketQuantity?: (serviceItem: MobileServiceItemProps["serviceItem"]) => void;
-    cityOrigin?: {
-        value: number;
-        label: string;
-    };
-    cityDestination?: {
-        value: number;
-        label: string;
-    };
-    isNewUi?: boolean;
 }

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

@@ -129,17 +129,6 @@ export interface ServiceItemProps {
             personIcon?: string;
             whiteFireIcon?: string;
             fireIcon?: string;
-            whiteOrigin?: string;
-            whiteDestination?: string;
-            userIcon?: string;
-            sheildIcon?: string;
-            busIcon?: string;
-            whiteDownArrow?: string;
-            empressaIcon?: string;
-            flexibleIcon?: string;
-            listoIcon?: string;
-            precioIcon?: string;
-            confirmarIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];
@@ -224,11 +213,6 @@ export interface ServiceItemProps {
     isAllinBus?: boolean;
     isExpand?: any;
     setIsExpand?: (value: any) => void;
-    isFeatureDropDownExpand?: any;
-    setIsFeatureDropDownExpand?: (value: any) => void;
-    ticketQuantity?: number;
-    onIncreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
-    onDecreaseTicketQuantity?: (serviceItem: ServiceItemProps["serviceItem"]) => void;
     coachKey?: number;
     viewersConfig?: {
         min: number;
@@ -237,7 +221,6 @@ export interface ServiceItemProps {
         label?: string;
         icon?: string;
     };
-    isNewUi?: boolean;
     showLoginModal?: any;
     isLoggedIn?: any;
     showLoginOption?: boolean;

package/dist/styles.css

@@ -36,15 +36,15 @@
 .-top-\[18px\] {
   top: calc(18px * -1);
 }
-.top-1\/3 {
-  top: calc(1/3 * 100%);
-}
 .top-\[2px\] {
   top: 2px;
 }
 .top-\[5px\] {
   top: 5px;
 }
+.top-\[16px\] {
+  top: 16px;
+}
 .top-\[24px\] {
   top: 24px;
 }
@@ -63,9 +63,6 @@
 .right-\[0px\] {
   right: 0px;
 }
-.right-\[18px\] {
-  right: 18px;
-}
 .-bottom-\[9\%\] {
   bottom: calc(9% * -1);
 }
@@ -78,9 +75,6 @@
 .-bottom-\[36px\] {
   bottom: calc(36px * -1);
 }
-.bottom-\[11px\] {
-  bottom: 11px;
-}
 .bottom-\[35px\] {
   bottom: 35px;
 }
@@ -174,21 +168,9 @@
 .m-\[auto\] {
   margin: auto;
 }
-.mx-\[6px\] {
-  margin-inline: 6px;
-}
-.mx-\[10px\] {
-  margin-inline: 10px;
-}
 .mx-auto {
   margin-inline: auto;
 }
-.my-\[8px\] {
-  margin-block: 8px;
-}
-.my-\[14px\] {
-  margin-block: 14px;
-}
 .-mt-\[15px\] {
   margin-top: calc(15px * -1);
 }
@@ -207,24 +189,12 @@
 .mt-\[5px\] {
   margin-top: 5px;
 }
-.mt-\[6px\] {
-  margin-top: 6px;
-}
-.mt-\[8px\] {
-  margin-top: 8px;
-}
 .mt-\[10px\] {
   margin-top: 10px;
 }
-.mt-\[12px\] {
-  margin-top: 12px;
-}
 .mt-\[13px\] {
   margin-top: 13px;
 }
-.mt-\[14px\] {
-  margin-top: 14px;
-}
 .mt-\[15px\] {
   margin-top: 15px;
 }
@@ -294,6 +264,9 @@
 .-ml-\[12px\] {
   margin-left: calc(12px * -1);
 }
+.ml-\[2px\] {
+  margin-left: 2px;
+}
 .ml-\[3px\] {
   margin-left: 3px;
 }
@@ -369,9 +342,6 @@
 .h-\[30px\] {
   height: 30px;
 }
-.h-\[34px\] {
-  height: 34px;
-}
 .h-\[100\%\] {
   height: 100%;
 }
@@ -408,9 +378,6 @@
 .w-\[20px\] {
   width: 20px;
 }
-.w-\[34px\] {
-  width: 34px;
-}
 .w-\[50\%\] {
   width: 50%;
 }
@@ -479,12 +446,6 @@
 .max-w-\[165px\] {
   max-width: 165px;
 }
-.max-w-\[220px\] {
-  max-width: 220px;
-}
-.max-w-full {
-  max-width: 100%;
-}
 .min-w-\[75px\] {
   min-width: 75px;
 }
@@ -515,9 +476,6 @@
 .cursor-default {
   cursor: default;
 }
-.cursor-not-allowed {
-  cursor: not-allowed;
-}
 .cursor-pointer {
   cursor: pointer;
 }
@@ -530,21 +488,12 @@
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-.grid-cols-3 {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
 .grid-cols-\[0\.8fr_auto_26\%_1fr\] {
   grid-template-columns: 0.8fr auto 26% 1fr;
 }
 .grid-cols-\[1\.5fr_1fr_auto\] {
   grid-template-columns: 1.5fr 1fr auto;
 }
-.grid-cols-\[23\%_50\%_27\%\] {
-  grid-template-columns: 23% 50% 27%;
-}
 .grid-cols-\[26px_auto_26\%_1fr\] {
   grid-template-columns: 26px auto 26% 1fr;
 }
@@ -572,9 +521,6 @@
 .items-start {
   align-items: flex-start;
 }
-.items-stretch {
-  align-items: stretch;
-}
 .justify-between {
   justify-content: space-between;
 }
@@ -617,12 +563,6 @@
 .gap-\[14px\] {
   gap: 14px;
 }
-.gap-\[16px\] {
-  gap: 16px;
-}
-.gap-\[20px\] {
-  gap: 20px;
-}
 .gap-x-\[2\%\] {
   -moz-column-gap: 2%;
        column-gap: 2%;
@@ -631,20 +571,12 @@
   -moz-column-gap: 8px;
        column-gap: 8px;
 }
-.truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .overflow-hidden {
   overflow: hidden;
 }
 .overflow-y-hidden {
   overflow-y: hidden;
 }
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -657,9 +589,6 @@
 .rounded-\[15px\] {
   border-radius: 15px;
 }
-.rounded-\[16px\] {
-  border-radius: 16px;
-}
 .rounded-\[18px\] {
   border-radius: 18px;
 }
@@ -703,10 +632,6 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 8px;
 }
-.border-r {
-  border-right-style: var(--tw-border-style);
-  border-right-width: 1px;
-}
 .border-r-8 {
   border-right-style: var(--tw-border-style);
   border-right-width: 8px;
@@ -735,10 +660,6 @@
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 8px;
 }
-.border-l {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 1px;
-}
 .border-l-8 {
   border-left-style: var(--tw-border-style);
   border-left-width: 8px;
@@ -755,9 +676,6 @@
   --tw-border-style: none;
   border-style: none;
 }
-.border-\[\#363c48\] {
-  border-color: #363c48;
-}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -776,21 +694,9 @@
 .border-l-transparent {
   border-left-color: transparent;
 }
-.bg-\[\#0C1421\] {
-  background-color: #0C1421;
-}
-.bg-\[\#2d374d\] {
-  background-color: #2d374d;
-}
-.bg-\[\#222b3d\] {
-  background-color: #222b3d;
-}
 .bg-\[\#E6E6E6\] {
   background-color: #E6E6E6;
 }
-.bg-\[\#FF8F45\] {
-  background-color: #FF8F45;
-}
 .bg-\[\#FFF2F2\] {
   background-color: #FFF2F2;
 }
@@ -831,9 +737,6 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
-.p-\[14px\] {
-  padding: 14px;
-}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -867,18 +770,9 @@
 .px-\[15px\] {
   padding-inline: 15px;
 }
-.px-\[16px\] {
-  padding-inline: 16px;
-}
 .px-\[20px\] {
   padding-inline: 20px;
 }
-.px-\[22px\] {
-  padding-inline: 22px;
-}
-.py-\[2px\] {
-  padding-block: 2px;
-}
 .py-\[4px\] {
   padding-block: 4px;
 }
@@ -906,9 +800,6 @@
 .pt-\[10px\] {
   padding-top: 10px;
 }
-.pt-\[14px\] {
-  padding-top: 14px;
-}
 .pt-\[20px\] {
   padding-top: 20px;
 }
@@ -924,9 +815,6 @@
 .pt-\[50px\] {
   padding-top: 50px;
 }
-.pr-\[10px\] {
-  padding-right: 10px;
-}
 .pr-\[15px\] {
   padding-right: 15px;
 }
@@ -936,9 +824,6 @@
 .pr-\[22px\] {
   padding-right: 22px;
 }
-.pb-\[6px\] {
-  padding-bottom: 6px;
-}
 .pb-\[7px\] {
   padding-bottom: 7px;
 }
@@ -957,9 +842,6 @@
 .pl-\[6px\] {
   padding-left: 6px;
 }
-.pl-\[22px\] {
-  padding-left: 22px;
-}
 .text-center {
   text-align: center;
 }
@@ -996,9 +878,6 @@
 .text-\[14px\] {
   font-size: 14px;
 }
-.text-\[15px\] {
-  font-size: 15px;
-}
 .text-\[17\.33px\] {
   font-size: 17.33px;
 }
@@ -1008,21 +887,9 @@
 .text-\[18px\] {
   font-size: 18px;
 }
-.text-\[20px\] {
-  font-size: 20px;
-}
 .text-\[22px\] {
   font-size: 22px;
 }
-.text-\[25px\] {
-  font-size: 25px;
-}
-.text-\[26px\] {
-  font-size: 26px;
-}
-.text-\[28px\] {
-  font-size: 28px;
-}
 .text-\[42px\] {
   font-size: 42px;
 }
@@ -1030,10 +897,6 @@
   --tw-leading: 1.3;
   line-height: 1.3;
 }
-.leading-\[14px\] {
-  --tw-leading: 14px;
-  line-height: 14px;
-}
 .leading-\[20px\] {
   --tw-leading: 20px;
   line-height: 20px;
@@ -1054,10 +917,6 @@
   --tw-leading: 1;
   line-height: 1;
 }
-.font-\[9px\] {
-  --tw-font-weight: 9px;
-  font-weight: 9px;
-}
 .font-\[14px\] {
   --tw-font-weight: 14px;
   font-weight: 14px;
@@ -1079,24 +938,12 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.text-\[\#4a4a4a\] {
-  color: #4a4a4a;
-}
 .text-\[\#9f9f9f\] {
   color: #9f9f9f;
 }
-.text-\[\#666\] {
-  color: #666;
-}
-.text-\[\#272727\] {
-  color: #272727;
-}
 .text-\[\#464647\] {
   color: #464647;
 }
-.text-\[\#FF8F45\] {
-  color: #FF8F45;
-}
 .text-\[\#c0c0c0\] {
   color: #c0c0c0;
 }
@@ -1115,9 +962,6 @@
 .text-\[red\] {
   color: red;
 }
-.text-\[white\] {
-  color: white;
-}
 .capitalize {
   text-transform: capitalize;
 }
@@ -1137,9 +981,6 @@
 .opacity-0 {
   opacity: 0%;
 }
-.opacity-50 {
-  opacity: 50%;
-}
 .opacity-100 {
   opacity: 100%;
 }

package/dist/types.d.ts

@@ -109,6 +109,9 @@ export interface ServiceItemProps {
             specialDeparture?: string;
             fireIcon?: string;
             cancelTicketIcon?: string;
+            changeTicketIcon?: string;
+            petFriendlyIcon?: string;
+            womenSeatIcon?: string;
             [key: string]: string | Record<string, string | undefined> | undefined;
         };
         useLottieFor?: string[];