kupos-ui-components-lib 5.0.2 → 5.0.3

package/dist/components/ServiceItem/ServiceItemDesktop.js

@@ -441,7 +441,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
             : "mt-[14px]"}	` },
         React.createElement("div", { className: "bg-white rounded-[20px] shadow-service mx-auto relative" },
             React.createElement("div", { className: "p-[15px] pt-[20px]" },
-                React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:14%_32%_0.5%_24%_13.5%] gap-x-[4%] items-center", style: { marginTop: showTopLabel ? "8px" : "" } },
+                React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:18%_28%_0.5%_24%_13.5%] gap-x-[4%] items-center", style: { marginTop: showTopLabel ? "8px" : "" } },
                     React.createElement("div", { className: "flex items-center justify-center m-[auto]" },
                         React.createElement("div", { className: " " },
                             React.createElement("img", { src: serviceItem.operator_details[0], alt: "service logo", className: ` h-auto object-contain ${isSoldOut ? "grayscale" : ""}` })),

package/dist/styles.css

@@ -397,12 +397,12 @@
 .cursor-pointer {
   cursor: pointer;
 }
-.\[grid-template-columns\:14\%_32\%_0\.5\%_24\%_13\.5\%\] {
-  grid-template-columns: 14% 32% 0.5% 24% 13.5%;
-}
 .\[grid-template-columns\:14\%_40\%_0\.5\%_24\%_13\.5\%\] {
   grid-template-columns: 14% 40% 0.5% 24% 13.5%;
 }
+.\[grid-template-columns\:18\%_28\%_0\.5\%_24\%_13\.5\%\] {
+  grid-template-columns: 18% 28% 0.5% 24% 13.5%;
+}
 .\[grid-template-columns\:minmax\(0\,1\.4fr\)_minmax\(0\,0\.2fr\)_minmax\(0\,1fr\)_auto\] {
   grid-template-columns: minmax(0,1.4fr) minmax(0,0.2fr) minmax(0,1fr) auto;
 }

package/package.json

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

package/src/components/ServiceItem/ServiceItemDesktop.tsx

@@ -651,7 +651,7 @@ function ServiceItemPB({
 
               {/* <div className="grid grid-cols-[1.5fr_1fr_auto] gap-[3rem] sm:gap-[4rem] md:gap-[5rem] lg:gap-[6rem] xl:gap-[5rem] 2xl:gap-[7rem] text-[#464647]"> */}
               <div
-                className="grid text-[#464647] w-full [grid-template-columns:14%_32%_0.5%_24%_13.5%] gap-x-[4%] items-center"
+                className="grid text-[#464647] w-full [grid-template-columns:18%_28%_0.5%_24%_13.5%] gap-x-[4%] items-center"
                 style={{ marginTop: showTopLabel ? "8px" : "" }}
               >
                 {/* OPERATOR LOGO */}