@digital-b2c/coreui-kit 0.8.0 → 0.10.0
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/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +389 -159
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +167 -59
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +28 -6
- package/dist/index.d.ts +28 -6
- package/dist/index.mjs +388 -159
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +100 -100
package/dist/index.d.cts
CHANGED
|
@@ -5,6 +5,7 @@ import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
7
7
|
alt?: string;
|
|
8
|
+
variant?: string;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
type SrcOnly = {
|
|
@@ -100,6 +101,9 @@ interface ICtaLogo extends ICta {
|
|
|
100
101
|
interface ICtaIcon extends ICta {
|
|
101
102
|
icon?: IconType;
|
|
102
103
|
}
|
|
104
|
+
interface ICtaHoverLogo extends ICtaLogo {
|
|
105
|
+
hoverLogo?: IPicture;
|
|
106
|
+
}
|
|
103
107
|
|
|
104
108
|
interface BrandsStripProps {
|
|
105
109
|
className?: string;
|
|
@@ -215,6 +219,13 @@ interface PracticeCardProps {
|
|
|
215
219
|
|
|
216
220
|
declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
|
|
217
221
|
|
|
222
|
+
interface LogoBarProps {
|
|
223
|
+
className?: string;
|
|
224
|
+
items: ICtaHoverLogo[];
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
|
|
228
|
+
|
|
218
229
|
interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
219
230
|
isExternal?: boolean;
|
|
220
231
|
}
|
|
@@ -321,14 +332,17 @@ interface HeroBannerProps {
|
|
|
321
332
|
title?: ReactNode;
|
|
322
333
|
subtitle?: ReactNode;
|
|
323
334
|
backgroundImage?: PictureProps;
|
|
324
|
-
logo?: PictureProps
|
|
335
|
+
logo?: PictureProps & {
|
|
336
|
+
variant?: string;
|
|
337
|
+
};
|
|
325
338
|
cta?: ICtaLogo[];
|
|
326
|
-
ctaLogo?:
|
|
339
|
+
ctaLogo?: ICtaHoverLogo[];
|
|
327
340
|
brands?: BrandsStripProps;
|
|
341
|
+
promoteToH1?: boolean;
|
|
328
342
|
children?: ReactNode;
|
|
329
343
|
}
|
|
330
344
|
|
|
331
|
-
declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
345
|
+
declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
332
346
|
Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
|
|
333
347
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
334
348
|
};
|
|
@@ -587,16 +601,24 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
|
|
|
587
601
|
|
|
588
602
|
type ResourceView = 'grid' | 'list';
|
|
589
603
|
type ResourceItemType = 'pdf' | 'link';
|
|
590
|
-
type FilterOption = 'all' | '
|
|
604
|
+
type FilterOption = 'all' | 'pdf' | 'link';
|
|
591
605
|
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
592
606
|
interface ResourceItem {
|
|
593
607
|
title: string;
|
|
594
608
|
date: string;
|
|
595
|
-
|
|
609
|
+
image?: string;
|
|
610
|
+
type: ResourceItemType;
|
|
611
|
+
href: string;
|
|
596
612
|
hasNotification?: boolean;
|
|
613
|
+
category?: string;
|
|
597
614
|
}
|
|
598
615
|
interface SidebarCategory {
|
|
599
616
|
label: string;
|
|
617
|
+
/**
|
|
618
|
+
* Value matched against `ResourceItem.category` to filter items.
|
|
619
|
+
* Omit it (e.g. an "All Resources" entry) to show every item.
|
|
620
|
+
*/
|
|
621
|
+
value?: string;
|
|
600
622
|
active?: boolean;
|
|
601
623
|
hasNotification?: boolean;
|
|
602
624
|
}
|
|
@@ -635,4 +657,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
635
657
|
*/
|
|
636
658
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
637
659
|
|
|
638
|
-
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, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type
|
|
660
|
+
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 ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type ResourceView, ResourcesGridList, type ResourcesGridListProps, type SidebarCategory, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
7
7
|
alt?: string;
|
|
8
|
+
variant?: string;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
type SrcOnly = {
|
|
@@ -100,6 +101,9 @@ interface ICtaLogo extends ICta {
|
|
|
100
101
|
interface ICtaIcon extends ICta {
|
|
101
102
|
icon?: IconType;
|
|
102
103
|
}
|
|
104
|
+
interface ICtaHoverLogo extends ICtaLogo {
|
|
105
|
+
hoverLogo?: IPicture;
|
|
106
|
+
}
|
|
103
107
|
|
|
104
108
|
interface BrandsStripProps {
|
|
105
109
|
className?: string;
|
|
@@ -215,6 +219,13 @@ interface PracticeCardProps {
|
|
|
215
219
|
|
|
216
220
|
declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
|
|
217
221
|
|
|
222
|
+
interface LogoBarProps {
|
|
223
|
+
className?: string;
|
|
224
|
+
items: ICtaHoverLogo[];
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
|
|
228
|
+
|
|
218
229
|
interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
219
230
|
isExternal?: boolean;
|
|
220
231
|
}
|
|
@@ -321,14 +332,17 @@ interface HeroBannerProps {
|
|
|
321
332
|
title?: ReactNode;
|
|
322
333
|
subtitle?: ReactNode;
|
|
323
334
|
backgroundImage?: PictureProps;
|
|
324
|
-
logo?: PictureProps
|
|
335
|
+
logo?: PictureProps & {
|
|
336
|
+
variant?: string;
|
|
337
|
+
};
|
|
325
338
|
cta?: ICtaLogo[];
|
|
326
|
-
ctaLogo?:
|
|
339
|
+
ctaLogo?: ICtaHoverLogo[];
|
|
327
340
|
brands?: BrandsStripProps;
|
|
341
|
+
promoteToH1?: boolean;
|
|
328
342
|
children?: ReactNode;
|
|
329
343
|
}
|
|
330
344
|
|
|
331
|
-
declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
345
|
+
declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
332
346
|
Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
|
|
333
347
|
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
334
348
|
};
|
|
@@ -587,16 +601,24 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
|
|
|
587
601
|
|
|
588
602
|
type ResourceView = 'grid' | 'list';
|
|
589
603
|
type ResourceItemType = 'pdf' | 'link';
|
|
590
|
-
type FilterOption = 'all' | '
|
|
604
|
+
type FilterOption = 'all' | 'pdf' | 'link';
|
|
591
605
|
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
592
606
|
interface ResourceItem {
|
|
593
607
|
title: string;
|
|
594
608
|
date: string;
|
|
595
|
-
|
|
609
|
+
image?: string;
|
|
610
|
+
type: ResourceItemType;
|
|
611
|
+
href: string;
|
|
596
612
|
hasNotification?: boolean;
|
|
613
|
+
category?: string;
|
|
597
614
|
}
|
|
598
615
|
interface SidebarCategory {
|
|
599
616
|
label: string;
|
|
617
|
+
/**
|
|
618
|
+
* Value matched against `ResourceItem.category` to filter items.
|
|
619
|
+
* Omit it (e.g. an "All Resources" entry) to show every item.
|
|
620
|
+
*/
|
|
621
|
+
value?: string;
|
|
600
622
|
active?: boolean;
|
|
601
623
|
hasNotification?: boolean;
|
|
602
624
|
}
|
|
@@ -635,4 +657,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
635
657
|
*/
|
|
636
658
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
637
659
|
|
|
638
|
-
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, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type
|
|
660
|
+
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 ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type ResourceView, ResourcesGridList, type ResourcesGridListProps, type SidebarCategory, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|