@digital-b2c/coreui-kit 0.4.4 → 0.4.6

package/dist/index.mjs

@@ -1304,8 +1304,10 @@ var MiniBannerSubtitle = ({ children }) => {
 var MiniBanner_module_default = {
   minibanner: "MiniBanner_module_minibanner",
   background: "MiniBanner_module_background",
+  wrapper: "MiniBanner_module_wrapper",
   textContainer: "MiniBanner_module_textContainer",
   logo: "MiniBanner_module_logo",
+  pretitle: "MiniBanner_module_pretitle",
   headingWrapper: "MiniBanner_module_headingWrapper",
   title: "MiniBanner_module_title",
   ctaContainer: "MiniBanner_module_ctaContainer",
@@ -1339,37 +1341,39 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
-  return /* @__PURE__ */ jsxs(Container, { className: clsx19(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx19(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
-      (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-      pretitleNode && /* @__PURE__ */ jsx("div", { className: "small", children: pretitleNode }),
-      /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
-      subtitleNode && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx19(MiniBanner_module_default.title, {
-            subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
-            h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
-          }),
-          children: subtitleNode
-        }
-      )
-    ] }),
-    cta && cta.length > 0 && /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          href: cta2.url,
-          isExternal: cta2.isExternal,
-          variant: "secondary",
-          fullWidth: isTabletBelow,
-          logo: cta2.logo,
-          children: cta2.label
-        },
-        key
-      );
-    }) })
+    /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+      /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
+        (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        subtitleNode && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx19(MiniBanner_module_default.title, {
+              subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
+              h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
+            }),
+            children: subtitleNode
+          }
+        )
+      ] }),
+      cta && cta.length > 0 && /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            href: cta2.url,
+            isExternal: cta2.isExternal,
+            variant: "secondary",
+            fullWidth: isTabletBelow,
+            logo: cta2.logo,
+            children: cta2.label
+          },
+          key
+        );
+      }) })
+    ] })
   ] });
 };
 
@@ -1563,16 +1567,18 @@ var Teaser5050WithCta_module_default = {
   wrapper: "Teaser5050WithCta_module_wrapper",
   title: "Teaser5050WithCta_module_title",
   image: "Teaser5050WithCta_module_image",
-  cta: "Teaser5050WithCta_module_cta"
+  cta: "Teaser5050WithCta_module_cta",
+  ctaWrapper: "Teaser5050WithCta_module_ctaWrapper"
 };
 var Teaser5050WithCta = ({
   className,
   variant = "left",
   title,
   subtitle,
-  cta,
+  ctas,
   image,
-  children
+  children,
+  bgColor
 }) => {
   var _a, _b;
   const slots = resolveCompoundSlots(children, {
@@ -1581,25 +1587,34 @@ var Teaser5050WithCta = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx19(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
-    /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
-      /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-        titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
-        subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
-      ] }),
-      cta && /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: Teaser5050WithCta_module_default.cta,
-          variant: "secondary",
-          href: cta == null ? void 0 : cta.url,
-          isExternal: cta == null ? void 0 : cta.isExternal,
-          children: cta == null ? void 0 : cta.label
-        }
-      )
-    ] }),
-    image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050WithCta_module_default.image }, image))
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx19(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
+      children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
+        /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
+          /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
+          ] }),
+          (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: Teaser5050WithCta_module_default.cta,
+              variant: "secondary",
+              href: cta == null ? void 0 : cta.url,
+              isExternal: cta == null ? void 0 : cta.isExternal,
+              logo: cta.logo,
+              children: cta == null ? void 0 : cta.label
+            },
+            key
+          )) })
+        ] }),
+        image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050WithCta_module_default.image }, image))
+      ] })
+    }
+  );
 };
 
 // src/widgets/Teaser5050WithCta/index.ts