@digital-b2c/coreui-kit 0.5.6 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/LICENSE.txt +21 -21
  2. package/README.md +52 -52
  3. package/dist/index.cjs +32 -23
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +17 -4
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.d.cts +2 -1
  8. package/dist/index.d.ts +2 -1
  9. package/dist/index.mjs +32 -23
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/types/global.d.ts +25 -25
  12. package/package.json +99 -100
package/dist/index.d.cts CHANGED
@@ -358,13 +358,14 @@ type MiniSectionCtaTitleProps = {
358
358
  interface MiniSectionCtaProps {
359
359
  className?: string;
360
360
  variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
361
+ theme?: 'light' | 'dark';
361
362
  cta?: ICta;
362
363
  title?: ReactNode;
363
364
  subtitle?: ReactNode;
364
365
  children?: ReactNode;
365
366
  }
366
367
 
367
- declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
368
+ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
368
369
  Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
369
370
  Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
370
371
  };
package/dist/index.d.ts CHANGED
@@ -358,13 +358,14 @@ type MiniSectionCtaTitleProps = {
358
358
  interface MiniSectionCtaProps {
359
359
  className?: string;
360
360
  variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
361
+ theme?: 'light' | 'dark';
361
362
  cta?: ICta;
362
363
  title?: ReactNode;
363
364
  subtitle?: ReactNode;
364
365
  children?: ReactNode;
365
366
  }
366
367
 
367
- declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
368
+ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
368
369
  Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
369
370
  Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
370
371
  };
package/dist/index.mjs CHANGED
@@ -1422,12 +1422,15 @@ var MiniSectionCta_module_default = {
1422
1422
  infoCallout: "MiniSectionCta_module_infoCallout",
1423
1423
  subtitle: "MiniSectionCta_module_subtitle",
1424
1424
  miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
1425
+ light: "MiniSectionCta_module_light",
1426
+ dark: "MiniSectionCta_module_dark",
1425
1427
  cta: "MiniSectionCta_module_cta",
1426
1428
  BgColorGrey: "MiniSectionCta_module_BgColorGrey"
1427
1429
  };
1428
1430
  var MiniSectionCta = ({
1429
1431
  className,
1430
1432
  variant = "headerCTA",
1433
+ theme,
1431
1434
  title,
1432
1435
  subtitle,
1433
1436
  cta,
@@ -1440,29 +1443,35 @@ var MiniSectionCta = ({
1440
1443
  });
1441
1444
  const titleNode = (_a = slots.title) != null ? _a : title;
1442
1445
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1443
- 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: [
1444
- /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
1445
- titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
1446
- subtitleNode && /* @__PURE__ */ jsx(
1447
- "div",
1448
- {
1449
- className: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1450
- children: subtitleNode
1451
- }
1452
- )
1453
- ] }),
1454
- cta && /* @__PURE__ */ jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsx(
1455
- Button,
1456
- {
1457
- className: MiniSectionCta_module_default.cta,
1458
- href: cta.url,
1459
- isExternal: cta.isExternal,
1460
- variant: variant === "BgColorBlack" ? "shiny" : "primary",
1461
- icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
1462
- children: cta.label
1463
- }
1464
- ) })
1465
- ] }) }) });
1446
+ return /* @__PURE__ */ jsx(
1447
+ "div",
1448
+ {
1449
+ className: clsx19(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
1450
+ children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
1451
+ /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
1452
+ titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
1453
+ subtitleNode && /* @__PURE__ */ jsx(
1454
+ "div",
1455
+ {
1456
+ className: clsx19(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1457
+ children: subtitleNode
1458
+ }
1459
+ )
1460
+ ] }),
1461
+ cta && /* @__PURE__ */ jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsx(
1462
+ Button,
1463
+ {
1464
+ className: MiniSectionCta_module_default.cta,
1465
+ href: cta.url,
1466
+ isExternal: cta.isExternal,
1467
+ variant: variant === "BgColorBlack" ? "shiny" : "primary",
1468
+ icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
1469
+ children: cta.label
1470
+ }
1471
+ ) })
1472
+ ] }) })
1473
+ }
1474
+ );
1466
1475
  };
1467
1476
 
1468
1477
  // src/widgets/MiniSectionCta/index.ts