@digital-b2c/coreui-kit 0.21.11 → 0.22.1

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

@@ -3474,8 +3474,10 @@ var MiniSectionCta_module_default = {
   infoCallout: "MiniSectionCta_module_infoCallout",
   subtitle: "MiniSectionCta_module_subtitle",
   miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
+  bgGradientGrey: "MiniSectionCta_module_bgGradientGrey",
   light: "MiniSectionCta_module_light",
   gray: "MiniSectionCta_module_gray",
+  gradientGrey: "MiniSectionCta_module_gradientGrey",
   dark: "MiniSectionCta_module_dark",
   cta: "MiniSectionCta_module_cta",
   BgColorGrey: "MiniSectionCta_module_BgColorGrey"
@@ -3504,6 +3506,7 @@ var MiniSectionCta = ({
       className: clsx52__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       style: __spreadValues({}, hasModuleStyles && {
         "--custom-background-color": moduleStyles.backgroundColor,
+        "--custom-mobile-background-color": moduleStyles.mobileBackgroundColor,
         "--custom-color": moduleStyles.color
       }),
       children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
@@ -3523,7 +3526,7 @@ var MiniSectionCta = ({
             className: MiniSectionCta_module_default.cta,
             href: cta.url,
             isExternal: cta.isExternal,
-            variant: variant === "BgColorBlack" ? "shiny" : "primary",
+            variant: variant === "BgColorBlack" ? "shiny" : variant === "bgGradientGrey" ? "secondary" : "primary",
             icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
             children: cta.label
           }
@@ -5714,6 +5717,8 @@ var TextCenterWithMedia2 = Object.assign(TextCenterWithMedia, {
 
 // src/widgets/QuoteSectionBlock/QuoteSectionBlock.module.scss
 var QuoteSectionBlock_module_default = {
+  bodyText: "QuoteSectionBlock_module_bodyText",
+  displayName: "QuoteSectionBlock_module_displayName",
   quoteSectionBlock: "QuoteSectionBlock_module_quoteSectionBlock",
   inner: "QuoteSectionBlock_module_inner",
   title: "QuoteSectionBlock_module_title",
@@ -5721,11 +5726,9 @@ var QuoteSectionBlock_module_default = {
   swiperContainerFullWidth: "QuoteSectionBlock_module_swiperContainerFullWidth",
   card: "QuoteSectionBlock_module_card",
   quoteLogo: "QuoteSectionBlock_module_quoteLogo",
-  bodyText: "QuoteSectionBlock_module_bodyText",
   attribution: "QuoteSectionBlock_module_attribution",
+  attributionRight: "QuoteSectionBlock_module_attributionRight",
   displayPhoto: "QuoteSectionBlock_module_displayPhoto",
-  displayName: "QuoteSectionBlock_module_displayName",
-  displaySubName: "QuoteSectionBlock_module_displaySubName",
   attributionText: "QuoteSectionBlock_module_attributionText",
   jobTitleLogo: "QuoteSectionBlock_module_jobTitleLogo",
   controls: "QuoteSectionBlock_module_controls"
@@ -5752,20 +5755,15 @@ var QuoteSectionBlock = ({
         onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.card, children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "quote", className: QuoteSectionBlock_module_default.quoteLogo }),
-          (item == null ? void 0 : item.bodyText) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: QuoteSectionBlock_module_default.bodyText, children: item.bodyText }),
+          (item == null ? void 0 : item.bodyText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.bodyText, children: item.bodyText }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attribution, children: [
-            (item == null ? void 0 : item.displayPhoto) && /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: item.displayPhoto,
-                alt: item.displayName,
-                className: QuoteSectionBlock_module_default.displayPhoto
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attributionText, children: [
-              (item == null ? void 0 : item.displayName) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: QuoteSectionBlock_module_default.displayName, children: item.displayName }),
-              (item == null ? void 0 : item.displaySubName) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: QuoteSectionBlock_module_default.displaySubName, children: item.displaySubName }),
-              (item == null ? void 0 : item.jobTitleLogo) && /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.jobTitleLogo, alt: "", className: QuoteSectionBlock_module_default.jobTitleLogo })
+            (item == null ? void 0 : item.displayPhoto) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, item.displayPhoto), { className: QuoteSectionBlock_module_default.displayPhoto })),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attributionRight, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attributionText, children: [
+                (item == null ? void 0 : item.displayName) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: QuoteSectionBlock_module_default.displayName, children: item.displayName }),
+                (item == null ? void 0 : item.jobTitle) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: QuoteSectionBlock_module_default.jobTitle, children: item.jobTitle })
+              ] }),
+              (item == null ? void 0 : item.jobTitleLogo) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, item.jobTitleLogo), { className: QuoteSectionBlock_module_default.jobTitleLogo }))
             ] })
           ] })
         ] }) }, index))