@digital-b2c/coreui-kit 0.5.0 → 0.5.1

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.
package/dist/index.d.ts CHANGED
@@ -230,7 +230,7 @@ type CardCollectionTitleProps = {
230
230
 
231
231
  interface CardCollectionProps {
232
232
  className?: string;
233
- variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
233
+ variant?: 'default' | 'threeCols' | 'fourCols' | 'examCard' | 'cardCarousel';
234
234
  title?: ReactNode;
235
235
  subtitle?: ReactNode;
236
236
  cards?: CardProps[];
@@ -449,7 +449,7 @@ interface EventListProps extends PropsWithChildren {
449
449
  variant?: EventListVariants;
450
450
  title?: ReactNode;
451
451
  items: UpcomingEventCardProps[];
452
- cta?: ICtaLogo & {
452
+ cta?: ICta & {
453
453
  icon: IconType;
454
454
  };
455
455
  }
@@ -480,6 +480,27 @@ declare const TextEvent: ((props: TextEventProps) => react_jsx_runtime.JSX.Eleme
480
480
  RichText: ({ children }: TextEventRichTextProps) => react_jsx_runtime.JSX.Element;
481
481
  };
482
482
 
483
+ type TextCenterCtaInBottomSubtitleProps = {
484
+ children: ReactNode;
485
+ };
486
+
487
+ type TextCenterCtaInBottomTitleProps = {
488
+ children: ReactNode;
489
+ };
490
+
491
+ interface TextCenterCtaInBottomProps {
492
+ className?: string;
493
+ title?: ReactNode;
494
+ subtitle?: ReactNode;
495
+ ctas?: ICtaLogo[];
496
+ children?: ReactNode;
497
+ }
498
+
499
+ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
500
+ Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
501
+ Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
502
+ };
503
+
483
504
  type IntersectionObserverOptions = {
484
505
  threshold?: number | number[];
485
506
  rootMargin?: string;
@@ -503,4 +524,4 @@ type SlotMap = Record<string, SlotComponent>;
503
524
  */
504
525
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
505
526
 
506
- export { Anchor, type AnchorProps, 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, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
527
+ export { Anchor, type AnchorProps, 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, Footer, type FooterProps, HeroBanner, type HeroBannerProps, type ICta, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
package/dist/index.mjs CHANGED
@@ -921,6 +921,7 @@ var CardCollection_module_default = {
921
921
  wrapper: "CardCollection_module_wrapper",
922
922
  cardWrapper: "CardCollection_module_cardWrapper",
923
923
  threeCols: "CardCollection_module_threeCols",
924
+ fourCols: "CardCollection_module_fourCols",
924
925
  examCard: "CardCollection_module_examCard",
925
926
  "reveal-wrapper": "CardCollection_module_reveal-wrapper",
926
927
  "reveal-inner": "CardCollection_module_reveal-inner",
@@ -1776,6 +1777,72 @@ var TextEvent2 = Object.assign(TextEvent, {
1776
1777
  Title: TextEventTitle,
1777
1778
  RichText: TextEventRichText
1778
1779
  });
1780
+ var TextCenterCtaInBottomTitle = ({ children }) => {
1781
+ return /* @__PURE__ */ jsx(Fragment, { children });
1782
+ };
1783
+ var TextCenterCtaInBottomSubtitle = ({ children }) => {
1784
+ return /* @__PURE__ */ jsx(Fragment, { children });
1785
+ };
1786
+
1787
+ // src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss
1788
+ var TextCenterCtaInBottom_module_default = {
1789
+ textCenterCta: "TextCenterCtaInBottom_module_textCenterCta",
1790
+ container: "TextCenterCtaInBottom_module_container",
1791
+ content: "TextCenterCtaInBottom_module_content",
1792
+ title: "TextCenterCtaInBottom_module_title",
1793
+ subtitle: "TextCenterCtaInBottom_module_subtitle",
1794
+ ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
1795
+ iconOnly: "TextCenterCtaInBottom_module_iconOnly",
1796
+ cta: "TextCenterCtaInBottom_module_cta"
1797
+ };
1798
+ var TextCenterCtaInBottom = ({
1799
+ className,
1800
+ title,
1801
+ subtitle,
1802
+ ctas,
1803
+ children
1804
+ }) => {
1805
+ var _a, _b;
1806
+ const slots = resolveCompoundSlots(children, {
1807
+ title: TextCenterCtaInBottomTitle,
1808
+ subtitle: TextCenterCtaInBottomSubtitle
1809
+ });
1810
+ const titleNode = (_a = slots.title) != null ? _a : title;
1811
+ const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1812
+ return /* @__PURE__ */ jsx("div", { className: clsx19(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
1813
+ /* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
1814
+ titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
1815
+ subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
1816
+ ] }),
1817
+ (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
1818
+ "div",
1819
+ {
1820
+ className: clsx19(
1821
+ TextCenterCtaInBottom_module_default.ctaWrapper,
1822
+ ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
1823
+ ),
1824
+ children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
1825
+ Button,
1826
+ {
1827
+ className: TextCenterCtaInBottom_module_default.cta,
1828
+ variant: "secondary",
1829
+ href: cta == null ? void 0 : cta.url,
1830
+ isExternal: cta == null ? void 0 : cta.isExternal,
1831
+ logo: cta.logo,
1832
+ children: cta == null ? void 0 : cta.label
1833
+ },
1834
+ key
1835
+ ))
1836
+ }
1837
+ )
1838
+ ] }) });
1839
+ };
1840
+
1841
+ // src/widgets/TextCenterCtaInBottom/index.ts
1842
+ var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
1843
+ Title: TextCenterCtaInBottomTitle,
1844
+ Subtitle: TextCenterCtaInBottomSubtitle
1845
+ });
1779
1846
  function useIntersectionObserver({
1780
1847
  animateOnce = false,
1781
1848
  options = {}
@@ -1805,6 +1872,6 @@ function useIntersectionObserver({
1805
1872
  return { observeRef, isVisible };
1806
1873
  }
1807
1874
 
1808
- export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, 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, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
1875
+ export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, 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, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
1809
1876
  //# sourceMappingURL=index.mjs.map
1810
1877
  //# sourceMappingURL=index.mjs.map