@digital-b2c/coreui-kit 0.11.2 → 0.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +27 -6
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +94 -39
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +7 -2
  6. package/dist/index.d.ts +7 -2
  7. package/dist/index.mjs +27 -6
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -454,6 +454,10 @@ interface IFooterSupporter {
454
454
  image: IPicture;
455
455
  href?: string;
456
456
  }
457
+ interface IFooterSupportGroup {
458
+ title: string;
459
+ subtitle: string;
460
+ }
457
461
  interface FooterProps {
458
462
  className?: string;
459
463
  supporters?: IFooterSupporter[];
@@ -461,9 +465,10 @@ interface FooterProps {
461
465
  disclaimer?: ReactNode;
462
466
  copyright?: ReactNode;
463
467
  children?: ReactNode;
468
+ supportContacts?: IFooterSupportGroup[];
464
469
  }
465
470
 
466
- declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, }: FooterProps) => react_jsx_runtime.JSX.Element;
471
+ declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
467
472
 
468
473
  type HeroBannerSubtitleProps = {
469
474
  children: ReactNode;
@@ -869,4 +874,4 @@ type SlotMap = Record<string, SlotComponent>;
869
874
  */
870
875
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
871
876
 
872
- export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
877
+ export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.d.ts CHANGED
@@ -454,6 +454,10 @@ interface IFooterSupporter {
454
454
  image: IPicture;
455
455
  href?: string;
456
456
  }
457
+ interface IFooterSupportGroup {
458
+ title: string;
459
+ subtitle: string;
460
+ }
457
461
  interface FooterProps {
458
462
  className?: string;
459
463
  supporters?: IFooterSupporter[];
@@ -461,9 +465,10 @@ interface FooterProps {
461
465
  disclaimer?: ReactNode;
462
466
  copyright?: ReactNode;
463
467
  children?: ReactNode;
468
+ supportContacts?: IFooterSupportGroup[];
464
469
  }
465
470
 
466
- declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, }: FooterProps) => react_jsx_runtime.JSX.Element;
471
+ declare const Footer: ({ className, supporters, navigationLinks, disclaimer, copyright, children, supportContacts, }: FooterProps) => react_jsx_runtime.JSX.Element;
467
472
 
468
473
  type HeroBannerSubtitleProps = {
469
474
  children: ReactNode;
@@ -869,4 +874,4 @@ type SlotMap = Record<string, SlotComponent>;
869
874
  */
870
875
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
871
876
 
872
- export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
877
+ export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.mjs CHANGED
@@ -1934,6 +1934,13 @@ var FooterDisclaimer = ({ children }) => {
1934
1934
  var Footer_module_default = {
1935
1935
  footer: "Footer_module_footer",
1936
1936
  container: "Footer_module_container",
1937
+ "support-section": "Footer_module_support-section",
1938
+ "support-heading": "Footer_module_support-heading",
1939
+ support: "Footer_module_support",
1940
+ "support-column": "Footer_module_support-column",
1941
+ "support-title": "Footer_module_support-title",
1942
+ "support-subtitle": "Footer_module_support-subtitle",
1943
+ "support-group": "Footer_module_support-group",
1937
1944
  bottom: "Footer_module_bottom",
1938
1945
  "bottom-left": "Footer_module_bottom-left",
1939
1946
  "bottom-right": "Footer_module_bottom-right",
@@ -1952,18 +1959,32 @@ var Footer = ({
1952
1959
  navigationLinks = [],
1953
1960
  disclaimer,
1954
1961
  copyright,
1955
- children
1962
+ children,
1963
+ supportContacts = []
1956
1964
  }) => {
1957
1965
  var _a;
1958
- const columns = [];
1959
- for (let i = 0; i < navigationLinks.length; i += 5) {
1960
- columns.push(navigationLinks.slice(i, i + 5));
1966
+ const supportColumns = [];
1967
+ for (let i = 0; i < supportContacts.length; i += 2) {
1968
+ supportColumns.push(supportContacts.slice(i, i + 2));
1961
1969
  }
1962
1970
  const slots = resolveCompoundSlots(children, {
1963
1971
  disclaimer: FooterDisclaimer
1964
1972
  });
1965
1973
  const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
1966
1974
  return /* @__PURE__ */ jsx("footer", { className: clsx15(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
1975
+ supportContacts.length > 0 && /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-section"], children: [
1976
+ /* @__PURE__ */ jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
1977
+ /* @__PURE__ */ jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxs("div", { className: Footer_module_default["support-group"], children: [
1978
+ /* @__PURE__ */ jsx("p", { className: Footer_module_default["support-title"], children: group.title }),
1979
+ /* @__PURE__ */ jsx(
1980
+ "div",
1981
+ {
1982
+ className: Footer_module_default["support-subtitle"],
1983
+ dangerouslySetInnerHTML: { __html: group.subtitle }
1984
+ }
1985
+ )
1986
+ ] }, i)) }, colIdx)) })
1987
+ ] }),
1967
1988
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
1968
1989
  /* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
1969
1990
  supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
@@ -1982,7 +2003,7 @@ var Footer = ({
1982
2003
  titleNode && /* @__PURE__ */ jsx("div", { className: clsx15(Footer_module_default.disclaimer, "p"), children: titleNode }),
1983
2004
  copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
1984
2005
  ] }),
1985
- columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2006
+ navigationLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
1986
2007
  "a",
1987
2008
  __spreadProps(__spreadValues({
1988
2009
  href: link.href,
@@ -1990,7 +2011,7 @@ var Footer = ({
1990
2011
  }, link.isExternal ? { target: "_blank", rel: "noopener noreferrer" } : {}), {
1991
2012
  children: link.label
1992
2013
  })
1993
- ) }, link.label)) }, colIndex)) })
2014
+ ) }, link.label)) }) })
1994
2015
  ] }),
1995
2016
  children
1996
2017
  ] }) });