@digital-b2c/coreui-kit 0.16.2 → 0.17.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/dist/index.d.cts CHANGED
@@ -75,6 +75,7 @@ declare const svgs: {
75
75
  list: string;
76
76
  chevronLeftBlack: string;
77
77
  chevronRightBlack: string;
78
+ chevronRight: string;
78
79
  chevronDefault: string;
79
80
  chevronHovered: string;
80
81
  chevronSelected: string;
@@ -119,7 +120,7 @@ interface BrandsStripProps {
119
120
 
120
121
  declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react.JSX.Element;
121
122
 
122
- declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack"];
123
+ declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack", "textmenu"];
123
124
  type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
124
125
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
125
126
  variant?: TButtonVariant;
@@ -416,6 +417,44 @@ interface SearchProps {
416
417
 
417
418
  declare const Search: ({ placeholder, searchCta, onSearch, variant, className, }: SearchProps) => react.JSX.Element;
418
419
 
420
+ interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
421
+ isExternal?: boolean;
422
+ renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
423
+ children: ReactNode;
424
+ }) => ReactNode;
425
+ }
426
+
427
+ declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
428
+
429
+ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
430
+ children: ReactNode;
431
+ }
432
+
433
+ declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
434
+
435
+ type ConditionalWrapperProps = {
436
+ condition: boolean;
437
+ wrapper?: FC<{
438
+ children: ReactNode;
439
+ } & Record<string, unknown>>;
440
+ fallback?: FC<{
441
+ children: ReactNode;
442
+ } & Record<string, unknown>>;
443
+ } & Record<string, unknown>;
444
+
445
+ declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
446
+
447
+ type IColTextMenuItem = ICta;
448
+ interface ColTextMenuProps extends IColTextMenuItem {
449
+ className?: string;
450
+ renderLink?: AnchorProps['renderLink'];
451
+ }
452
+
453
+ declare const ColTextMenu: {
454
+ ({ label, url, isExternal, className, renderLink, }: ColTextMenuProps): react.JSX.Element;
455
+ displayName: string;
456
+ };
457
+
419
458
  interface UserMenuItem {
420
459
  label: string;
421
460
  /** Renders the item as a link. */
@@ -464,33 +503,6 @@ declare const Loader: {
464
503
  displayName: string;
465
504
  };
466
505
 
467
- interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
468
- isExternal?: boolean;
469
- renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
470
- children: ReactNode;
471
- }) => ReactNode;
472
- }
473
-
474
- declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
475
-
476
- interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
477
- children: ReactNode;
478
- }
479
-
480
- declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
481
-
482
- type ConditionalWrapperProps = {
483
- condition: boolean;
484
- wrapper?: FC<{
485
- children: ReactNode;
486
- } & Record<string, unknown>>;
487
- fallback?: FC<{
488
- children: ReactNode;
489
- } & Record<string, unknown>>;
490
- } & Record<string, unknown>;
491
-
492
- declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
493
-
494
506
  type CardCollectionSubtitleProps = {
495
507
  children: ReactNode;
496
508
  };
@@ -1094,6 +1106,23 @@ declare const PageLoader: (({ className, children }: PageLoaderProps) => react.J
1094
1106
  Logo: ({ children }: PageLoaderLogoProps) => react.JSX.Element;
1095
1107
  };
1096
1108
 
1109
+ interface ITwoColTextMenuSection {
1110
+ title: string;
1111
+ items: IColTextMenuItem[];
1112
+ }
1113
+ interface TwoColTextMenuProps {
1114
+ className?: string;
1115
+ /** Accessible label for the navigation landmark. */
1116
+ ariaLabel?: string;
1117
+ sections: ITwoColTextMenuSection[];
1118
+ renderLink?: AnchorProps['renderLink'];
1119
+ }
1120
+
1121
+ declare const TwoColTextMenu: {
1122
+ ({ className, ariaLabel, sections, renderLink, }: TwoColTextMenuProps): react.JSX.Element | null;
1123
+ displayName: string;
1124
+ };
1125
+
1097
1126
  /** Tracks the current browser path, updating on back/forward navigation. */
1098
1127
  declare const useActivePath: () => string;
1099
1128
 
@@ -1122,4 +1151,4 @@ type SlotMap = Record<string, SlotComponent>;
1122
1151
  */
1123
1152
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
1124
1153
 
