@digital-b2c/coreui-kit 0.7.5 → 0.9.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.
Files changed (12) hide show
  1. package/LICENSE.txt +21 -21
  2. package/README.md +52 -52
  3. package/dist/index.cjs +878 -127
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +1525 -456
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.d.cts +80 -5
  8. package/dist/index.d.ts +80 -5
  9. package/dist/index.mjs +848 -100
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/types/global.d.ts +25 -25
  12. package/package.json +99 -100
package/dist/index.d.cts CHANGED
@@ -5,6 +5,7 @@ import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes
5
5
  interface IPicture {
6
6
  src: string;
7
7
  alt?: string;
8
+ variant?: string;
8
9
  }
9
10
 
10
11
  type SrcOnly = {
@@ -38,6 +39,8 @@ declare const svgs: {
38
39
  tech: string;
39
40
  work: string;
40
41
  workhome: string;
42
+ pdf: string;
43
+ externalLink: string;
41
44
  blankCheckbox: string;
42
45
  blankCheckboxWhite: string;
43
46
  checkedBox: string;
@@ -52,6 +55,7 @@ declare const svgs: {
52
55
  filledChevronLeft: string;
53
56
  filledChevronRight: string;
54
57
  filledChevronUp: string;
58
+ filledChevronUpBlack: string;
55
59
  leftWhite: string;
56
60
  mailBlack: string;
57
61
  rightBlack: string;
@@ -62,6 +66,13 @@ declare const svgs: {
62
66
  upChevronWhite: string;
63
67
  watchBlack: string;
64
68
  watchWhite: string;
69
+ filter: string;
70
+ internalFilter: string;
71
+ search: string;
72
+ grid: string;
73
+ list: string;
74
+ chevronLeftBlack: string;
75
+ chevronRightBlack: string;
65
76
  chevronDefault: string;
66
77
  chevronHovered: string;
67
78
  chevronSelected: string;
@@ -90,6 +101,9 @@ interface ICtaLogo extends ICta {
90
101
  interface ICtaIcon extends ICta {
91
102
  icon?: IconType;
92
103
  }
104
+ interface ICtaHoverLogo extends ICtaLogo {
105
+ hoverLogo?: IPicture;
106
+ }
93
107
 
94
108
  interface BrandsStripProps {
95
109
  className?: string;
@@ -102,7 +116,7 @@ interface BrandsStripProps {
102
116
 
103
117
  declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
104
118
 
105
- declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
119
+ declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
106
120
  type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
107
121
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
108
122
  variant?: TButtonVariant;
@@ -111,6 +125,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
111
125
  isExternal?: boolean;
112
126
  icon?: IconType;
113
127
  logo?: IPicture;
128
+ isActive?: boolean;
114
129
  }
115
130
 
116
131
  declare const Button: React.FC<ButtonProps>;
@@ -204,6 +219,13 @@ interface PracticeCardProps {
204
219
 
205
220
  declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
206
221
 
222
+ interface LogoBarProps {
223
+ className?: string;
224
+ items: ICtaHoverLogo[];
225
+ }
226
+
227
+ declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
228
+
207
229
  interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
208
230
  isExternal?: boolean;
209
231
  }
@@ -310,14 +332,17 @@ interface HeroBannerProps {
310
332
  title?: ReactNode;
311
333
  subtitle?: ReactNode;
312
334
  backgroundImage?: PictureProps;
313
- logo?: PictureProps;
335
+ logo?: PictureProps & {
336
+ variant?: string;
337
+ };
314
338
  cta?: ICtaLogo[];
315
- ctaLogo?: ICtaLogo[];
339
+ ctaLogo?: ICtaHoverLogo[];
316
340
  brands?: BrandsStripProps;
341
+ promoteToH1?: boolean;
317
342
  children?: ReactNode;
318
343
  }
319
344
 
320
- declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
345
+ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
321
346
  Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
322
347
  Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
323
348
  };
@@ -338,6 +363,29 @@ interface HeroBannerCarouselProps {
338
363
 
339
364
  declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
340
365
 
366
+ interface InternalBrandsTabProps {
367
+ title?: string;
368
+ className?: string;
369
+ subTitle?: React.ReactNode;
370
+ tabs?: {
371
+ tabTitle?: string;
372
+ topContent?: {
373
+ title?: string;
374
+ longText: React.ReactNode;
375
+ cta?: ICtaLogo;
376
+ rightSideText?: React.ReactNode;
377
+ };
378
+ bottomContent?: {
379
+ title?: string;
380
+ icon?: IPicture;
381
+ textList: React.ReactNode;
382
+ quote?: React.ReactNode;
383
+ };
384
+ }[];
385
+ }
386
+
387
+ declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
388
+
341
389
  type MiniBannerSubtitleProps = {
342
390
  children: ReactNode;
343
391
  };
@@ -551,6 +599,33 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
551
599
  Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
552
600
  };
553
601
 
602
+ type ResourceView = 'grid' | 'list';
603
+ type ResourceItemType = 'pdf' | 'link';
604
+ type FilterOption = 'all' | 'link' | 'pdf';
605
+ type SortOption = 'latest' | 'oldest' | 'az' | 'za';
606
+ interface ResourceItem {
607
+ title: string;
608
+ date: string;
609
+ type?: ResourceItemType;
610
+ hasNotification?: boolean;
611
+ }
612
+ interface SidebarCategory {
613
+ label: string;
614
+ active?: boolean;
615
+ hasNotification?: boolean;
616
+ }
617
+ interface ResourcesGridListProps {
618
+ className?: string;
619
+ items?: ResourceItem[];
620
+ categories?: SidebarCategory[];
621
+ defaultView?: ResourceView;
622
+ defaultFilter?: FilterOption;
623
+ defaultSort?: SortOption;
624
+ children?: ReactNode;
625
+ }
626
+
627
+ declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
628
+
554
629
  type IntersectionObserverOptions = {
555
630
  threshold?: number | number[];
556
631
  rootMargin?: string;
@@ -574,4 +649,4 @@ type SlotMap = Record<string, SlotComponent>;
574
649
  */
575
650
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
576
651
 
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 };
652
+ 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 ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, 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
@@ -5,6 +5,7 @@ import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes
5
5
  interface IPicture {
6
6
  src: string;
7
7
  alt?: string;
8
+ variant?: string;
8
9
  }
9
10
 
10
11
  type SrcOnly = {
@@ -38,6 +39,8 @@ declare const svgs: {
38
39
  tech: string;
39
40
  work: string;
40
41
  workhome: string;
42
+ pdf: string;
43
+ externalLink: string;
41
44
  blankCheckbox: string;
42
45
  blankCheckboxWhite: string;
43
46
  checkedBox: string;
@@ -52,6 +55,7 @@ declare const svgs: {
52
55
  filledChevronLeft: string;
53
56
  filledChevronRight: string;
54
57
  filledChevronUp: string;
58
+ filledChevronUpBlack: string;
55
59
  leftWhite: string;
56
60
  mailBlack: string;
57
61
  rightBlack: string;
@@ -62,6 +66,13 @@ declare const svgs: {
62
66
  upChevronWhite: string;
63
67
  watchBlack: string;
64
68
  watchWhite: string;
69
+ filter: string;
70
+ internalFilter: string;
71
+ search: string;
72
+ grid: string;
73
+ list: string;
74
+ chevronLeftBlack: string;
75
+ chevronRightBlack: string;
65
76
  chevronDefault: string;
66
77
  chevronHovered: string;
67
78
  chevronSelected: string;
@@ -90,6 +101,9 @@ interface ICtaLogo extends ICta {
90
101
  interface ICtaIcon extends ICta {
91
102
  icon?: IconType;
92
103
  }
104
+ interface ICtaHoverLogo extends ICtaLogo {
105
+ hoverLogo?: IPicture;
106
+ }
93
107
 
94
108
  interface BrandsStripProps {
95
109
  className?: string;
@@ -102,7 +116,7 @@ interface BrandsStripProps {
102
116
 
103
117
  declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
104
118
 
105
- declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
119
+ declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny", "tabbutton"];
106
120
  type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
107
121
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
108
122
  variant?: TButtonVariant;
@@ -111,6 +125,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
111
125
  isExternal?: boolean;
112
126
  icon?: IconType;
113
127
  logo?: IPicture;
128
+ isActive?: boolean;
114
129
  }
115
130
 
116
131
  declare const Button: React.FC<ButtonProps>;
@@ -204,6 +219,13 @@ interface PracticeCardProps {
204
219
 
205
220
  declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
206
221
 
222
+ interface LogoBarProps {
223
+ className?: string;
224
+ items: ICtaHoverLogo[];
225
+ }
226
+
227
+ declare const LogoBar: ({ className, items }: LogoBarProps) => react_jsx_runtime.JSX.Element | null;
228
+
207
229
  interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
208
230
  isExternal?: boolean;
209
231
  }
@@ -310,14 +332,17 @@ interface HeroBannerProps {
310
332
  title?: ReactNode;
311
333
  subtitle?: ReactNode;
312
334
  backgroundImage?: PictureProps;
313
- logo?: PictureProps;
335
+ logo?: PictureProps & {
336
+ variant?: string;
337
+ };
314
338
  cta?: ICtaLogo[];
315
- ctaLogo?: ICtaLogo[];
339
+ ctaLogo?: ICtaHoverLogo[];
316
340
  brands?: BrandsStripProps;
341
+ promoteToH1?: boolean;
317
342
  children?: ReactNode;
318
343
  }
319
344
 
320
- declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
345
+ declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, ctaLogo, brands, promoteToH1, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
321
346
  Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
322
347
  Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
323
348
  };
@@ -338,6 +363,29 @@ interface HeroBannerCarouselProps {
338
363
 
339
364
  declare const HeroBannerCarousel: ({ className, items, navPrevIcon, navNextIcon, }: HeroBannerCarouselProps) => react_jsx_runtime.JSX.Element | null;
340
365
 
366
+ interface InternalBrandsTabProps {
367
+ title?: string;
368
+ className?: string;
369
+ subTitle?: React.ReactNode;
370
+ tabs?: {
371
+ tabTitle?: string;
372
+ topContent?: {
373
+ title?: string;
374
+ longText: React.ReactNode;
375
+ cta?: ICtaLogo;
376
+ rightSideText?: React.ReactNode;
377
+ };
378
+ bottomContent?: {
379
+ title?: string;
380
+ icon?: IPicture;
381
+ textList: React.ReactNode;
382
+ quote?: React.ReactNode;
383
+ };
384
+ }[];
385
+ }
386
+
387
+ declare const InternalBrandsTab: (props: InternalBrandsTabProps) => react_jsx_runtime.JSX.Element;
388
+
341
389
  type MiniBannerSubtitleProps = {
342
390
  children: ReactNode;
343
391
  };
@@ -551,6 +599,33 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
551
599
  Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
552
600
  };
553
601
 
602
+ type ResourceView = 'grid' | 'list';
603
+ type ResourceItemType = 'pdf' | 'link';
604
+ type FilterOption = 'all' | 'link' | 'pdf';
605
+ type SortOption = 'latest' | 'oldest' | 'az' | 'za';
606
+ interface ResourceItem {
607
+ title: string;
608
+ date: string;
609
+ type?: ResourceItemType;
610
+ hasNotification?: boolean;
611
+ }
612
+ interface SidebarCategory {
613
+ label: string;
614
+ active?: boolean;
615
+ hasNotification?: boolean;
616
+ }
617
+ interface ResourcesGridListProps {
618
+ className?: string;
619
+ items?: ResourceItem[];
620
+ categories?: SidebarCategory[];
621
+ defaultView?: ResourceView;
622
+ defaultFilter?: FilterOption;
623
+ defaultSort?: SortOption;
624
+ children?: ReactNode;
625
+ }
626
+
627
+ declare const ResourcesGridList: ({ className, items, categories, defaultView, defaultFilter, defaultSort, }: ResourcesGridListProps) => react_jsx_runtime.JSX.Element;
628
+
554
629
  type IntersectionObserverOptions = {
555
630
  threshold?: number | number[];
556
631
  rootMargin?: string;
@@ -574,4 +649,4 @@ type SlotMap = Record<string, SlotComponent>;
574
649
  */
575
650
  declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
576
651
 
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 };
652
+ 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 ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, 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 };