@digital-b2c/coreui-kit 0.5.5 → 0.6.0

package/dist/index.d.ts

@@ -125,6 +125,7 @@ type CardTitleProps = {
 
 interface CardProps {
     className?: string;
+    variant?: 'light' | 'dark';
     title?: ReactNode;
     subtitle?: ReactNode;
     icon?: IconType;
@@ -135,7 +136,7 @@ interface CardProps {
 }
 
 declare const Card: {
-    ({ className, title, subtitle, cta, icon, logo, children, ref }: CardProps): react_jsx_runtime.JSX.Element;
+    ({ className, variant, title, subtitle, cta, icon, logo, children, ref, }: CardProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 } & {
     Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
@@ -243,9 +244,10 @@ interface CardCollectionProps {
     cards?: CardProps[];
     children?: ReactNode;
     ctaLabel?: string;
+    theme?: 'dark' | 'light';
 }
 
-declare const CardCollection: (({ className, variant, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
+declare const CardCollection: (({ className, variant, theme, title, subtitle, cards, ctaLabel, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
     Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
     Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
 };
@@ -356,13 +358,14 @@ type MiniSectionCtaTitleProps = {
 interface MiniSectionCtaProps {
     className?: string;
     variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
+    theme?: 'light' | 'dark';
     cta?: ICta;
     title?: ReactNode;
     subtitle?: ReactNode;
     children?: ReactNode;
 }
 
-declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
+declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
     Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
     Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
 };

package/dist/index.mjs

@@ -680,10 +680,23 @@ Container.displayName = "Container";
 // src/components/Card/Card.module.scss
 var Card_module_default = {
   card: "Card_module_card",
-  logo: "Card_module_logo",
-  subtitle: "Card_module_subtitle"
+  dark: "Card_module_dark",
+  content: "Card_module_content",
+  subtitle: "Card_module_subtitle",
+  light: "Card_module_light",
+  logo: "Card_module_logo"
 };
-var Card = ({ className, title, subtitle, cta, icon, logo, children, ref }) => {
+var Card = ({
+  className,
+  variant = "dark",
+  title,
+  subtitle,
+  cta,
+  icon,
+  logo,
+  children,
+  ref
+}) => {
   var _a, _b;
   const { url: href, label, isExternal } = cta != null ? cta : {};
   const slots = resolveCompoundSlots(children, {
@@ -692,12 +705,11 @@ var Card = ({ className, title, subtitle, cta, icon, logo, children, ref }) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  console.log(href && !label, href, !label);
   return /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx19(Card_module_default.card, className),
+      className: clsx19(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: href && !label
@@ -934,6 +946,7 @@ var CardCollection_module_default = {
 var CardCollection = ({
   className,
   variant = "default",
+  theme = "dark",
   title,
   subtitle,
   cards = [],
@@ -994,8 +1007,16 @@ var CardCollection = ({
           subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx19(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
-          visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card }, card), key)),
-          isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ ref: extraCard, className: CardCollection_module_default.card }, card), key)) }) }),
+          visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
+          isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
+            Card2,
+            __spreadValues({
+              ref: extraCard,
+              className: CardCollection_module_default.card,
+              variant: theme
+            }, card),
+            key
+          )) }) }),
           isExamCard && !isExpanded && ctaLabel && /* @__PURE__ */ jsx(
             Button,
             {
@@ -1401,12 +1422,15 @@ var MiniSectionCta_module_default = {
   infoCallout: "MiniSectionCta_module_infoCallout",
   subtitle: "MiniSectionCta_module_subtitle",
   miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
+  light: "MiniSectionCta_module_light",
+  dark: "MiniSectionCta_module_dark",
   cta: "MiniSectionCta_module_cta",
   BgColorGrey: "MiniSectionCta_module_BgColorGrey"
 };
 var MiniSectionCta = ({
   className,
   variant = "headerCTA",
+  theme,
   title,
   subtitle,
   cta,
@@ -1419,29 +1443,35 @@ var MiniSectionCta = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx19(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], className), children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
-    /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
-      titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
-      subtitleNode && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
-          children: subtitleNode
-        }
-      )
-    ] }),
-    cta && /* @__PURE__ */ jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        className: MiniSectionCta_module_default.cta,
-        href: cta.url,
-        isExternal: cta.isExternal,
-        variant: variant === "BgColorBlack" ? "shiny" : "primary",
-        icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
-        children: cta.label
-      }
-    ) })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx19(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
+        /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
+          titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              children: subtitleNode
+            }
+          )
+        ] }),
+        cta && /* @__PURE__ */ jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: MiniSectionCta_module_default.cta,
+            href: cta.url,
+            isExternal: cta.isExternal,
+            variant: variant === "BgColorBlack" ? "shiny" : "primary",
+            icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
+            children: cta.label
+          }
+        ) })
+      ] }) })
+    }
+  );
 };
 
 // src/widgets/MiniSectionCta/index.ts