@digital-b2c/coreui-kit 0.2.0 → 0.2.2

package/dist/index.mjs

@@ -35,7 +35,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;
@@ -310,7 +313,20 @@ var Icon = React.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,
@@ -432,7 +448,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",
@@ -507,7 +538,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, {
@@ -545,7 +578,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, {
@@ -573,7 +610,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, {
@@ -598,7 +640,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,
@@ -679,14 +729,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__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx3(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__ */ jsx("div", { className: clsx3(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
@@ -718,7 +779,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",
@@ -756,7 +823,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,
@@ -800,9 +876,36 @@ var ContactModule2 = Object.assign(ContactModule, {
   Title: ContactModuleTitle,
   Subtitle: ContactModuleSubtitle
 });
+var HeroBannerTitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var HeroBannerSubtitle = ({ children }) => {
+  return /* @__PURE__ */ jsx(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",
@@ -811,22 +914,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__ */ jsxs("div", { className: clsx3(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
     /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
-        (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
-          title && /* @__PURE__ */ jsx("h1", { className: clsx3(HeroBanner_module_default.title, "h1"), children: title }),
-          subtitle && /* @__PURE__ */ jsx("div", { className: clsx3(HeroBanner_module_default.subtitle, "subtitle"), children: subtitle })
+        (titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
+          titleNode && /* @__PURE__ */ jsx("h1", { className: clsx3(HeroBanner_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx3(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
         ] }),
-        cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.map((cta2, key) => {
+        cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
           return /* @__PURE__ */ jsx(
             Button,
             {
@@ -861,6 +972,12 @@ var HeroBanner = ({
     !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ 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__ */ jsx(Fragment, { children });
 };
@@ -869,7 +986,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",
@@ -909,7 +1031,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",
@@ -960,7 +1092,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,
@@ -1012,7 +1153,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",
@@ -1039,15 +1187,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__ */ jsx(Fragment, { children });
 };
 var Teaser5050WithCtaSubtitle = ({ children }) => {
   return /* @__PURE__ */ jsx(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",
@@ -1085,6 +1241,12 @@ var Teaser5050WithCta = ({
   ] }) });
 };
 
-export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, HeroBanner, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta, svgs };
+// src/widgets/Teaser5050WithCta/index.ts
+var Teaser5050WithCta2 = Object.assign(Teaser5050WithCta, {
+  Title: Teaser5050WithCtaTitle,
+  Subtitle: Teaser5050WithCtaSubtitle
+});
+
+export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, HeroBanner2 as HeroBanner, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, svgs };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map