@digital-b2c/coreui-kit 0.7.5 → 0.8.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 +822 -108
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1861 -851
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +63 -2
- package/dist/index.d.ts +63 -2
- package/dist/index.mjs +793 -81
- 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
|
@@ -38,6 +38,8 @@ declare const svgs: {
|
|
|
38
38
|
tech: string;
|
|
39
39
|
work: string;
|
|
40
40
|
workhome: string;
|
|
41
|
+
pdf: string;
|
|
42
|
+
externalLink: string;
|
|
41
43
|
blankCheckbox: string;
|
|
42
44
|
blankCheckboxWhite: string;
|
|
43
45
|
checkedBox: string;
|
|
@@ -52,6 +54,7 @@ declare const svgs: {
|
|
|
52
54
|
filledChevronLeft: string;
|
|
53
55
|
filledChevronRight: string;
|
|
54
56
|
filledChevronUp: string;
|
|
57
|
+
filledChevronUpBlack: string;
|
|
55
58
|
leftWhite: string;
|
|
56
59
|
mailBlack: string;
|
|
57
60
|
rightBlack: string;
|
|
@@ -62,6 +65,13 @@ declare const svgs: {
|
|
|
62
65
|
upChevronWhite: string;
|
|
63
66
|
watchBlack: string;
|
|
64
67
|
watchWhite: string;
|
|
68
|
+
filter: string;
|
|
69
|
+
internalFilter: string;
|
|
70
|
+
search: string;
|
|
71
|
+
grid: string;
|
|
72
|
+
list: string;
|
|
73
|
+
chevronLeftBlack: string;
|
|
74
|
+
chevronRightBlack: string;
|
|
65
75
|
chevronDefault: string;
|
|
66
76
|
chevronHovered: string;
|
|
67
77
|
chevronSelected: string;
|
|
@@ -102,7 +112,7 @@ interface BrandsStripProps {
|
|
|
102
112
|
|
|
103
113
|
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
104
114
|
|
|
105
|
-
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
|
|
115
|
+
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
|
|
106
116
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
107
117
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
108
118
|
variant?: TButtonVariant;
|
|
@@ -111,6 +121,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
111
121
|
isExternal?: boolean;
|
|
112
122
|
icon?: IconType;
|
|
113
123
|
logo?: IPicture;
|
|
124
|
+
isActive?: boolean;
|
|
114
125
|
}
|
|
115
126
|
|
|
116
127
|
declare const Button: React.FC<ButtonProps>;
|
|
@@ -338,6 +349,29 @@ interface HeroBannerCarouselProps {
|
|
|
338
349
|
|
|
339
350
|
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
340
351
|
|
|
352
|
+
interface InternalBrandsTabProps {
|
|
353
|
+
title?: string;
|
|
354
|
+
className?: string;
|
|
355
|
+
subTitle?: React.ReactNode;
|
|
356
|
+
tabs?: {
|
|
357
|
+
tabTitle?: string;
|
|
358
|
+
topContent?: {
|
|
359
|
+
title?: string;
|
|
360
|
+
longText: React.ReactNode;
|
|
361
|
+
cta?: ICtaLogo;
|
|
362
|
+
rightSideText?: React.ReactNode;
|
|
363
|
+
};
|
|
364
|
+
bottomContent?: {
|
|
365
|
+
title?: string;
|
|
366
|
+
icon?: IPicture;
|
|
367
|
+
textList: React.ReactNode;
|
|
368
|
+
quote?: React.ReactNode;
|
|
369
|
+
};
|
|
370
|
+
}[];
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
|
|
374
|
+
|
|
341
375
|
type MiniBannerSubtitleProps = {
|
|
342
376
|
children: ReactNode;
|
|
343
377
|
};
|
|
@@ -551,6 +585,33 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
|
|
|
551
585
|
Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
552
586
|
};
|
|
553
587
|
|
|
588
|
+
type ResourceView = 'grid' | 'list';
|
|
589
|
+
type ResourceItemType = 'pdf' | 'link';
|
|
590
|
+
type FilterOption = 'all' | 'link' | 'pdf';
|
|
591
|
+
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
592
|
+
interface ResourceItem {
|
|
593
|
+
title: string;
|
|
594
|
+
date: string;
|
|
595
|
+
type?: ResourceItemType;
|
|
596
|
+
hasNotification?: boolean;
|
|
597
|
+
}
|
|
598
|
+
interface SidebarCategory {
|
|
599
|
+
label: string;
|
|
600
|
+
active?: boolean;
|
|
601
|
+
hasNotification?: boolean;
|
|
602
|
+
}
|
|
603
|
+
interface ResourcesGridListProps {
|
|
604
|
+
className?: string;
|
|
605
|
+
items?: ResourceItem[];
|
|
606
|
+
categories?: SidebarCategory[];
|
|
607
|
+
defaultView?: ResourceView;
|
|
608
|
+
defaultFilter?: FilterOption;
|
|
609
|
+
defaultSort?: SortOption;
|
|
610
|
+
children?: ReactNode;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
|
|
614
|
+
|
|
554
615
|
type IntersectionObserverOptions = {
|
|
555
616
|
threshold?: number | number[];
|
|
556
617
|
rootMargin?: string;
|
|
@@ -574,4 +635,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
574
635
|
*/
|
|
575
636
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
576
637
|
|
|
577
|
-
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 };
|
|
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 ResourceItemType, 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
|
@@ -38,6 +38,8 @@ declare const svgs: {
|
|
|
38
38
|
tech: string;
|
|
39
39
|
work: string;
|
|
40
40
|
workhome: string;
|
|
41
|
+
pdf: string;
|
|
42
|
+
externalLink: string;
|
|
41
43
|
blankCheckbox: string;
|
|
42
44
|
blankCheckboxWhite: string;
|
|
43
45
|
checkedBox: string;
|
|
@@ -52,6 +54,7 @@ declare const svgs: {
|
|
|
52
54
|
filledChevronLeft: string;
|
|
53
55
|
filledChevronRight: string;
|
|
54
56
|
filledChevronUp: string;
|
|
57
|
+
filledChevronUpBlack: string;
|
|
55
58
|
leftWhite: string;
|
|
56
59
|
mailBlack: string;
|
|
57
60
|
rightBlack: string;
|
|
@@ -62,6 +65,13 @@ declare const svgs: {
|
|
|
62
65
|
upChevronWhite: string;
|
|
63
66
|
watchBlack: string;
|
|
64
67
|
watchWhite: string;
|
|
68
|
+
filter: string;
|
|
69
|
+
internalFilter: string;
|
|
70
|
+
search: string;
|
|
71
|
+
grid: string;
|
|
72
|
+
list: string;
|
|
73
|
+
chevronLeftBlack: string;
|
|
74
|
+
chevronRightBlack: string;
|
|
65
75
|
chevronDefault: string;
|
|
66
76
|
chevronHovered: string;
|
|
67
77
|
chevronSelected: string;
|
|
@@ -102,7 +112,7 @@ interface BrandsStripProps {
|
|
|
102
112
|
|
|
103
113
|
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
104
114
|
|
|
105
|
-
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
|
|
115
|
+
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
|
|
106
116
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
107
117
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
108
118
|
variant?: TButtonVariant;
|
|
@@ -111,6 +121,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
111
121
|
isExternal?: boolean;
|
|
112
122
|
icon?: IconType;
|
|
113
123
|
logo?: IPicture;
|
|
124
|
+
isActive?: boolean;
|
|
114
125
|
}
|
|
115
126
|
|
|
116
127
|
declare const Button: React.FC<ButtonProps>;
|
|
@@ -338,6 +349,29 @@ interface HeroBannerCarouselProps {
|
|
|
338
349
|
|
|
339
350
|
declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
|
|
340
351
|
|
|
352
|
+
interface InternalBrandsTabProps {
|
|
353
|
+
title?: string;
|
|
354
|
+
className?: string;
|
|
355
|
+
subTitle?: React.ReactNode;
|
|
356
|
+
tabs?: {
|
|
357
|
+
tabTitle?: string;
|
|
358
|
+
topContent?: {
|
|
359
|
+
title?: string;
|
|
360
|
+
longText: React.ReactNode;
|
|
361
|
+
cta?: ICtaLogo;
|
|
362
|
+
rightSideText?: React.ReactNode;
|
|
363
|
+
};
|
|
364
|
+
bottomContent?: {
|
|
365
|
+
title?: string;
|
|
366
|
+
icon?: IPicture;
|
|
367
|
+
textList: React.ReactNode;
|
|
368
|
+
quote?: React.ReactNode;
|
|
369
|
+
};
|
|
370
|
+
}[];
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
|
|
374
|
+
|
|
341
375
|
type MiniBannerSubtitleProps = {
|
|
342
376
|
children: ReactNode;
|
|
343
377
|
};
|
|
@@ -551,6 +585,33 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
|
|
|
551
585
|
Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
552
586
|
};
|
|
553
587
|
|
|
588
|
+
type ResourceView = 'grid' | 'list';
|
|
589
|
+
type ResourceItemType = 'pdf' | 'link';
|
|
590
|
+
type FilterOption = 'all' | 'link' | 'pdf';
|
|
591
|
+
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
592
|
+
interface ResourceItem {
|
|
593
|
+
title: string;
|
|
594
|
+
date: string;
|
|
595
|
+
type?: ResourceItemType;
|
|
596
|
+
hasNotification?: boolean;
|
|
597
|
+
}
|
|
598
|
+
interface SidebarCategory {
|
|
599
|
+
label: string;
|
|
600
|
+
active?: boolean;
|
|
601
|
+
hasNotification?: boolean;
|
|
602
|
+
}
|
|
603
|
+
interface ResourcesGridListProps {
|
|
604
|
+
className?: string;
|
|
605
|
+
items?: ResourceItem[];
|
|
606
|
+
categories?: SidebarCategory[];
|
|
607
|
+
defaultView?: ResourceView;
|
|
608
|
+
defaultFilter?: FilterOption;
|
|
609
|
+
defaultSort?: SortOption;
|
|
610
|
+
children?: ReactNode;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
|
|
614
|
+
|
|
554
615
|
type IntersectionObserverOptions = {
|
|
555
616
|
threshold?: number | number[];
|
|
556
617
|
rootMargin?: string;
|
|
@@ -574,4 +635,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
574
635
|
*/
|
|
575
636
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
576
637
|
|
|
577
|
-
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 };
|
|
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 ResourceItemType, 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 };
|