@digital-b2c/coreui-kit 0.21.10 → 0.22.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 +8 -1
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +67 -7
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.d.cts +3 -2
  8. package/dist/index.d.ts +3 -2
  9. package/dist/index.mjs +8 -1
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/types/global.d.ts +25 -25
  12. package/package.json +100 -101
package/dist/index.d.cts CHANGED
@@ -781,8 +781,8 @@ type MiniSectionCtaTitleProps = {
781
781
 
782
782
  interface MiniSectionCtaProps {
783
783
  className?: string;
784
- variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
785
- theme?: 'dark' | 'light' | 'gray';
784
+ variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta' | 'bgGradientGrey';
785
+ theme?: 'dark' | 'light' | 'gray' | 'gradientGrey';
786
786
  cta?: ICta;
787
787
  title?: ReactNode;
788
788
  subtitle?: ReactNode;
@@ -790,6 +790,7 @@ interface MiniSectionCtaProps {
790
790
  moduleStyles?: {
791
791
  color?: string;
792
792
  backgroundColor?: string;
793
+ mobileBackgroundColor?: string;
793
794
  };
794
795
  }
795
796
 
package/dist/index.d.ts CHANGED
@@ -781,8 +781,8 @@ type MiniSectionCtaTitleProps = {
781
781
 
782
782
  interface MiniSectionCtaProps {
783
783
  className?: string;
784
- variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
785
- theme?: 'dark' | 'light' | 'gray';
784
+ variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta' | 'bgGradientGrey';
785
+ theme?: 'dark' | 'light' | 'gray' | 'gradientGrey';
786
786
  cta?: ICta;
787
787
  title?: ReactNode;
788
788
  subtitle?: ReactNode;
@@ -790,6 +790,7 @@ interface MiniSectionCtaProps {
790
790
  moduleStyles?: {
791
791
  color?: string;
792
792
  backgroundColor?: string;
793
+ mobileBackgroundColor?: string;
793
794
  };
794
795
  }
795
796
 
package/dist/index.mjs CHANGED
@@ -1413,6 +1413,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
1413
1413
  var ResourceCardItem_module_default = {
1414
1414
  cardLink: "ResourceCardItem_module_cardLink",
1415
1415
  "global-search": "ResourceCardItem_module_global-search",
1416
+ cardLinkOverlay: "ResourceCardItem_module_cardLinkOverlay",
1416
1417
  cardGrid: "ResourceCardItem_module_cardGrid",
1417
1418
  restricted: "ResourceCardItem_module_restricted",
1418
1419
  cardBody: "ResourceCardItem_module_cardBody",
@@ -1451,6 +1452,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
1451
1452
  })
1452
1453
  ) : null;
1453
1454
  const linkWrapper = ({ children }) => /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx52(ResourceCardItem_module_default.cardLink), children }));
1455
+ const cardLinkOverlay = linkProps && !isGlobalSearchVariant ? /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: -1, className: ResourceCardItem_module_default.cardLinkOverlay })) : null;
1454
1456
  function getIcon() {
1455
1457
  switch (item.type) {
1456
1458
  case "pdf":
@@ -1476,6 +1478,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
1476
1478
  "aria-describedby": isRestricted ? `restricted-${item.id}` : void 0,
1477
1479
  children: [
1478
1480
  cardLink,
1481
+ cardLinkOverlay,
1479
1482
  /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardBody, children: [
1480
1483
  /* @__PURE__ */ jsxs("div", { children: [
1481
1484
  /* @__PURE__ */ jsx(ConditionalWrapper, { condition: hasHref, wrapper: linkWrapper, children: /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardIconTitle, children: [
@@ -1497,6 +1500,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
1497
1500
  );
1498
1501
  }
1499
1502
  return /* @__PURE__ */ jsxs("article", { className: ResourceCardItem_module_default.cardList, children: [
1503
+ cardLinkOverlay,
1500
1504
  /* @__PURE__ */ jsxs("div", { className: ResourceCardItem_module_default.cardListLeft, children: [
1501
1505
  item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.notificationDot, "aria-label": "New" }),
1502
1506
  /* @__PURE__ */ jsx("span", { className: ResourceCardItem_module_default.cardDate, children: item.date })
@@ -3461,8 +3465,10 @@ var MiniSectionCta_module_default = {
3461
3465
  infoCallout: "MiniSectionCta_module_infoCallout",
3462
3466
  subtitle: "MiniSectionCta_module_subtitle",
3463
3467
  miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
3468
+ bgGradientGrey: "MiniSectionCta_module_bgGradientGrey",
3464
3469
  light: "MiniSectionCta_module_light",
3465
3470
  gray: "MiniSectionCta_module_gray",
3471
+ gradientGrey: "MiniSectionCta_module_gradientGrey",
3466
3472
  dark: "MiniSectionCta_module_dark",
3467
3473
  cta: "MiniSectionCta_module_cta",
3468
3474
  BgColorGrey: "MiniSectionCta_module_BgColorGrey"
@@ -3491,6 +3497,7 @@ var MiniSectionCta = ({
3491
3497
  className: clsx52(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
3492
3498
  style: __spreadValues({}, hasModuleStyles && {
3493
3499
  "--custom-background-color": moduleStyles.backgroundColor,
3500
+ "--custom-mobile-background-color": moduleStyles.mobileBackgroundColor,
3494
3501
  "--custom-color": moduleStyles.color
3495
3502
  }),
3496
3503
  children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
@@ -3510,7 +3517,7 @@ var MiniSectionCta = ({
3510
3517
  className: MiniSectionCta_module_default.cta,
3511
3518
  href: cta.url,
3512
3519
  isExternal: cta.isExternal,
3513
- variant: variant === "BgColorBlack" ? "shiny" : "primary",
3520
+ variant: variant === "BgColorBlack" ? "shiny" : variant === "bgGradientGrey" ? "secondary" : "primary",
3514
3521
  icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
3515
3522
  children: cta.label
3516
3523
  }