kupos-ui-components-lib 9.6.8 → 9.6.10

package/dist/styles.css

@@ -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;
 }
@@ -195,21 +189,12 @@
 .mt-\[5px\] {
   margin-top: 5px;
 }
-.mt-\[6px\] {
-  margin-top: 6px;
-}
-.mt-\[8px\] {
-  margin-top: 8px;
-}
 .mt-\[10px\] {
   margin-top: 10px;
 }
 .mt-\[13px\] {
   margin-top: 13px;
 }
-.mt-\[14px\] {
-  margin-top: 14px;
-}
 .mt-\[15px\] {
   margin-top: 15px;
 }
@@ -249,9 +234,6 @@
 .mb-\[5px\] {
   margin-bottom: 5px;
 }
-.mb-\[6px\] {
-  margin-bottom: 6px;
-}
 .mb-\[8px\] {
   margin-bottom: 8px;
 }
@@ -297,9 +279,6 @@
 .ml-\[10px\] {
   margin-left: 10px;
 }
-.ml-\[12px\] {
-  margin-left: 12px;
-}
 .ml-\[50px\] {
   margin-left: 50px;
 }
@@ -393,9 +372,6 @@
 .w-\[20px\] {
   width: 20px;
 }
-.w-\[30px\] {
-  width: 30px;
-}
 .w-\[50\%\] {
   width: 50%;
 }
@@ -420,12 +396,6 @@
 .w-\[115px\] {
   width: 115px;
 }
-.w-\[120px\] {
-  width: 120px;
-}
-.w-\[130px\] {
-  width: 130px;
-}
 .w-\[150px\] {
   width: 150px;
 }
@@ -464,12 +434,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;
 }
@@ -512,15 +476,9 @@
 .grid-cols-2 {
   grid-template-columns: repeat(2, 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\.3fr_2fr_1\.2fr\] {
-  grid-template-columns: 1.3fr 2fr 1.2fr;
-}
 .grid-cols-\[1\.5fr_1fr_auto\] {
   grid-template-columns: 1.5fr 1fr auto;
 }
@@ -551,9 +509,6 @@
 .items-start {
   align-items: flex-start;
 }
-.items-stretch {
-  align-items: stretch;
-}
 .justify-between {
   justify-content: space-between;
 }
@@ -596,12 +551,6 @@
 .gap-\[14px\] {
   gap: 14px;
 }
-.gap-\[16px\] {
-  gap: 16px;
-}
-.gap-\[20px\] {
-  gap: 20px;
-}
 .gap-x-\[2\%\] {
   -moz-column-gap: 2%;
        column-gap: 2%;
@@ -610,29 +559,18 @@
   -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;
 }
 .rounded-\[10px\] {
   border-radius: 10px;
 }
-.rounded-\[12px\] {
-  border-radius: 12px;
-}
 .rounded-\[14px\] {
   border-radius: 14px;
 }
@@ -682,10 +620,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;
@@ -714,10 +648,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;
@@ -734,9 +664,6 @@
   --tw-border-style: none;
   border-style: none;
 }
-.border-\[\#363c48\] {
-  border-color: #363c48;
-}
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -755,15 +682,9 @@
 .border-l-transparent {
   border-left-color: transparent;
 }
-.bg-\[\#0C1421\] {
-  background-color: #0C1421;
-}
 .bg-\[\#E6E6E6\] {
   background-color: #E6E6E6;
 }
-.bg-\[\#FF8F45\] {
-  background-color: #FF8F45;
-}
 .bg-\[\#FFF2F2\] {
   background-color: #FFF2F2;
 }
@@ -804,9 +725,6 @@
 .p-\[10px_15px\] {
   padding: 10px 15px;
 }
-.p-\[14px\] {
-  padding: 14px;
-}
 .p-\[15px\] {
   padding: 15px;
 }
@@ -840,15 +758,9 @@
 .px-\[15px\] {
   padding-inline: 15px;
 }
-.px-\[16px\] {
-  padding-inline: 16px;
-}
 .px-\[20px\] {
   padding-inline: 20px;
 }
-.py-\[2px\] {
-  padding-block: 2px;
-}
 .py-\[4px\] {
   padding-block: 4px;
 }
@@ -873,12 +785,6 @@
 .pt-\[6px\] {
   padding-top: 6px;
 }
-.pt-\[10px\] {
-  padding-top: 10px;
-}
-.pt-\[14px\] {
-  padding-top: 14px;
-}
 .pt-\[20px\] {
   padding-top: 20px;
 }
@@ -903,9 +809,6 @@
 .pr-\[22px\] {
   padding-right: 22px;
 }
-.pb-\[6px\] {
-  padding-bottom: 6px;
-}
 .pb-\[7px\] {
   padding-bottom: 7px;
 }
@@ -972,12 +875,6 @@
 .text-\[22px\] {
   font-size: 22px;
 }
-.text-\[26px\] {
-  font-size: 26px;
-}
-.text-\[28px\] {
-  font-size: 28px;
-}
 .text-\[42px\] {
   font-size: 42px;
 }
@@ -985,10 +882,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;
@@ -1009,10 +902,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;
@@ -1034,27 +923,12 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.text-\[\#4a4a4a\] {
-  color: #4a4a4a;
-}
 .text-\[\#9f9f9f\] {
   color: #9f9f9f;
 }
