@digital-b2c/coreui-kit 0.18.2 → 0.18.4

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Luxottica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

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)),
@@ -2627,6 +2629,7 @@ var HeroBanner_module_default = {
   container: "HeroBanner_module_container",
   banner: "HeroBanner_module_banner",
   text: "HeroBanner_module_text",
+  fullWidth: "HeroBanner_module_fullWidth",
   titleLogo: "HeroBanner_module_titleLogo",
   title: "HeroBanner_module_title",
   subtitle: "HeroBanner_module_subtitle",
@@ -2680,7 +2683,7 @@ var HeroBanner = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], HeroBanner_module_default[type], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
-        (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
+        (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx50__default.default(HeroBanner_module_default.text, vMainHeroBanner && HeroBanner_module_default.fullWidth), children: [
           isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
           titleNode && /* @__PURE__ */ jsxRuntime.jsx(
             Text,
@@ -4156,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 })
       ] }),
@@ -4172,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 })
   ] }) });
 };