@plurix/ecom-components 1.11.0 → 1.11.2

package/dist/main.d.ts

@@ -6,5 +6,6 @@ export { Tour } from './packages/Tour/Tour';
 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 './types/ChangeOrderModal';
 export { ChangeOrderModal } from './packages/ChangeOrderModal/ChangeOrderModal';

package/dist/main.js

@@ -1,18 +1,20 @@
 import { CartClubAlert as e } from "./packages/CartClubAlert/CartClubAlert.js";
-import { Carousel as p } from "./packages/Carousel/Carousel.js";
+import { Carousel as a } from "./packages/Carousel/Carousel.js";
 import { Coupons as f } from "./packages/Coupons/Coupons.js";
 import { Onboarding as x } from "./packages/Onboarding/Onboarding.js";
-import { Tour as n } from "./packages/Tour/Tour.js";
+import { Tour as C } from "./packages/Tour/Tour.js";
 import { Regionalization as d } from "./packages/Regionalization/Regionalization.js";
 import { Modal as u } from "./packages/Modal/Modal.js";
-import { ChangeOrderModal as b } from "./packages/ChangeOrderModal/ChangeOrderModal.js";
+import { ContactCard as b } from "./packages/ContactCard/ContactCard.js";
+import { ChangeOrderModal as M } from "./packages/ChangeOrderModal/ChangeOrderModal.js";
 export {
-  p as Carousel,
+  a as Carousel,
   e as CartClubAlert,
-  b as ChangeOrderModal,
+  M as ChangeOrderModal,
+  b as ContactCard,
   f as Coupons,
   u as Modal,
   x as Onboarding,
   d as Regionalization,
-  n as Tour
+  C as Tour
 };

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.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",