@digital-b2c/coreui-kit 0.18.3 → 0.18.5

package/dist/index.cjs

@@ -1318,22 +1318,24 @@ var Pagination = ({
 var PracticeCard_module_default = {
   "practice-card": "PracticeCard_module_practice-card",
   wrapper: "PracticeCard_module_wrapper",
+  "focusable-card": "PracticeCard_module_focusable-card",
   background: "PracticeCard_module_background",
+  ctaRest: "PracticeCard_module_ctaRest",
+  ctaHover: "PracticeCard_module_ctaHover",
   container: "PracticeCard_module_container",
   title: "PracticeCard_module_title",
-  cta: "PracticeCard_module_cta",
-  ctaRest: "PracticeCard_module_ctaRest",
-  ctaHover: "PracticeCard_module_ctaHover"
+  cta: "PracticeCard_module_cta"
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
-      className: PracticeCard_module_default.wrapper,
+      className: clsx50__default.default(PracticeCard_module_default.wrapper, PracticeCard_module_default["focusable-card"]),
       wrapper: Anchor,
       fallback: "div",
-      condition: !!href
+      condition: !!href,
+      tabIndex: 0
     }, href ? { href, isExternal } : {}), {
       children: [
         image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
@@ -4157,8 +4159,8 @@ var PracticePathCards = ({
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   const footerNode = (_c = slots.footer) != null ? _c : footer;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx50__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
+    (titleNode || subtitleNode || (cta == null ? void 0 : cta.url)) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
+      (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
       ] }),
@@ -4173,7 +4175,7 @@ var PracticePathCards = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: PracticePathCards_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(PracticeCard, __spreadValues({ className: PracticePathCards_module_default.card }, card), key)) }),
+    (cards == null ? void 0 : cards.length) !== 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: PracticePathCards_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(PracticeCard, __spreadValues({ className: PracticePathCards_module_default.card }, card), key)) }),
     footerNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "smallest", children: footerNode })
   ] }) });
 };