@digital-b2c/coreui-kit 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,43 @@
-import React$1, { ImgHTMLAttributes, AnchorHTMLAttributes, HTMLAttributes, ReactNode, FC, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { ImgHTMLAttributes, ReactNode, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
+
+interface IPicture {
+    src: string;
+    alt?: string;
+}
+
+type SrcOnly = {
+    src: string;
+    desktop?: never;
+    mobile?: never;
+};
+type ResponsiveSources = {
+    src?: never;
+    desktop: IPicture;
+    mobile?: IPicture;
+};
+type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
+
+interface ICta {
+    label: string;
+    url: string;
+    isExternal?: boolean;
+}
+interface ICtaLogo extends ICta {
+    pictures: PictureProps[];
+}
+
+interface BrandsStripProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    title?: string;
+    logos?: PictureProps[];
+    cta?: ICta;
+    size?: 'small';
+    animate?: boolean;
+}
+
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, animate, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
 
 declare const svgs: {
     ads: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
@@ -162,55 +200,78 @@ interface IconProps extends React$1.ComponentPropsWithRef<'svg'> {
 }
 declare const Icon: React$1.FC<IconProps>;
 
+declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
+type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'nofill' | 'grey' | 'nofillblack' | 'shiny';
+    variant?: TButtonVariant;
     fullWidth?: boolean;
     href?: string;
     isExternal?: boolean;
     icon?: IconType;
+    logo?: IPicture;
 }
 
 declare const Button: React.FC<ButtonProps>;
 
-interface ICta {
-    label: string;
-    url: string;
-    isExternal?: boolean;
-}
+type CardSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardTitleProps = {
+    children: ReactNode;
+};
 
 interface CardProps {
     className?: string;
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
     icon?: IconType;
     cta?: ICta;
+    children?: ReactNode;
 }
 
-declare const Card: ({ className, title, subtitle, cta, icon }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: (({ className, title, subtitle, cta, icon, children }: CardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
 
-interface IPicture {
-    src: string;
-    alt?: string;
-}
+type CountingCardTitleProps = {
+    children: ReactNode;
+};
 
 interface CountingCardProps {
     className?: string;
     count?: number;
-    title?: string;
+    title?: ReactNode;
     image?: IPicture;
+    children?: ReactNode;
 }
 
-declare const CountingCard: ({ className, title, count, image }: CountingCardProps) => react_jsx_runtime.JSX.Element;
+declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type InfoCardSubtitleProps = {
+    children: ReactNode;
+};
+
+type InfoCardTitleProps = {
+    children: ReactNode;
+};
 
 interface InfoCardProps {
     className?: string;
     icon?: IconType;
     badge?: string;
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
 }
 
-declare const InfoCard: ({ className, title, subtitle, icon, badge }: InfoCardProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: InfoCardTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: InfoCardSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
 
 interface PaginationProps {
     className?: string;
@@ -224,20 +285,17 @@ interface PaginationProps {
 
 declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, }: PaginationProps) => react_jsx_runtime.JSX.Element;
 
-type SrcOnly = {
-    src: string;
-    desktop?: never;
-    mobile?: never;
-};
-type ResponsiveSources = {
-    src?: never;
-    desktop: IPicture;
-    mobile?: IPicture;
-};
-type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
-
 declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
 
+interface PracticeCardProps {
+    className?: string;
+    title?: string;
+    cta?: ICta;
+    image?: IPicture;
+}
+
+declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
+
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
 }
@@ -262,45 +320,165 @@ type ConditionalWrapperProps = {
 
 declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
 
+type CardCollectionSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardCollectionTitleProps = {
+    children: ReactNode;
+};
+
 interface CardCollectionProps {
     className?: string;
     variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    cards?: CardProps[];
+    children?: ReactNode;
+}
+
+declare const CardCollection: (({ className, variant, title, subtitle, cards, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type ContactModuleSubtitleProps = {
+    children: ReactNode;
+};
+
+type ContactModuleTitleProps = {
+    children: ReactNode;
+};
+
+interface ContactModuleProps {
+    className?: string;
+    children?: ReactNode;
+    image?: IPicture;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    ctas?: ICta[];
+    blurred?: boolean;
+}
+
+declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface HeroBannerProps {
+    className?: string;
+    variant?: 'pageHeroBanner' | 'bannerPodcast' | 'mainHeroBanner';
     title?: string;
     subtitle?: string;
-    cards?: CardProps[];
+    backgroundImage?: PictureProps;
+    logo?: PictureProps;
+    cta?: ICta[];
+    ctaLogo?: ICtaLogo[];
+    brands?: BrandsStripProps;
 }
 
-declare const CardCollection: ({ className, variant, title, subtitle, cards, }: CardCollectionProps) => react_jsx_runtime.JSX.Element;
+declare const HeroBanner: ({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, }: HeroBannerProps) => react_jsx_runtime.JSX.Element;
+
+type MiniBannerSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniBannerTitleProps = {
+    children: ReactNode;
+};
+
+interface MiniBannerProps {
+    className?: string;
+    variant?: 'default' | 'miniBannerNoBG';
+    logo?: IPicture;
+    background?: PictureProps;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+}
+
+declare const MiniBanner: (({ className, variant, title, subtitle, logo, background, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type MiniSectionCtaSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniSectionCtaTitleProps = {
+    children: ReactNode;
+};
 
 interface MiniSectionCtaProps {
     className?: string;
     variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
-    title?: string;
-    subtitle?: string;
+    cta?: ICta;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+}
+
+declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type PracticePathCardsFooterProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsSubtitleProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsTitleProps = {
+    children: ReactNode;
+};
+
+interface PracticePathCardsProps {
+    className?: string;
+    children?: ReactNode;
+    cards?: PracticeCardProps[];
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    footer?: ReactNode;
     cta?: ICta;
 }
 
-declare const MiniSectionCta: ({ className, variant, title, subtitle, cta, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element;
+declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: PracticePathCardsTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children }: PracticePathCardsFooterProps) => react_jsx_runtime.JSX.Element;
+};
+
+type Teaser5050With3TextTitleProps = {
+    children: ReactNode;
+};
 
 interface Teaser5050With3TextProps {
     className?: string;
     variant?: 'left' | 'right';
-    title?: string;
+    title?: ReactNode;
     cards?: InfoCardProps[];
     image?: PictureProps;
+    children?: ReactNode;
 }
 
-declare const Teaser5050With3Text: ({ className, variant, title, cards, image, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: Teaser5050With3TextTitleProps) => react_jsx_runtime.JSX.Element;
+};
 
 interface Teaser5050WithCtaProps {
     className?: string;
     variant?: 'left' | 'right';
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
     cta?: ICta;
     image?: PictureProps;
+    children?: ReactNode;
 }
 
-declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, children, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element;
 
-export { Anchor, type AnchorProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, Container, type ContainerProps, CountingCard, type CountingCardProps, Icon, type IconType, InfoCard, type InfoCardProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, svgs };
+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, HeroBanner, type HeroBannerProps, 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, svgs };