@digital-b2c/coreui-kit 0.17.16 → 0.17.17

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

@@ -772,6 +772,12 @@ var Container = React71.forwardRef(
   }
 );
 Container.displayName = "Container";
+var Text = (_a) => {
+  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
+  const Component = promoteToH1 ? "h1" : tag;
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
+};
+Text.displayName = "Text";
 
 // src/components/Card/Card.module.scss
 var Card_module_default = {
@@ -1855,7 +1861,7 @@ var NewsCard = ({
                 /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx49__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx49__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx49__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { id: `title-${id}`, className: clsx49__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
                 typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx49__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description,
                 isRestricted && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `restricted-${id}`, className: "sr-only", children: "This resource is restricted. You do not have permission to access it." })
               ] }),
@@ -1864,9 +1870,7 @@ var NewsCard = ({
                 {
                   variant: "secondary",
                   className: clsx49__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
-                  href: cta.url,
                   icon: cta.icon,
-                  isExternal: cta == null ? void 0 : cta.isExternal,
                   "aria-hidden": "true",
                   tabIndex: -1,
                   renderLink: renderLink ? (props) => renderLink(__spreadProps(__spreadValues({}, props), { tabIndex: -1 })) : void 0,
@@ -2544,12 +2548,6 @@ var LogoBar = ({ className, items }) => {
     ] }) }, key);
   }) });
 };
-var Text = (_a) => {
-  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
-  const Component = promoteToH1 ? "h1" : tag;
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
-};
-Text.displayName = "Text";
 var HeroBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -2722,7 +2720,7 @@ var HeroBannerCarousel = ({
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.card, children: [
           item.isNewItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCorner, children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: HeroBannerCarousel_module_default.cardCornerDot }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "newIcon", className: HeroBannerCarousel_module_default.cardCornerImage }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardContent, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: HeroBannerCarousel_module_default.cardTitle, children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx49__default.default(HeroBannerCarousel_module_default.cardTitle, "h3"), children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.cardBottom, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardBody, children: item.body }),
               item.ctas.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.cardCtaContainer, children: item.ctas.map((cta, ctaIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3099,6 +3097,7 @@ var MiniBanner = ({
   logo,
   background,
   cta,
+  promoteToH1 = false,
   children
 }) => {
   var _a, _b, _c, _d, _e;
@@ -3122,11 +3121,19 @@ var MiniBanner = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
         pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
+        (titleNode || goBackNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
           goBackNode ? React71__default.default.cloneElement(goBackNode, {
             className: clsx49__default.default("back-button", MiniBanner_module_default["back-button"])
           }) : null,
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx49__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx(
+            Text,
+            {
+              tag: "div",
+              promoteToH1,
+              className: clsx49__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"),
+              children: titleNode
+            }
+          )
         ] }),
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -3181,6 +3188,7 @@ var MiniSectionCta_module_default = {
   subtitle: "MiniSectionCta_module_subtitle",
   miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
   light: "MiniSectionCta_module_light",
+  gray: "MiniSectionCta_module_gray",
   dark: "MiniSectionCta_module_dark",
   cta: "MiniSectionCta_module_cta",
   BgColorGrey: "MiniSectionCta_module_BgColorGrey"
@@ -3192,6 +3200,7 @@ var MiniSectionCta = ({
   title,
   subtitle,
   cta,
+  moduleStyles,
   children
 }) => {
   var _a, _b;
@@ -3205,6 +3214,10 @@ var MiniSectionCta = ({
     "div",
     {
       className: clsx49__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      style: __spreadValues({}, moduleStyles && {
+        "--custom-background-color": moduleStyles.backgroundColor,
+        "--custom-color": moduleStyles.color
+      }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
@@ -4210,7 +4223,7 @@ var Teaser5050WithCta = ({
   ctas,
   image,
   children,
-  bgColor
+  moduleStyles
 }) => {
   var _a, _b;
   const slots = resolveCompoundSlots(children, {
@@ -4223,7 +4236,10 @@ var Teaser5050WithCta = ({
     "div",
     {
       className: clsx49__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
-      style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
+      style: __spreadValues({}, moduleStyles && {
+        "--custom-background-color": moduleStyles.backgroundColor,
+        "--custom-color": moduleStyles.color
+      }),
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
@@ -4301,6 +4317,7 @@ var Carousel = (_a) => {
 // src/widgets/EventList/EventList.module.scss
 var EventList_module_default = {
   "event-list-module": "EventList_module_event-list-module",
+  gray: "EventList_module_gray",
   "event-list-header-container": "EventList_module_event-list-header-container",
   "event-list-title": "EventList_module_event-list-title",
   "event-list-wrapper": "EventList_module_event-list-wrapper",
@@ -4346,10 +4363,12 @@ var EventList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx49__default.default("event-list-module", EventList_module_default["event-list-module"], className),
-      style: {
-        backgroundColor
-      },
+      className: clsx49__default.default(
+        "event-list-module",
+        EventList_module_default["event-list-module"],
+        backgroundColor && EventList_module_default[backgroundColor],
+        className
+      ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx49__default.default(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx49__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
@@ -5073,6 +5092,7 @@ var NewsCardList = ({
               className: clsx49__default.default("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
               placeholder: "Search News",
+              "aria-label": "Search News",
               endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
@@ -5228,6 +5248,7 @@ var BlogSearchResultsList = ({
           className: clsx49__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
           placeholder: "Search News",
+          "aria-label": "Search News",
           endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
@@ -5603,6 +5624,7 @@ exports.Search = Search;
 exports.Sidebar = Sidebar;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
 exports.Teaser5050WithCta = Teaser5050WithCta2;
+exports.Text = Text;
 exports.TextBody = TextBody2;
 exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
 exports.TextCenterWithMedia = TextCenterWithMedia2;