@digital-b2c/coreui-kit 0.12.0 → 0.13.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 +467 -38
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +450 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +37 -3
- package/dist/index.d.ts +37 -3
- package/dist/index.mjs +466 -39
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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;
|
|
@@ -247,13 +247,17 @@ interface PaginationProps {
|
|
|
247
247
|
hasNumber?: boolean;
|
|
248
248
|
disableArrows?: boolean;
|
|
249
249
|
onPageChange?: (page: number) => void;
|
|
250
|
+
showEllipsis?: boolean;
|
|
251
|
+
siblingCount?: number;
|
|
252
|
+
boundaryCount?: number;
|
|
253
|
+
hidePagesBorder?: boolean;
|
|
250
254
|
renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
251
255
|
page: number;
|
|
252
256
|
children: ReactNode;
|
|
253
257
|
}) => ReactNode;
|
|
254
258
|
}
|
|
255
259
|
|
|
256
|
-
declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
260
|
+
declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, showEllipsis, boundaryCount, siblingCount, hidePagesBorder, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
257
261
|
|
|
258
262
|
declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
|
|
259
263
|
|
|
@@ -626,6 +630,34 @@ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, ct
|
|
|
626
630
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
627
631
|
};
|
|
628
632
|
|
|
633
|
+
interface BaseNavItem {
|
|
634
|
+
title: string;
|
|
635
|
+
description: string;
|
|
636
|
+
}
|
|
637
|
+
interface NavLink {
|
|
638
|
+
type: 'link';
|
|
639
|
+
cta?: ICta;
|
|
640
|
+
}
|
|
641
|
+
interface NavDropdown extends BaseNavItem {
|
|
642
|
+
type: 'dropdown';
|
|
643
|
+
items: NavItem[];
|
|
644
|
+
cta?: ICta;
|
|
645
|
+
}
|
|
646
|
+
type NavItem = NavLink | NavDropdown;
|
|
647
|
+
interface NavigationProps {
|
|
648
|
+
className?: string;
|
|
649
|
+
variant?: 'transparent';
|
|
650
|
+
mainLogo?: string;
|
|
651
|
+
homeCta?: string;
|
|
652
|
+
loginCta?: ICta;
|
|
653
|
+
rightButton?: ICta;
|
|
654
|
+
navigationItems?: {
|
|
655
|
+
items: NavItem[];
|
|
656
|
+
};
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
declare const Navigation: (props: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
660
|
+
|
|
629
661
|
type PracticePathCardsFooterProps = {
|
|
630
662
|
children: ReactNode;
|
|
631
663
|
};
|
|
@@ -934,6 +966,8 @@ type IntersectionObserverResult<T extends Element> = {
|
|
|
934
966
|
};
|
|
935
967
|
declare function useIntersectionObserver<T extends Element = Element>({ animateOnce, options, }?: UseIntersectionObserverProps): IntersectionObserverResult<T>;
|
|
936
968
|
|
|
969
|
+
declare const useIsAtTop: () => boolean;
|
|
970
|
+
|
|
937
971
|
type SlotComponent = React.ComponentType<any>;
|
|
938
972
|
type SlotMap = Record<string, SlotComponent>;
|
|
939
973
|
/**
|
|
@@ -943,4 +977,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
943
977
|
*/
|
|
944
978
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
945
979
|
|
|
946
|
-
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, 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 };
|
|
980
|
+
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;
|
|
@@ -247,13 +247,17 @@ interface PaginationProps {
|
|
|
247
247
|
hasNumber?: boolean;
|
|
248
248
|
disableArrows?: boolean;
|
|
249
249
|
onPageChange?: (page: number) => void;
|
|
250
|
+
showEllipsis?: boolean;
|
|
251
|
+
siblingCount?: number;
|
|
252
|
+
boundaryCount?: number;
|
|
253
|
+
hidePagesBorder?: boolean;
|
|
250
254
|
renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
251
255
|
page: number;
|
|
252
256
|
children: ReactNode;
|
|
253
257
|
}) => ReactNode;
|
|
254
258
|
}
|
|
255
259
|
|
|
256
|
-
declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
260
|
+
declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, showEllipsis, boundaryCount, siblingCount, hidePagesBorder, renderLink, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
257
261
|
|
|
258
262
|
declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
|
|
259
263
|
|
|
@@ -626,6 +630,34 @@ declare const MiniSectionCta: (({ className, variant, theme, title, subtitle, ct
|
|
|
626
630
|
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
627
631
|
};
|
|
628
632
|
|
|
633
|
+
interface BaseNavItem {
|
|
634
|
+
title: string;
|
|
635
|
+
description: string;
|
|
636
|
+
}
|
|
637
|
+
interface NavLink {
|
|
638
|
+
type: 'link';
|
|
639
|
+
cta?: ICta;
|
|
640
|
+
}
|
|
641
|
+
interface NavDropdown extends BaseNavItem {
|
|
642
|
+
type: 'dropdown';
|
|
643
|
+
items: NavItem[];
|
|
644
|
+
cta?: ICta;
|
|
645
|
+
}
|
|
646
|
+
type NavItem = NavLink | NavDropdown;
|
|
647
|
+
interface NavigationProps {
|
|
648
|
+
className?: string;
|
|
649
|
+
variant?: 'transparent';
|
|
650
|
+
mainLogo?: string;
|
|
651
|
+
homeCta?: string;
|
|
652
|
+
loginCta?: ICta;
|
|
653
|
+
rightButton?: ICta;
|
|
654
|
+
navigationItems?: {
|
|
655
|
+
items: NavItem[];
|
|
656
|
+
};
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
declare const Navigation: (props: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
660
|
+
|
|
629
661
|
type PracticePathCardsFooterProps = {
|
|
630
662
|
children: ReactNode;
|
|
631
663
|
};
|
|
@@ -934,6 +966,8 @@ type IntersectionObserverResult<T extends Element> = {
|
|
|
934
966
|
};
|
|
935
967
|
declare function useIntersectionObserver<T extends Element = Element>({ animateOnce, options, }?: UseIntersectionObserverProps): IntersectionObserverResult<T>;
|
|
936
968
|
|
|
969
|
+
declare const useIsAtTop: () => boolean;
|
|
970
|
+
|
|
937
971
|
type SlotComponent = React.ComponentType<any>;
|
|
938
972
|
type SlotMap = Record<string, SlotComponent>;
|
|
939
973
|
/**
|
|
@@ -943,4 +977,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
943
977
|
*/
|
|
944
978
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
945
979
|
|
|
946
|
-
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, 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 };
|
|
980
|
+
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 };
|