@digital-b2c/coreui-kit 0.11.24 → 0.13.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 +676 -201
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +499 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +59 -3
- package/dist/index.d.ts +59 -3
- package/dist/index.mjs +673 -201
- 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
|
@@ -117,7 +117,7 @@ interface BrandsStripProps {
|
|
|
117
117
|
|
|
118
118
|
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
119
119
|
|
|
120
|
-
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
|
|
120
|
+
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack"];
|
|
121
121
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
122
122
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
123
123
|
variant?: TButtonVariant;
|
|
@@ -191,11 +191,15 @@ interface ResourceItem {
|
|
|
191
191
|
id: string;
|
|
192
192
|
}
|
|
193
193
|
interface ResourceCardItemProps {
|
|
194
|
+
variant?: 'global-search';
|
|
194
195
|
item: ResourceItem;
|
|
195
196
|
view: ResourceView;
|
|
197
|
+
renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
198
|
+
children: React.ReactNode;
|
|
199
|
+
}) => React.ReactNode;
|
|
196
200
|
}
|
|
197
201
|
|
|
198
|
-
declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
|
|
202
|
+
declare const ResourceCardItem: ({ item, view, variant, renderLink }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
|
|
199
203
|
|
|
200
204
|
type FilterOption = 'all' | 'pdf' | 'externalLink';
|
|
201
205
|
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
@@ -622,6 +626,34 @@ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, ct
|
|
|
622
626
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
623
627
|
};
|
|
624
628
|
|
|
629
|
+
interface BaseNavItem {
|
|
630
|
+
title: string;
|
|
631
|
+
description: string;
|
|
632
|
+
}
|
|
633
|
+
interface NavLink {
|
|
634
|
+
type: 'link';
|
|
635
|
+
cta?: ICta;
|
|
636
|
+
}
|
|
637
|
+
interface NavDropdown extends BaseNavItem {
|
|
638
|
+
type: 'dropdown';
|
|
639
|
+
items: NavItem[];
|
|
640
|
+
cta?: ICta;
|
|
641
|
+
}
|
|
642
|
+
type NavItem = NavLink | NavDropdown;
|
|
643
|
+
interface NavigationProps {
|
|
644
|
+
className?: string;
|
|
645
|
+
variant?: 'transparent';
|
|
646
|
+
mainLogo?: string;
|
|
647
|
+
homeCta?: string;
|
|
648
|
+
loginCta?: ICta;
|
|
649
|
+
rightButton?: ICta;
|
|
650
|
+
navigationItems?: {
|
|
651
|
+
items: NavItem[];
|
|
652
|
+
};
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
declare const Navigation: (props: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
656
|
+
|
|
625
657
|
type PracticePathCardsFooterProps = {
|
|
626
658
|
children: ReactNode;
|
|
627
659
|
};
|
|
@@ -894,6 +926,28 @@ declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, on
|
|
|
894
926
|
Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
|
|
895
927
|
};
|
|
896
928
|
|
|
929
|
+
type GlobalSearchResultsListPaginationProps = {
|
|
930
|
+
children: ReactNode;
|
|
931
|
+
};
|
|
932
|
+
|
|
933
|
+
type GlobalSearchResultsListSearchProps = {
|
|
934
|
+
children: ReactNode;
|
|
935
|
+
};
|
|
936
|
+
|
|
937
|
+
interface GlobalSearchResultsListProps extends PropsWithChildren {
|
|
938
|
+
className?: string;
|
|
939
|
+
searchResult?: ReactNode;
|
|
940
|
+
items: ResourceItem[];
|
|
941
|
+
renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
942
|
+
children: React.ReactNode;
|
|
943
|
+
}) => React.ReactNode;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
declare const GlobalSearchResultsList: (({ items, searchResult, className, renderLink, children, }: GlobalSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
|
|
947
|
+
Search: ({ children }: GlobalSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
|
|
948
|
+
Pagination: ({ children, }: GlobalSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
|
|
949
|
+
};
|
|
950
|
+
|
|
897
951
|
type IntersectionObserverOptions = {
|
|
898
952
|
threshold?: number | number[];
|
|
899
953
|
rootMargin?: string;
|
|
@@ -908,6 +962,8 @@ type IntersectionObserverResult<T extends Element> = {
|
|
|
908
962
|
};
|
|
909
963
|
declare function useIntersectionObserver<T extends Element = Element>({ animateOnce, options, }?: UseIntersectionObserverProps): IntersectionObserverResult<T>;
|
|
910
964
|
|
|
965
|
+
declare const useIsAtTop: () => boolean;
|
|
966
|
+
|
|
911
967
|
type SlotComponent = React.ComponentType<any>;
|
|
912
968
|
type SlotMap = Record<string, SlotComponent>;
|
|
913
969
|
/**
|
|
@@ -917,4 +973,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
917
973
|
*/
|
|
918
974
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
919
975
|
|
|
920
|
-
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, 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, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
976
|
+
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, 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, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Navigation, type NavigationProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver, useIsAtTop };
|
package/dist/index.d.ts
CHANGED
|
@@ -117,7 +117,7 @@ interface BrandsStripProps {
|
|
|
117
117
|
|
|
118
118
|
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
119
119
|
|
|
120
|
-
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
|
|
120
|
+
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack"];
|
|
121
121
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
122
122
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
123
123
|
variant?: TButtonVariant;
|
|
@@ -191,11 +191,15 @@ interface ResourceItem {
|
|
|
191
191
|
id: string;
|
|
192
192
|
}
|
|
193
193
|
interface ResourceCardItemProps {
|
|
194
|
+
variant?: 'global-search';
|
|
194
195
|
item: ResourceItem;
|
|
195
196
|
view: ResourceView;
|
|
197
|
+
renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
198
|
+
children: React.ReactNode;
|
|
199
|
+
}) => React.ReactNode;
|
|
196
200
|
}
|
|
197
201
|
|
|
198
|
-
declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
|
|
202
|
+
declare const ResourceCardItem: ({ item, view, variant, renderLink }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
|
|
199
203
|
|
|
200
204
|
type FilterOption = 'all' | 'pdf' | 'externalLink';
|
|
201
205
|
type SortOption = 'latest' | 'oldest' | 'az' | 'za';
|
|
@@ -622,6 +626,34 @@ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, ct
|
|
|
622
626
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
623
627
|
};
|
|
624
628
|
|
|
629
|
+
interface BaseNavItem {
|
|
630
|
+
title: string;
|
|
631
|
+
description: string;
|
|
632
|
+
}
|
|
633
|
+
interface NavLink {
|
|
634
|
+
type: 'link';
|
|
635
|
+
cta?: ICta;
|
|
636
|
+
}
|
|
637
|
+
interface NavDropdown extends BaseNavItem {
|
|
638
|
+
type: 'dropdown';
|
|
639
|
+
items: NavItem[];
|
|
640
|
+
cta?: ICta;
|
|
641
|
+
}
|
|
642
|
+
type NavItem = NavLink | NavDropdown;
|
|
643
|
+
interface NavigationProps {
|
|
644
|
+
className?: string;
|
|
645
|
+
variant?: 'transparent';
|
|
646
|
+
mainLogo?: string;
|
|
647
|
+
homeCta?: string;
|
|
648
|
+
loginCta?: ICta;
|
|
649
|
+
rightButton?: ICta;
|
|
650
|
+
navigationItems?: {
|
|
651
|
+
items: NavItem[];
|
|
652
|
+
};
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
declare const Navigation: (props: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
656
|
+
|
|
625
657
|
type PracticePathCardsFooterProps = {
|
|
626
658
|
children: ReactNode;
|
|
627
659
|
};
|
|
@@ -894,6 +926,28 @@ declare const BlogSearchResultsList: (({ items, searchResult, onSearchChange, on
|
|
|
894
926
|
Pagination: ({ children, }: BlogSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
|
|
895
927
|
};
|
|
896
928
|
|
|
929
|
+
type GlobalSearchResultsListPaginationProps = {
|
|
930
|
+
children: ReactNode;
|
|
931
|
+
};
|
|
932
|
+
|
|
933
|
+
type GlobalSearchResultsListSearchProps = {
|
|
934
|
+
children: ReactNode;
|
|
935
|
+
};
|
|
936
|
+
|
|
937
|
+
interface GlobalSearchResultsListProps extends PropsWithChildren {
|
|
938
|
+
className?: string;
|
|
939
|
+
searchResult?: ReactNode;
|
|
940
|
+
items: ResourceItem[];
|
|
941
|
+
renderLink?: (props: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
942
|
+
children: React.ReactNode;
|
|
943
|
+
}) => React.ReactNode;
|
|
944
|
+
}
|
|
945
|
+
|
|
946
|
+
declare const GlobalSearchResultsList: (({ items, searchResult, className, renderLink, children, }: GlobalSearchResultsListProps) => react_jsx_runtime.JSX.Element) & {
|
|
947
|
+
Search: ({ children }: GlobalSearchResultsListSearchProps) => react_jsx_runtime.JSX.Element;
|
|
948
|
+
Pagination: ({ children, }: GlobalSearchResultsListPaginationProps) => react_jsx_runtime.JSX.Element;
|
|
949
|
+
};
|
|
950
|
+
|
|
897
951
|
type IntersectionObserverOptions = {
|
|
898
952
|
threshold?: number | number[];
|
|
899
953
|
rootMargin?: string;
|
|
@@ -908,6 +962,8 @@ type IntersectionObserverResult<T extends Element> = {
|
|
|
908
962
|
};
|
|
909
963
|
declare function useIntersectionObserver<T extends Element = Element>({ animateOnce, options, }?: UseIntersectionObserverProps): IntersectionObserverResult<T>;
|
|
910
964
|
|
|
965
|
+
declare const useIsAtTop: () => boolean;
|
|
966
|
+
|
|
911
967
|
type SlotComponent = React.ComponentType<any>;
|
|
912
968
|
type SlotMap = Record<string, SlotComponent>;
|
|
913
969
|
/**
|
|
@@ -917,4 +973,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
917
973
|
*/
|
|
918
974
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
919
975
|
|
|
920
|
-
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, 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, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
976
|
+
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, 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, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Navigation, type NavigationProps, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, resolveCompoundSlots, svgs, useIntersectionObserver, useIsAtTop };
|