-.text-\[\#666\] {
-  color: #666;
-}
-.text-\[\#171717\] {
-  color: #171717;
-}
-.text-\[\#272727\] {
-  color: #272727;
-}
 .text-\[\#464647\] {
   color: #464647;
 }
-.text-\[\#FF8F45\] {
-  color: #FF8F45;
-}
 .text-\[\#c0c0c0\] {
   color: #c0c0c0;
 }
@@ -1070,9 +944,6 @@
 .text-\[\#fff\] {
   color: #fff;
 }
-.text-\[red\] {
-  color: red;
-}
 .capitalize {
   text-transform: capitalize;
 }

package/dist/ui/ExpendedDropDown/ExpandedDropdown.js

@@ -9,7 +9,9 @@ function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAn
         } },
         React.createElement("div", { className: "flex flex-col gap-[6px] text-[13px] text-[#464647]", style: { lineHeight: 1.5, opacity: isSoldOut ? 0.5 : 1 } },
             isPeru ? null : isChangeTicket ? (React.createElement("div", { className: "flex gap-[8px]", style: { lineHeight: 1.5 } },
-                React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
+                React.createElement("span", { style: { marginTop: "2px" } },
+                    " ",
+                    React.createElement(LottiePlayer, { animationData: getAnimationIcon("flexibleIcon"), width: "20px", height: "20px" })),
                 React.createElement("span", null,
                     React.createElement("span", { className: "bold-text" }, "Pasaje flexible:"),
                     " Tu pasaje puede ser cambiado de manera online",
@@ -32,7 +34,9 @@ function ExpandedDropdown({ serviceItem, isPeru = false, translation = {}, getAn
             ladiesBookedSeats &&
                 String(ladiesBookedSeats).trim() !== "" &&
                 isDpEnabled === true && (React.createElement("div", { className: "flex gap-[6px]" },
-                React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
+                React.createElement("span", { style: { marginTop: "2px" } },
+                    " ",
+                    React.createElement(LottiePlayer, { animationData: getAnimationIcon("femaaleAnimation"), width: "20px", height: "20px" })),
                 React.createElement("span", null,
                     React.createElement("span", { className: "bold-text" }, "Asientos para damas:"),
                     " Esta empresa cuenta con asientos recomendados para mujeres."))),

package/dist/ui/mobileweb/ExpandedDropdownMobile.d.ts

@@ -13,6 +13,8 @@ interface ExpandedDropdownMobileProps {
     isChangeTicket?: boolean;
     ladiesBookedSeats?: string;
     isDpEnabled?: boolean;
+    femaleAnim?: any;
+    flexibleAnim?: any;
 }
-declare function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyAnim, isSoldOut, isChangeTicket, ladiesBookedSeats, isDpEnabled, }: ExpandedDropdownMobileProps): React.ReactElement;
+declare function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyAnim, isSoldOut, isChangeTicket, ladiesBookedSeats, isDpEnabled, femaleAnim, flexibleAnim, }: ExpandedDropdownMobileProps): React.ReactElement;
 export default ExpandedDropdownMobile;

package/dist/ui/mobileweb/ExpandedDropdownMobile.js

@@ -1,6 +1,6 @@
 import React from "react";
 import LottiePlayer from "../../assets/LottiePlayer";
-function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyAnim, isSoldOut, isChangeTicket = false, ladiesBookedSeats, isDpEnabled, }) {
+function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyAnim, isSoldOut, isChangeTicket = false, ladiesBookedSeats, isDpEnabled, femaleAnim, flexibleAnim, }) {
     return (React.createElement("div", { className: "px-[12px] pt-[22px] pb-[12px] relative -z-9", style: {
             backgroundColor: "#ffefef",
             borderRadius: "0 0 14px 14px",
@@ -19,7 +19,10 @@ function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyA
                         " horas antes"),
                     " ",
                     "de la salida del bus. El monto ser\u00E1 reembolsado a tu billetera kupospay."))) : (React.createElement("div", { className: "flex gap-[8px] " },
-                React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
+                React.createElement("span", { style: { marginTop: "2px" } },
+                    " ",
+                    React.createElement("div", null,
+                        React.createElement(LottiePlayer, { animationData: flexibleAnim, width: "16px", height: "16px" }))),
                 React.createElement("span", null,
                     React.createElement("span", null,
                         React.createElement("span", { className: "bold-text" }, "Pasaje flexible:"),
@@ -27,7 +30,10 @@ function ExpandedDropdownMobile({ serviceItem, isPeru, petSeatInfo, petFriendlyA
             ladiesBookedSeats &&
                 String(ladiesBookedSeats).trim() !== "" &&
                 isDpEnabled === true && (React.createElement("div", { className: "flex gap-[6px]" },
-                React.createElement("span", { style: { marginTop: "2px" } }, "\u2022"),
+                React.createElement("span", { style: { marginTop: "2px" } },
+                    " ",
+                    React.createElement("div", null,
+                        React.createElement(LottiePlayer, { animationData: femaleAnim, width: "16px", height: "16px" }))),
                 React.createElement("span", null,
                     React.createElement("span", { className: "bold-text" }, "Asientos para damas:"),
                     " Esta empresa cuenta con asientos recomendados para mujeres."))),

package/package.json

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