@plurix/ecom-components 1.11.0 → 1.11.1

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

@@ -1,24 +1,12 @@
-import { default as React } from '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;
 }
-declare const ContactCard: React.FC<ContactCardProps>;
-export default ContactCard;
+export declare const ContactCard: ({ title, subtitle, image, alt, linkItem }: ContactCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/packages/ContactCard/ContactCard.js

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

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

@@ -0,0 +1 @@
+.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}

package/package.json

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