@digital-b2c/coreui-kit 0.17.20 → 0.18.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/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +455 -313
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +80 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +37 -6
- package/dist/index.d.ts +37 -6
- package/dist/index.mjs +381 -241
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +101 -100
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
|
|
2
|
+
import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, RefObject, CSSProperties } from 'react';
|
|
3
3
|
|
|
4
4
|
interface IPicture {
|
|
5
5
|
src: string;
|
|
@@ -43,6 +43,7 @@ declare const svgs: {
|
|
|
43
43
|
newIcon: string;
|
|
44
44
|
play: string;
|
|
45
45
|
lock: string;
|
|
46
|
+
quote: string;
|
|
46
47
|
blankCheckbox: string;
|
|
47
48
|
blankCheckboxWhite: string;
|
|
48
49
|
checkedBox: string;
|
|
@@ -516,6 +517,23 @@ declare const Loader: {
|
|
|
516
517
|
displayName: string;
|
|
517
518
|
};
|
|
518
519
|
|
|
520
|
+
interface BrandCardProps {
|
|
521
|
+
id?: string;
|
|
522
|
+
theme?: string;
|
|
523
|
+
title: string;
|
|
524
|
+
subtitle: string;
|
|
525
|
+
image: IPicture;
|
|
526
|
+
className?: string;
|
|
527
|
+
animationSettings: {
|
|
528
|
+
triggerRef?: RefObject<HTMLElement | null>;
|
|
529
|
+
to: number;
|
|
530
|
+
suffix?: string;
|
|
531
|
+
duration?: number;
|
|
532
|
+
};
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
declare const BrandCard: ({ theme, title, subtitle, image, animationSettings, className, }: BrandCardProps) => react.JSX.Element;
|
|
536
|
+
|
|
519
537
|
type CardCollectionSubtitleProps = {
|
|
520
538
|
children: ReactNode;
|
|
521
539
|
};
|
|
@@ -629,11 +647,9 @@ interface HeroBannerCarouselItem {
|
|
|
629
647
|
interface HeroBannerCarouselProps {
|
|
630
648
|
className?: string;
|
|
631
649
|
items?: HeroBannerCarouselItem[];
|
|
632
|
-
navPrevIcon?: string;
|
|
633
|
-
navNextIcon?: string;
|
|
634
650
|
}
|
|
635
651
|
|
|
636
|
-
declare const HeroBannerCarousel: ({ className, items
|
|
652
|
+
declare const HeroBannerCarousel: ({ className, items }: HeroBannerCarouselProps) => react.JSX.Element | null;
|
|
637
653
|
|
|
638
654
|
interface InternalBrandsTabProps {
|
|
639
655
|
title?: string;
|
|
@@ -1105,7 +1121,6 @@ declare const TextCenterWithMedia: (({ className, title, thumbnail, videoUrl, lo
|
|
|
1105
1121
|
};
|
|
1106
1122
|
|
|
1107
1123
|
interface QuoteSectionBlockItem {
|
|
1108
|
-
quoteLogo: string;
|
|
1109
1124
|
bodyText: ReactNode;
|
|
1110
1125
|
displayPhoto: string;
|
|
1111
1126
|
displayName: string;
|
|
@@ -1148,6 +1163,22 @@ declare const TwoColTextMenu: {
|
|
|
1148
1163
|
displayName: string;
|
|
1149
1164
|
};
|
|
1150
1165
|
|
|
1166
|
+
type LocationsBrandCardsTextProps = {
|
|
1167
|
+
children: ReactNode;
|
|
1168
|
+
};
|
|
1169
|
+
|
|
1170
|
+
interface LocationsBrandCardsProps extends PropsWithChildren {
|
|
1171
|
+
className?: string;
|
|
1172
|
+
title: string;
|
|
1173
|
+
subtitle?: string | ReactNode;
|
|
1174
|
+
image: IPicture;
|
|
1175
|
+
cards: BrandCardProps[];
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
declare const LocationsBrandCards: (({ className, title, subtitle, image, cards, children, }: LocationsBrandCardsProps) => react.JSX.Element) & {
|
|
1179
|
+
Text: ({ children }: LocationsBrandCardsTextProps) => react.JSX.Element;
|
|
1180
|
+
};
|
|
1181
|
+
|
|
1151
1182
|
/** Tracks the current browser path, updating on back/forward navigation. */
|
|
1152
1183
|
declare const useActivePath: () => string;
|
|
1153
1184
|
|
|
@@ -1176,4 +1207,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
1176
1207
|
*/
|
|
1177
1208
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
1178
1209
|
|
|
1179
|
-
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 NavigationBrandBar, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
1210
|
+
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandCard, type BrandCardProps, 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, LocationsBrandCards, type LocationsBrandCardsProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandBar, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, CSSProperties } from 'react';
|
|
2
|
+
import react__default, { ImgHTMLAttributes, AnchorHTMLAttributes, ReactNode, Ref, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, PropsWithChildren, JSX, FC, RefObject, CSSProperties } from 'react';
|
|
3
3
|
|
|
4
4
|
interface IPicture {
|
|
5
5
|
src: string;
|
|
@@ -43,6 +43,7 @@ declare const svgs: {
|
|
|
43
43
|
newIcon: string;
|
|
44
44
|
play: string;
|
|
45
45
|
lock: string;
|
|
46
|
+
quote: string;
|
|
46
47
|
blankCheckbox: string;
|
|
47
48
|
blankCheckboxWhite: string;
|
|
48
49
|
checkedBox: string;
|
|
@@ -516,6 +517,23 @@ declare const Loader: {
|
|
|
516
517
|
displayName: string;
|
|
517
518
|
};
|
|
518
519
|
|
|
520
|
+
interface BrandCardProps {
|
|
521
|
+
id?: string;
|
|
522
|
+
theme?: string;
|
|
523
|
+
title: string;
|
|
524
|
+
subtitle: string;
|
|
525
|
+
image: IPicture;
|
|
526
|
+
className?: string;
|
|
527
|
+
animationSettings: {
|
|
528
|
+
triggerRef?: RefObject<HTMLElement | null>;
|
|
529
|
+
to: number;
|
|
530
|
+
suffix?: string;
|
|
531
|
+
duration?: number;
|
|
532
|
+
};
|
|
533
|
+
}
|
|
534
|
+
|
|
535
|
+
declare const BrandCard: ({ theme, title, subtitle, image, animationSettings, className, }: BrandCardProps) => react.JSX.Element;
|
|
536
|
+
|
|
519
537
|
type CardCollectionSubtitleProps = {
|
|
520
538
|
children: ReactNode;
|
|
521
539
|
};
|
|
@@ -629,11 +647,9 @@ interface HeroBannerCarouselItem {
|
|
|
629
647
|
interface HeroBannerCarouselProps {
|
|
630
648
|
className?: string;
|
|
631
649
|
items?: HeroBannerCarouselItem[];
|
|
632
|
-
navPrevIcon?: string;
|
|
633
|
-
navNextIcon?: string;
|
|
634
650
|
}
|
|
635
651
|
|
|
636
|
-
declare const HeroBannerCarousel: ({ className, items
|
|
652
|
+
declare const HeroBannerCarousel: ({ className, items }: HeroBannerCarouselProps) => react.JSX.Element | null;
|
|
637
653
|
|
|
638
654
|
interface InternalBrandsTabProps {
|
|
639
655
|
title?: string;
|
|
@@ -1105,7 +1121,6 @@ declare const TextCenterWithMedia: (({ className, title, thumbnail, videoUrl, lo
|
|
|
1105
1121
|
};
|
|
1106
1122
|
|
|
1107
1123
|
interface QuoteSectionBlockItem {
|
|
1108
|
-
quoteLogo: string;
|
|
1109
1124
|
bodyText: ReactNode;
|
|
1110
1125
|
displayPhoto: string;
|
|
1111
1126
|
displayName: string;
|
|
@@ -1148,6 +1163,22 @@ declare const TwoColTextMenu: {
|
|
|
1148
1163
|
displayName: string;
|
|
1149
1164
|
};
|
|
1150
1165
|
|
|
1166
|
+
type LocationsBrandCardsTextProps = {
|
|
1167
|
+
children: ReactNode;
|
|
1168
|
+
};
|
|
1169
|
+
|
|
1170
|
+
interface LocationsBrandCardsProps extends PropsWithChildren {
|
|
1171
|
+
className?: string;
|
|
1172
|
+
title: string;
|
|
1173
|
+
subtitle?: string | ReactNode;
|
|
1174
|
+
image: IPicture;
|
|
1175
|
+
cards: BrandCardProps[];
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
declare const LocationsBrandCards: (({ className, title, subtitle, image, cards, children, }: LocationsBrandCardsProps) => react.JSX.Element) & {
|
|
1179
|
+
Text: ({ children }: LocationsBrandCardsTextProps) => react.JSX.Element;
|
|
1180
|
+
};
|
|
1181
|
+
|
|
1151
1182
|
/** Tracks the current browser path, updating on back/forward navigation. */
|
|
1152
1183
|
declare const useActivePath: () => string;
|
|
1153
1184
|
|
|
@@ -1176,4 +1207,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
1176
1207
|
*/
|
|
1177
1208
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
1178
1209
|
|
|
1179
|
-
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 NavigationBrandBar, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|
|
1210
|
+
export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandCard, type BrandCardProps, 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, LocationsBrandCards, type LocationsBrandCardsProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandBar, 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, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
|