kupos-ui-components-lib 1.0.2 → 1.0.3

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 (5) hide show
  1. package/dist/components/ServiceItem/ServiceItemDesktop.js +5 -2
  2. package/dist/styles.css +0 -6
  3. package/kupos-ui-components-lib-1.0.2.tgz +0 -0
  4. package/package.json +1 -1
  5. package/src/components/ServiceItem/ServiceItemDesktop.tsx +9 -3
package/dist/components/ServiceItem/ServiceItemDesktop.js CHANGED
@@ -298,7 +298,7 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
298
298
  React.createElement("div", { className: "flex justify-between items-center mb-[15px]" },
299
299
  React.createElement("div", { className: "w-[120px] overflow-y-hidden" },
300
300
  React.createElement("img", { src: serviceItem.operator_details[0], alt: "service logo", className: `w-[120px] h-auto object-contain ${isSoldOut ? "grayscale" : ""}` }))),
301
- React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:minmax(0,1.4fr)_minmax(0,0.2fr)_minmax(0,1fr)_auto] gap-x-[7rem] min-[640px]:gap-x-[5rem] min-[768px]:gap-x-[4rem] min-[1024px]:gap-x-[4rem] min-[1280px]:gap-x-[4rem] min-[1380px]:gap-x-[5rem]" },
301
+ React.createElement("div", { className: "grid text-[#464647] w-full [grid-template-columns:minmax(0,1.4fr)_minmax(0,0.2fr)_minmax(0,1fr)_auto] gap-x-[7rem] min-[640px]:gap-x-[5\n rem] min-[768px]:gap-x-[4rem] min-[1024px]:gap-x-[4rem] min-[1280px]:gap-x-[4rem] min-[1380px]:gap-x-[5rem]" },
302
302
  React.createElement("div", { className: "min-h-[2.5rem] flex flex-col justify-between gap-[10px]" },
303
303
  React.createElement("div", { className: `flex items-center text-[13.33px] justify-between ${isSoldOut ? "text-[#c0c0c0]" : ""}` },
304
304
  React.createElement("div", { className: "flex items-center bold-text capitalize group " },
@@ -467,7 +467,10 @@ function ServiceItemPB({ serviceItem, onBookButtonPress, colors, metaData, child
467
467
  React.createElement("div", { className: "group" },
468
468
  React.createElement("div", { className: `${isSoldOut ? "grayscale" : ""}` },
469
469
  React.createElement(SvgAmenities, { moreAnemities: false, name: (_c = metaData.amenities[val]) === null || _c === void 0 ? void 0 : _c.split(".")[0].toLowerCase() })),
470
- React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap z-10 mt-2.5 text-center shadow-service text-[13.33px]", style: { backgroundColor: colors.tooltipColor } },
470
+ React.createElement("div", { className: "hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap mt-2.5 text-center shadow-service text-[13.33px]", style: {
471
+ backgroundColor: colors.tooltipColor,
472
+ zIndex: 21,
473
+ } },
471
474
  React.createElement("div", { className: "tooltip-arrow absolute -top-[7px] left-1/2 -translate-x-1/2 w-0 h-0 border-l-8 border-r-8 border-b-8 border-l-transparent border-r-transparent", style: {
472
475
  borderBottomColor: colors.tooltipColor,
473
476
  } }),
package/dist/styles.css CHANGED
@@ -613,12 +613,6 @@
613
613
  }
614
614
  }
615
615
  }
616
- .min-\[640px\]\:gap-x-\[5rem\] {
617
- @media (width >= 640px) {
618
- -moz-column-gap: 5rem;
619
- column-gap: 5rem;
620
- }
621
- }
622
616
  .min-\[640px\]\:gap-x-\[6rem\] {
623
617
  @media (width >= 640px) {
624
618
  -moz-column-gap: 6rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/ServiceItem/ServiceItemDesktop.tsx CHANGED
@@ -442,7 +442,10 @@ function ServiceItemPB({
442
442
  </div>
443
443
 
444
444
  {/* <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]"> */}
445
- <div className="grid text-[#464647] w-full [grid-template-columns:minmax(0,1.4fr)_minmax(0,0.2fr)_minmax(0,1fr)_auto] gap-x-[7rem] min-[640px]:gap-x-[5rem] min-[768px]:gap-x-[4rem] min-[1024px]:gap-x-[4rem] min-[1280px]:gap-x-[4rem] min-[1380px]:gap-x-[5rem]">
445
+ <div
446
+ className="grid text-[#464647] w-full [grid-template-columns:minmax(0,1.4fr)_minmax(0,0.2fr)_minmax(0,1fr)_auto] gap-x-[7rem] min-[640px]:gap-x-[5
447
+ rem] min-[768px]:gap-x-[4rem] min-[1024px]:gap-x-[4rem] min-[1280px]:gap-x-[4rem] min-[1380px]:gap-x-[5rem]"
448
+ >
446
449
  {/* DATE AND TIME */}
447
450
  <div className="min-h-[2.5rem] flex flex-col justify-between gap-[10px]">
448
451
  <div
@@ -916,8 +919,11 @@ function ServiceItemPB({
916
919
  />
917
920
  </div>
918
921
  <div
919
- className="hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap z-10 mt-2.5 text-center shadow-service text-[13.33px]"
920
- style={{ backgroundColor: colors.tooltipColor }}
922
+ className="hidden group-hover:block absolute top-[24px] left-1/2 -translate-x-1/2 text-white p-3 rounded-[14px] whitespace-nowrap mt-2.5 text-center shadow-service text-[13.33px]"
923
+ style={{
924
+ backgroundColor: colors.tooltipColor,
925
+ zIndex: 21,
926
+ }}
921
927
  >
922
928
  {/* Tooltip arrow */}
923
929
  <div