1125
- 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, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
1154
+ 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, ColTextMenu, type ColTextMenuProps, 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 IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
package/dist/index.d.ts CHANGED
@@ -75,6 +75,7 @@ declare const svgs: {
75
75
  list: string;
76
76
  chevronLeftBlack: string;
77
77
  chevronRightBlack: string;
78
+ chevronRight: string;
78
79
  chevronDefault: string;
79
80
  chevronHovered: string;
80
81
  chevronSelected: string;
@@ -119,7 +120,7 @@ interface BrandsStripProps {
119
120
 
120
121
  declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react.JSX.Element;
121
122
 
122
- declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack"];
123
+ declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton", "navnofillblack", "textmenu"];
123
124
  type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
124
125
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
125
126
  variant?: TButtonVariant;
@@ -416,6 +417,44 @@ interface SearchProps {
416
417
 
417
418
  declare const Search: ({ placeholder, searchCta, onSearch, variant, className, }: SearchProps) => react.JSX.Element;
418
419
 
420
+ interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
421
+ isExternal?: boolean;
422
+ renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
423
+ children: ReactNode;
424
+ }) => ReactNode;
425
+ }
426
+
427
+ declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
428
+
429
+ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
430
+ children: ReactNode;
431
+ }
432
+
433
+ declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
434
+
435
+ type ConditionalWrapperProps = {
436
+ condition: boolean;
437
+ wrapper?: FC<{
438
+ children: ReactNode;
439
+ } & Record<string, unknown>>;
440
+ fallback?: FC<{
441
+ children: ReactNode;
442
+ } & Record<string, unknown>>;
443
+ } & Record<string, unknown>;
444
+
445
+ declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
446
+
447
+ type IColTextMenuItem = ICta;
448
+ interface ColTextMenuProps extends IColTextMenuItem {
449
+ className?: string;
450
+ renderLink?: AnchorProps['renderLink'];
451
+ }
452
+
453
+ declare const ColTextMenu: {
454
+ ({ label, url, isExternal, className, renderLink, }: ColTextMenuProps): react.JSX.Element;
455
+ displayName: string;
456
+ };
457
+
419
458
  interface UserMenuItem {
420
459
  label: string;
421
460
  /** Renders the item as a link. */
@@ -464,33 +503,6 @@ declare const Loader: {
464
503
  displayName: string;
465
504
  };
466
505
 
467
- interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
468
- isExternal?: boolean;
469
- renderLink?: (props: AnchorHTMLAttributes<HTMLAnchorElement> & {
470
- children: ReactNode;
471
- }) => ReactNode;
472
- }
473
-
474
- declare const Anchor: ({ children, isExternal, renderLink, ...props }: AnchorProps) => react.JSX.Element;
475
-
476
- interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
477
- children: ReactNode;
478
- }
479
-
480
- declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
481
-
482
- type ConditionalWrapperProps = {
483
- condition: boolean;
484
- wrapper?: FC<{
485
- children: ReactNode;
486
- } & Record<string, unknown>>;
487
- fallback?: FC<{
488
- children: ReactNode;
489
- } & Record<string, unknown>>;
490
- } & Record<string, unknown>;
491
-
492
- declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
493
-
494
506
  type CardCollectionSubtitleProps = {
495
507
  children: ReactNode;
496
508
  };
@@ -1094,6 +1106,23 @@ declare const PageLoader: (({ className, children }: PageLoaderProps) => react.J
1094
1106
  Logo: ({ children }: PageLoaderLogoProps) => react.JSX.Element;
1095
1107
  };
1096
1108
 
1109
+ interface ITwoColTextMenuSection {
1110
+ title: string;
1111
+ items: IColTextMenuItem[];
1112
+ }
1113
+ interface TwoColTextMenuProps {
1114
+ className?: string;
1115
+ /** Accessible label for the navigation landmark. */
1116
+ ariaLabel?: string;
1117
+ sections: ITwoColTextMenuSection[];
1118
+ renderLink?: AnchorProps['renderLink'];
1119
+ }
1120
+
1121
+ declare const TwoColTextMenu: {
1122
+ ({ className, ariaLabel, sections, renderLink, }: TwoColTextMenuProps): react.JSX.Element | null;
1123
+ displayName: string;
1124
+ };
1125
+
1097
1126
  /** Tracks the current browser path, updating on back/forward navigation. */
1098
1127
  declare const useActivePath: () => string;
1099
1128
 
@@ -1122,4 +1151,4 @@ type SlotMap = Record<string, SlotComponent>;
1122
1151
  */
1123
1152
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
1124
1153
 
1125
- 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, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
1154
+ 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, ColTextMenu, type ColTextMenuProps, 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 IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };