@digital-b2c/coreui-kit 0.2.0 → 0.2.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/dist/index.cjs

@@ -42,7 +42,10 @@ var __objRest = (source, exclude) => {
 };
 
 // src/components/Picture/Picture.module.scss
-var Picture_module_default = {};
+var Picture_module_default = {
+  "image-desktop": "Picture_module_image-desktop",
+  "image-mobile": "Picture_module_image-mobile"
+};
 var Picture = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   var _b2, _c;
@@ -317,7 +320,20 @@ var Icon = React__default.default.memo(
 Icon.displayName = "Icon";
 
 // src/components/Button/Button.module.scss
-var Button_module_default = {};
+var Button_module_default = {
+  button: "Button_module_button",
+  fullWidth: "Button_module_fullWidth",
+  primary: "Button_module_primary",
+  secondary: "Button_module_secondary",
+  ghost: "Button_module_ghost",
+  nofill: "Button_module_nofill",
+  nofillblack: "Button_module_nofillblack",
+  grey: "Button_module_grey",
+  shiny: "Button_module_shiny",
+  rotateGradient: "Button_module_rotateGradient",
+  icon: "Button_module_icon",
+  logo: "Button_module_logo"
+};
 var Button = (_a) => {
   var _b = _a, {
     className,
@@ -439,7 +455,22 @@ var useViewPort = () => {
 var useViewPort_default = useViewPort;
 
 // src/components/BrandsStrip/BrandsStrip.module.scss
-var BrandsStrip_module_default = {};
+var BrandsStrip_module_default = {
+  brandsStrip: "BrandsStrip_module_brandsStrip",
+  light: "BrandsStrip_module_light",
+  dark: "BrandsStrip_module_dark",
+  small: "BrandsStrip_module_small",
+  logoWrapper: "BrandsStrip_module_logoWrapper",
+  container: "BrandsStrip_module_container",
+  title: "BrandsStrip_module_title",
+  blurred: "BrandsStrip_module_blurred",
+  logos: "BrandsStrip_module_logos",
+  marquee: "BrandsStrip_module_marquee",
+  scrollIndividual: "BrandsStrip_module_scrollIndividual",
+  paused: "BrandsStrip_module_paused",
+  logo: "BrandsStrip_module_logo",
+  cta: "BrandsStrip_module_cta"
+};
 var BrandsStrip = ({
   className,
   variant = "light",
@@ -514,7 +545,9 @@ function resolveCompoundSlots(children, slots) {
 }
 
 // src/components/Card/Card.module.scss
-var Card_module_default = {};
+var Card_module_default = {
+  card: "Card_module_card"
+};
 var Card = ({ className, title, subtitle, cta, icon, children }) => {
   var _a, _b;
   const slots = resolveCompoundSlots(children, {
@@ -552,7 +585,11 @@ var CountingCardTitle = ({ children }) => {
 };
 
 // src/components/CountingCard/CountingCard.module.scss
-var CountingCard_module_default = {};
+var CountingCard_module_default = {
+  "counting-card": "CountingCard_module_counting-card",
+  count: "CountingCard_module_count",
+  logo: "CountingCard_module_logo"
+};
 var CountingCard = ({ className, title, count, image, children }) => {
   var _a;
   const slots = resolveCompoundSlots(children, {
@@ -580,7 +617,12 @@ var InfoCardSubtitle = ({ children }) => {
 };
 
 // src/components/InfoCard/InfoCard.module.scss
-var InfoCard_module_default = {};
+var InfoCard_module_default = {
+  "info-card": "InfoCard_module_info-card",
+  header: "InfoCard_module_header",
+  badge: "InfoCard_module_badge",
+  hasIcon: "InfoCard_module_hasIcon"
+};
 var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
   var _a, _b;
   const slots = resolveCompoundSlots(children, {
@@ -605,7 +647,15 @@ var InfoCard2 = Object.assign(InfoCard, {
 });
 
 // src/components/Pagination/Pagination.module.scss
-var Pagination_module_default = {};
+var Pagination_module_default = {
+  pagination: "Pagination_module_pagination",
+  next: "Pagination_module_next",
+  prev: "Pagination_module_prev",
+  pages: "Pagination_module_pages",
+  page: "Pagination_module_page",
+  active: "Pagination_module_active",
+  number: "Pagination_module_number"
+};
 var Pagination = ({
   className,
   totalPages,
@@ -686,14 +736,25 @@ var Pagination = ({
 };
 
 // src/components/primitives/Container/Container.module.scss
-var Container_module_default = {};
+var Container_module_default = {
+  container: "Container_module_container"
+};
 var Container = (_a) => {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ className: clsx3__default.default(Container_module_default.container, className) }, props), { children }));
 };
 
 // src/components/PracticeCard/PracticeCard.module.scss
-var PracticeCard_module_default = {};
+var PracticeCard_module_default = {
+  "practice-card": "PracticeCard_module_practice-card",
+  wrapper: "PracticeCard_module_wrapper",
+  background: "PracticeCard_module_background",
+  container: "PracticeCard_module_container",
+  title: "PracticeCard_module_title",
+  cta: "PracticeCard_module_cta",
+  ctaRest: "PracticeCard_module_ctaRest",
+  ctaHover: "PracticeCard_module_ctaHover"
+};
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx3__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -725,7 +786,13 @@ var CardCollectionSubtitle = ({ children }) => {
 };
 
 // src/widgets/CardCollection/CardCollection.module.scss
-var CardCollection_module_default = {};
+var CardCollection_module_default = {
+  "card-collection": "CardCollection_module_card-collection",
+  content: "CardCollection_module_content",
+  wrapper: "CardCollection_module_wrapper",
+  threeCols: "CardCollection_module_threeCols",
+  examCard: "CardCollection_module_examCard"
+};
 var CardCollection = ({
   className,
   variant = "default",
@@ -763,7 +830,16 @@ var ContactModuleSubtitle = ({ children }) => {
 };
 
 // src/widgets/ContactModule/ContactModule.module.scss
-var ContactModule_module_default = {};
+var ContactModule_module_default = {
+  "contact-module": "ContactModule_module_contact-module",
+  container: "ContactModule_module_container",
+  wrapper: "ContactModule_module_wrapper",
+  content: "ContactModule_module_content",
+  "cta-wrapper": "ContactModule_module_cta-wrapper",
+  cta: "ContactModule_module_cta",
+  title: "ContactModule_module_title",
+  image: "ContactModule_module_image"
+};
 var ContactModule = ({
   className,
   children,
@@ -807,9 +883,36 @@ var ContactModule2 = Object.assign(ContactModule, {
   Title: ContactModuleTitle,
   Subtitle: ContactModuleSubtitle
 });
+var HeroBannerTitle = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+var HeroBannerSubtitle = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
 
 // src/widgets/HeroBanner/HeroBanner.module.scss
-var HeroBanner_module_default = {};
+var HeroBanner_module_default = {
+  heroBanner: "HeroBanner_module_heroBanner",
+  mainHeroBanner: "HeroBanner_module_mainHeroBanner",
+  container: "HeroBanner_module_container",
+  bannerPodcast: "HeroBanner_module_bannerPodcast",
+  banner: "HeroBanner_module_banner",
+  text: "HeroBanner_module_text",
+  title: "HeroBanner_module_title",
+  subtitle: "HeroBanner_module_subtitle",
+  logoWrapper: "HeroBanner_module_logoWrapper",
+  logo: "HeroBanner_module_logo",
+  horizontalGradient: "HeroBanner_module_horizontalGradient",
+  lensCrafters: "HeroBanner_module_lensCrafters",
+  forEyes: "HeroBanner_module_forEyes",
+  optical: "HeroBanner_module_optical",
+  pearleVision: "HeroBanner_module_pearleVision",
+  ctaContainer: "HeroBanner_module_ctaContainer",
+  brandsStrip: "HeroBanner_module_brandsStrip",
+  backgroundImage: "HeroBanner_module_backgroundImage",
+  scrollDown: "HeroBanner_module_scrollDown",
+  arrow: "HeroBanner_module_arrow"
+};
 var HeroBanner = ({
   className,
   variant = "pageHeroBanner",
@@ -818,22 +921,30 @@ var HeroBanner = ({
   backgroundImage,
   logo,
   cta,
-  brands
+  brands,
+  children
 }) => {
+  var _a, _b;
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
   const isDesktopBelow = is("desktop", "below");
   const vMainHeroBanner = variant === "mainHeroBanner";
   const vBannerPodcast = variant === "bannerPodcast";
   const animated = brands && brands.logos && brands.logos.length >= 4 && isDesktopBelow;
+  const slots = resolveCompoundSlots(children, {
+    title: HeroBannerTitle,
+    subtitle: HeroBannerSubtitle
+  });
+  const titleNode = (_a = slots.title) != null ? _a : title;
+  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx3__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
-        (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: clsx3__default.default(HeroBanner_module_default.title, "h1"), children: title }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx3__default.default(HeroBanner_module_default.subtitle, "subtitle"), children: subtitle })
+        (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: clsx3__default.default(HeroBanner_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx3__default.default(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
         ] }),
-        cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.map((cta2, key) => {
+        cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
           return /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
@@ -868,6 +979,12 @@ var HeroBanner = ({
     !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", className: HeroBanner_module_default.arrow }) })
   ] });
 };
+
+// src/widgets/HeroBanner/index.ts
+var HeroBanner2 = Object.assign(HeroBanner, {
+  Title: HeroBannerTitle,
+  Subtitle: HeroBannerSubtitle
+});
 var MiniBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -876,7 +993,12 @@ var MiniBannerSubtitle = ({ children }) => {
 };
 
 // src/widgets/MiniBanner/MiniBanner.module.scss
-var MiniBanner_module_default = {};
+var MiniBanner_module_default = {
+  minibanner: "MiniBanner_module_minibanner",
+  background: "MiniBanner_module_background",
+  container: "MiniBanner_module_container",
+  miniBannerNoBG: "MiniBanner_module_miniBannerNoBG"
+};
 var MiniBanner = ({
   className,
   variant = "default",
@@ -916,7 +1038,17 @@ var MiniSectionCtaSubtitle = ({ children }) => {
 };
 
 // src/widgets/MiniSectionCta/MiniSectionCta.module.scss
-var MiniSectionCta_module_default = {};
+var MiniSectionCta_module_default = {
+  miniSectionCta: "MiniSectionCta_module_miniSectionCta",
+  container: "MiniSectionCta_module_container",
+  col: "MiniSectionCta_module_col",
+  BgColorBlack: "MiniSectionCta_module_BgColorBlack",
+  infoCallout: "MiniSectionCta_module_infoCallout",
+  miniTextCenterCta: "MiniSectionCta_module_miniTextCenterCta",
+  cta: "MiniSectionCta_module_cta",
+  BgColorGrey: "MiniSectionCta_module_BgColorGrey",
+  subtitle: "MiniSectionCta_module_subtitle"
+};
 var MiniSectionCta = ({
   className,
   variant = "headerCTA",
@@ -967,7 +1099,16 @@ var PracticePathCardsTitle = ({ children }) => {
 };
 
 // src/widgets/PracticePathCards/PracticePathCards.module.scss
-var PracticePathCards_module_default = {};
+var PracticePathCards_module_default = {
+  "practice-path-cards": "PracticePathCards_module_practice-path-cards",
+  container: "PracticePathCards_module_container",
+  wrapper: "PracticePathCards_module_wrapper",
+  ctaWrapper: "PracticePathCards_module_ctaWrapper",
+  cta: "PracticePathCards_module_cta",
+  content: "PracticePathCards_module_content",
+  cards: "PracticePathCards_module_cards",
+  card: "PracticePathCards_module_card"
+};
 var PracticePathCards = ({
   className,
   children,
@@ -1019,7 +1160,14 @@ var Teaser5050With3TextTitle = ({ children }) => {
 };
 
 // src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss
-var Teaser5050With3Text_module_default = {};
+var Teaser5050With3Text_module_default = {
+  "teaser5050-3text": "Teaser5050With3Text_module_teaser5050-3text",
+  container: "Teaser5050With3Text_module_container",
+  content: "Teaser5050With3Text_module_content",
+  right: "Teaser5050With3Text_module_right",
+  title: "Teaser5050With3Text_module_title",
+  image: "Teaser5050With3Text_module_image"
+};
 var Teaser5050With3Text = ({
   className,
   variant = "left",
@@ -1046,15 +1194,23 @@ var Teaser5050With3Text = ({
 var Teaser5050With3Text2 = Object.assign(Teaser5050With3Text, {
   Title: Teaser5050With3TextTitle
 });
-
-// src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss
-var Teaser5050WithCta_module_default = {};
 var Teaser5050WithCtaTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
 var Teaser5050WithCtaSubtitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
+
+// src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss
+var Teaser5050WithCta_module_default = {
+  teaser5050: "Teaser5050WithCta_module_teaser5050",
+  container: "Teaser5050WithCta_module_container",
+  right: "Teaser5050WithCta_module_right",
+  wrapper: "Teaser5050WithCta_module_wrapper",
+  title: "Teaser5050WithCta_module_title",
+  image: "Teaser5050WithCta_module_image",
+  cta: "Teaser5050WithCta_module_cta"
+};
 var Teaser5050WithCta = ({
   className,
   variant = "left",
@@ -1092,6 +1248,12 @@ var Teaser5050WithCta = ({
   ] }) });
 };
 
+// src/widgets/Teaser5050WithCta/index.ts
+var Teaser5050WithCta2 = Object.assign(Teaser5050WithCta, {
+  Title: Teaser5050WithCtaTitle,
+  Subtitle: Teaser5050WithCtaSubtitle
+});
+
 exports.Anchor = Anchor;
 exports.BrandsStrip = BrandsStrip;
 exports.Button = Button;
@@ -1101,7 +1263,7 @@ exports.ConditionalWrapper = ConditionalWrapper;
 exports.ContactModule = ContactModule2;
 exports.Container = Container;
 exports.CountingCard = CountingCard2;
-exports.HeroBanner = HeroBanner;
+exports.HeroBanner = HeroBanner2;
 exports.Icon = Icon;
 exports.InfoCard = InfoCard2;
 exports.MiniBanner = MiniBanner2;
@@ -1111,7 +1273,7 @@ exports.Picture = Picture;
 exports.PracticeCard = PracticeCard;
 exports.PracticePathCards = PracticePathCards2;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
-exports.Teaser5050WithCta = Teaser5050WithCta;
+exports.Teaser5050WithCta = Teaser5050WithCta2;
 exports.svgs = svgs;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map