@digital-b2c/coreui-kit 0.5.6 → 0.7.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.cjs +239 -113
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +318 -21
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +22 -6
- package/dist/index.d.ts +22 -6
- package/dist/index.mjs +239 -114
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
|
|
3
|
+
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren, CSSProperties } from 'react';
|
|
4
4
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
@@ -322,6 +322,21 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
|
|
|
322
322
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
interface HeroBannerCarouselItem {
|
|
326
|
+
title: string;
|
|
327
|
+
body: ReactNode;
|
|
328
|
+
image: PictureProps;
|
|
329
|
+
ctas: ICtaLogo[];
|
|
330
|
+
}
|
|
331
|
+
interface HeroBannerCarouselProps {
|
|
332
|
+
className?: string;
|
|
333
|
+
items?: HeroBannerCarouselItem[];
|
|
334
|
+
navPrevIcon?: string;
|
|
335
|
+
navNextIcon?: string;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
339
|
+
|
|
325
340
|
type MiniBannerSubtitleProps = {
|
|
326
341
|
children: ReactNode;
|
|
327
342
|
};
|
|
@@ -358,13 +373,14 @@ type MiniSectionCtaTitleProps = {
|
|
|
358
373
|
interface MiniSectionCtaProps {
|
|
359
374
|
className?: string;
|
|
360
375
|
variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
|
|
376
|
+
theme?: 'light' | 'dark';
|
|
361
377
|
cta?: ICta;
|
|
362
378
|
title?: ReactNode;
|
|
363
379
|
subtitle?: ReactNode;
|
|
364
380
|
children?: ReactNode;
|
|
365
381
|
}
|
|
366
382
|
|
|
367
|
-
declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
383
|
+
declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
368
384
|
Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
|
|
369
385
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
370
386
|
};
|
|
@@ -456,18 +472,18 @@ interface UpcomingEventCardProps {
|
|
|
456
472
|
showImage?: boolean;
|
|
457
473
|
}
|
|
458
474
|
|
|
459
|
-
type EventListVariants = 'grey';
|
|
460
475
|
interface EventListProps extends PropsWithChildren {
|
|
461
476
|
className?: string;
|
|
462
|
-
variant?: EventListVariants;
|
|
463
477
|
title?: ReactNode;
|
|
464
478
|
items: UpcomingEventCardProps[];
|
|
465
479
|
cta?: ICta & {
|
|
466
480
|
icon?: IconType;
|
|
467
481
|
};
|
|
482
|
+
backgroundColor?: CSSProperties['backgroundColor'];
|
|
483
|
+
variant?: 'internalEventList';
|
|
468
484
|
}
|
|
469
485
|
|
|
470
|
-
declare const EventList: (({ className, title, items, cta, variant, children }: EventListProps) => react_jsx_runtime.JSX.Element) & {
|
|
486
|
+
declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react_jsx_runtime.JSX.Element) & {
|
|
471
487
|
Title: ({ children }: EventListTitleProps) => react_jsx_runtime.JSX.Element;
|
|
472
488
|
};
|
|
473
489
|
|
|
@@ -557,4 +573,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
557
573
|
*/
|
|
558
574
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
559
575
|
|
|
560
|
-
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 ICtaIcon, 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, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
576
|
+
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, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, 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, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
|
|
3
|
+
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren, CSSProperties } from 'react';
|
|
4
4
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
@@ -322,6 +322,21 @@ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundIma
|
|
|
322
322
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
interface HeroBannerCarouselItem {
|
|
326
|
+
title: string;
|
|
327
|
+
body: ReactNode;
|
|
328
|
+
image: PictureProps;
|
|
329
|
+
ctas: ICtaLogo[];
|
|
330
|
+
}
|
|
331
|
+
interface HeroBannerCarouselProps {
|
|
332
|
+
className?: string;
|
|
333
|
+
items?: HeroBannerCarouselItem[];
|
|
334
|
+
navPrevIcon?: string;
|
|
335
|
+
navNextIcon?: string;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
339
|
+
|
|
325
340
|
type MiniBannerSubtitleProps = {
|
|
326
341
|
children: ReactNode;
|
|
327
342
|
};
|
|
@@ -358,13 +373,14 @@ type MiniSectionCtaTitleProps = {
|
|
|
358
373
|
interface MiniSectionCtaProps {
|
|
359
374
|
className?: string;
|
|
360
375
|
variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
|
|
376
|
+
theme?: 'light' | 'dark';
|
|
361
377
|
cta?: ICta;
|
|
362
378
|
title?: ReactNode;
|
|
363
379
|
subtitle?: ReactNode;
|
|
364
380
|
children?: ReactNode;
|
|
365
381
|
}
|
|
366
382
|
|
|
367
|
-
declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
383
|
+
declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
368
384
|
Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
|
|
369
385
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
370
386
|
};
|
|
@@ -456,18 +472,18 @@ interface UpcomingEventCardProps {
|
|
|
456
472
|
showImage?: boolean;
|
|
457
473
|
}
|
|
458
474
|
|
|
459
|
-
type EventListVariants = 'grey';
|
|
460
475
|
interface EventListProps extends PropsWithChildren {
|
|
461
476
|
className?: string;
|
|
462
|
-
variant?: EventListVariants;
|
|
463
477
|
title?: ReactNode;
|
|
464
478
|
items: UpcomingEventCardProps[];
|
|
465
479
|
cta?: ICta & {
|
|
466
480
|
icon?: IconType;
|
|
467
481
|
};
|
|
482
|
+
backgroundColor?: CSSProperties['backgroundColor'];
|
|
483
|
+
variant?: 'internalEventList';
|
|
468
484
|
}
|
|
469
485
|
|
|
470
|
-
declare const EventList: (({ className, title, items, cta, variant, children }: EventListProps) => react_jsx_runtime.JSX.Element) & {
|
|
486
|
+
declare const EventList: (({ className, title, items, cta, backgroundColor, variant, children, }: EventListProps) => react_jsx_runtime.JSX.Element) & {
|
|
471
487
|
Title: ({ children }: EventListTitleProps) => react_jsx_runtime.JSX.Element;
|
|
472
488
|
};
|
|
473
489
|
|
|
@@ -557,4 +573,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
557
573
|
*/
|
|
558
574
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
559
575
|
|
|
560
|
-
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 ICtaIcon, 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, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
576
|
+
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, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaIcon, 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, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|