@digital-b2c/coreui-kit 0.21.3 → 0.21.6

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

@@ -2442,19 +2442,16 @@ var CardCarousel = ({
         onResize: syncPagination,
         children: cards.map((_d, index) => {
           var _e = _d, { isLocked, className: cardClassName, videoUrl } = _e, card = __objRest(_e, ["isLocked", "className", "videoUrl"]);
-          var _a2;
           return /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsx(
             Card2,
-            __spreadProps(__spreadValues({
+            __spreadProps(__spreadValues({}, card), {
               variant: theme,
               className: clsx52__default.default(CardCarousel_module_default.card, isLocked && CardCarousel_module_default.locked, cardClassName),
-              onCtaClick: ((_a2 = card.cta) == null ? void 0 : _a2.url) ? (event) => {
-                var _a3, _b2;
+              onCtaClick: !isLocked && videoUrl ? (event) => {
                 event.preventDefault();
-                setActiveVideo((_b2 = (_a3 = card.cta) == null ? void 0 : _a3.url) != null ? _b2 : null);
-              } : card.onCtaClick
-            }, card), {
-              cta: videoUrl && card.cta ? __spreadProps(__spreadValues({}, card.cta), { icon: "watchBlack" }) : card.cta
+                setActiveVideo(videoUrl);
+              } : card.onCtaClick,
+              cta: !isLocked && videoUrl && card.cta ? __spreadProps(__spreadValues({}, card.cta), { icon: "watchBlack" }) : card.cta
             })
           ) }, index);
         })
@@ -4190,6 +4187,24 @@ var Navigation2 = (props) => {
       document.body.style.overflow = "";
     };
   }, [isMobileMenuOpen]);
+  React72.useEffect(() => {
+    if (!navRef.current) return;
+    const navigation = navRef.current;
+    const root = document.documentElement;
+    const updateNavigationHeight = () => {
+      root.style.setProperty(
+        "--navigation-height",
+        `${navigation.getBoundingClientRect().height}px`
+      );
+    };
+    updateNavigationHeight();
+    const resizeObserver = new ResizeObserver(updateNavigationHeight);
+    resizeObserver.observe(navigation);
+    return () => {
+      resizeObserver.disconnect();
+      root.style.removeProperty("--navigation-height");
+    };
+  }, []);
   React72.useEffect(() => {
     if (!dropdownOpen) return;
     const handleKey = (e) => {
@@ -5699,6 +5714,7 @@ var QuoteSectionBlock_module_default = {
   inner: "QuoteSectionBlock_module_inner",
   title: "QuoteSectionBlock_module_title",
   swiperContainer: "QuoteSectionBlock_module_swiperContainer",
+  swiperContainerFullWidth: "QuoteSectionBlock_module_swiperContainerFullWidth",
   card: "QuoteSectionBlock_module_card",
   quoteLogo: "QuoteSectionBlock_module_quoteLogo",
   bodyText: "QuoteSectionBlock_module_bodyText",
@@ -5709,7 +5725,12 @@ var QuoteSectionBlock_module_default = {
   jobTitleLogo: "QuoteSectionBlock_module_jobTitleLogo",
   controls: "QuoteSectionBlock_module_controls"
 };
-var QuoteSectionBlock = ({ className, title, items = [] }) => {
+var QuoteSectionBlock = ({
+  className,
+  title,
+  viewtype,
+  items = []
+}) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const [swiperInstance, setSwiperInstance] = React72.useState(null);
@@ -5717,7 +5738,7 @@ var QuoteSectionBlock = ({ className, title, items = [] }) => {
   if (!items.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx52__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: !viewtype ? QuoteSectionBlock_module_default.swiperContainer : QuoteSectionBlock_module_default.swiperContainerFullWidth, children: /* @__PURE__ */ jsxRuntime.jsx(
       react$1.Swiper,
       {
         slidesPerView: "auto",