@plurix/ecom-components 1.11.3 → 1.11.5

package/dist/main.d.ts

@@ -7,5 +7,6 @@ export { Regionalization } from './packages/Regionalization/Regionalization';
 export * from './packages/Regionalization/types';
 export { Modal } from './packages/Modal/Modal';
 export { ContactCard } from './packages/ContactCard/ContactCard';
+export * from './packages/ContactCard/ContactCard';
 export * from './types/ChangeOrderModal';
 export { ChangeOrderModal } from './packages/ChangeOrderModal/ChangeOrderModal';

package/dist/packages/ContactCard/ContactCard.d.ts

@@ -1,12 +1,22 @@
-
+/// <reference types="react" />
 export interface ContactCardProps {
     title: string;
     subtitle?: string;
     image?: string;
     alt?: string;
+    imgWidth?: number;
     linkItem?: {
         link: string;
         linkText: string;
     };
+    backgroundColor?: string;
+    color?: string;
+    widthContainer?: number;
+    heightContainer?: number;
+    padding?: number | string;
+    alignItems?: string;
+    justifyContent?: string;
+    marginRightLogo?: number;
+    lineHeightContainer?: number | string;
 }
-export declare const ContactCard: ({ title, subtitle, image, alt, linkItem }: ContactCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactCard: ({ title, subtitle, image, alt, imgWidth, linkItem, backgroundColor, color, widthContainer, heightContainer, padding, alignItems, justifyContent, marginRightLogo, lineHeightContainer }: ContactCardProps) => JSX.Element;

package/dist/packages/ContactCard/ContactCard.js

@@ -1,18 +1,40 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-/* empty css                         */const o = ({
-  title: s,
-  subtitle: t,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const j = ({
+  title: o,
+  subtitle: n,
   image: r,
-  alt: d,
-  linkItem: a
-}) => /* @__PURE__ */ n("div", { className: "contact-card", children: [
-  r && /* @__PURE__ */ c("div", { className: "contact-card__logo", children: /* @__PURE__ */ c("img", { src: r, alt: d || "" }) }),
-  /* @__PURE__ */ n("div", { className: "contact-card__content", children: [
-    /* @__PURE__ */ c("p", { className: "contact-card__title", children: s }),
-    t && /* @__PURE__ */ c("p", { className: "contact-card__subtitle", children: t }),
-    a && /* @__PURE__ */ c("a", { href: a.link, className: "contact-card__link", children: a.linkText })
+  alt: l,
+  imgWidth: s,
+  linkItem: t,
+  backgroundColor: c,
+  color: a,
+  widthContainer: d,
+  heightContainer: h,
+  padding: g,
+  alignItems: x,
+  justifyContent: p,
+  marginRightLogo: y,
+  lineHeightContainer: C
+}) => /* @__PURE__ */ i("div", { className: "container-card", style: {
+  backgroundColor: c || "#25D366",
+  color: a || "#FFFFFF",
+  height: h,
+  width: d,
+  display: "flex",
+  justifyContent: p || "center",
+  padding: g || "16px 24px",
+  alignItems: x || "center",
+  lineHeight: C || "10px"
+}, children: [
+  /* @__PURE__ */ e("div", { className: "logo", style: {
+    marginRight: y || 10
+  }, children: r && /* @__PURE__ */ e("img", { src: r, alt: l || "", width: s || 50 }) }),
+  /* @__PURE__ */ i("div", { className: "text-box", children: [
+    /* @__PURE__ */ e("p", { children: o }),
+    n && /* @__PURE__ */ e("p", { children: n }),
+    t && /* @__PURE__ */ e("a", { href: t.link, children: t.linkText })
   ] })
 ] });
 export {
-  o as ContactCard
+  j as ContactCard
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@plurix/ecom-components",
   "author": "Plurix",
   "private": false,
-  "version": "1.11.3",
+  "version": "1.11.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/styles/contact-card.global.css

@@ -1 +0,0 @@
-.contact-card{display:flex;align-items:center;justify-content:center;background-color:#25d366;color:#fff;padding:16px 24px;gap:16px;border-radius:8px}.contact-card__logo img{width:50px}.contact-card__content{display:flex;flex-direction:column;gap:4px}.contact-card__title{font-weight:700;margin:0}.contact-card__subtitle{margin:0}.contact-card__link{color:#fff;text-decoration:underline;font-size:.875rem}