@harshit-wander/component-lib 1.1.4 → 1.1.6

package/dist/index.cjs

@@ -477,19 +477,19 @@ var FeatureCard = react.forwardRef(
       style,
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-sm px-lg pt-lg flex-1 min-h-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex flex-col gap-sm px-lg pt-lg", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "m-0 text-lg font-semibold leading-card text-primary", children: h }),
           d ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "m-0 text-sm font-normal leading-body text-text", children: d }) : null
         ] }),
-        imageUrl ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center items-end h-[45%] shrink-0 overflow-hidden bg-brand-shade-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+        imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             src: imageUrl,
             alt: "",
             "aria-hidden": "true",
-            className: "w-full h-full object-contain object-bottom"
+            className: "absolute bottom-0 left-0 w-full pointer-events-none"
           }
-        ) }) : null
+        ) : null
       ]
     }
   )
@@ -662,7 +662,7 @@ var PackageCard = react.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative inline-flex items-center self-start gap-xs py-[4px] px-md bg-accent border border-surface rounded-full", children: [
-        originalPrice ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative text-[7px] font-normal leading-18 text-strike after:content-[''] after:absolute after:left-[-2px] after:right-[-2px] after:top-1/2 after:h-px after:bg-strike after:rotate-[-8deg]", children: originalPrice }) : null,
+        originalPrice ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative text-2xs font-normal leading-18 text-strike after:content-[''] after:absolute after:left-[-2px] after:right-[-2px] after:top-1/2 after:h-px after:bg-strike after:rotate-[-8deg]", children: originalPrice }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold leading-4 text-text-deep", children: currentPrice }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal leading-4 text-text-deep", children: priceSuffix })
       ] }),
@@ -948,7 +948,7 @@ var CategoryDropdown = ({
         onMouseEnter,
         onMouseLeave,
         className: cn(
-          "absolute top-full left-0 grid-cols-3 [grid-template-columns:repeat(3,minmax(160px,1fr))] gap-x-xl gap-y-sm min-w-[720px] mt-3 p-xl bg-surface text-text rounded-lg shadow-card",
+          "absolute top-full left-0 grid-cols-3 [grid-template-columns:repeat(3,minmax(160px,1fr))] gap-x-xl gap-y-xs min-w-[720px] mt-3 p-xl bg-surface text-text rounded-lg shadow-card",
           open ? "grid" : "hidden"
         ),
         children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -956,7 +956,7 @@ var CategoryDropdown = ({
           {
             href: item.href,
             onClick: onItemClick,
-            className: "inline-flex items-center gap-sm px-3 py-2 border border-transparent rounded-md text-text no-underline text-md font-normal leading-button transition-colors duration-150 ease-in hover:border-primary hover:text-primary focus-visible:border-primary focus-visible:text-primary focus-visible:outline-none",
+            className: "inline-flex items-center gap-sm px-3 py-1 border border-transparent rounded-md text-text no-underline text-md font-normal leading-button transition-colors duration-150 ease-in hover:border-primary hover:text-primary focus-visible:border-primary focus-visible:text-primary focus-visible:outline-none",
             children: [
               item.icon ? /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
@@ -1457,7 +1457,7 @@ var ContactSection = react.forwardRef(
       ref,
       className: cn(
         "flex w-full justify-center",
-        "lg:items-center lg:gap-24 lg:px-xl lg:py-xl lg:bg-primary lg:rounded-lg lg:shadow-card",
+        "lg:items-center lg:justify-evenly lg:py-xl lg:bg-primary lg:rounded-lg lg:shadow-card",
         className
       ),
       ...rest,
@@ -1470,7 +1470,7 @@ var ContactSection = react.forwardRef(
             children: illustration
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 flex justify-center w-full px-md lg:w-auto lg:px-0", children: /* @__PURE__ */ jsxRuntime.jsx(
           ContactForm,
           {
             eyebrow,