@digital-b2c/coreui-kit 0.5.3 → 0.5.5
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 +264 -89
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +235 -103
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +63 -31
- package/dist/index.d.ts +63 -31
- package/dist/index.mjs +265 -91
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
|
|
4
4
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
@@ -19,26 +19,6 @@ type ResponsiveSources = {
|
|
|
19
19
|
};
|
|
20
20
|
type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
|
|
21
21
|
|
|
22
|
-
interface ICta {
|
|
23
|
-
label: string;
|
|
24
|
-
url: string;
|
|
25
|
-
isExternal?: boolean;
|
|
26
|
-
}
|
|
27
|
-
interface ICtaLogo extends ICta {
|
|
28
|
-
logo?: IPicture;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
interface BrandsStripProps {
|
|
32
|
-
className?: string;
|
|
33
|
-
variant?: 'light' | 'dark';
|
|
34
|
-
title?: string;
|
|
35
|
-
logos?: PictureProps[];
|
|
36
|
-
cta?: ICta;
|
|
37
|
-
size?: 'small';
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
41
|
-
|
|
42
22
|
declare const svgs: {
|
|
43
23
|
ads: string;
|
|
44
24
|
book: string;
|
|
@@ -93,11 +73,34 @@ declare const svgs: {
|
|
|
93
73
|
xWhite: string;
|
|
94
74
|
};
|
|
95
75
|
type IconType = keyof typeof svgs;
|
|
96
|
-
interface IconProps extends
|
|
76
|
+
interface IconProps extends React__default.ComponentPropsWithRef<'svg'> {
|
|
97
77
|
type: IconType;
|
|
98
78
|
size?: number;
|
|
99
79
|
}
|
|
100
|
-
declare const Icon:
|
|
80
|
+
declare const Icon: React__default.FC<IconProps>;
|
|
81
|
+
|
|
82
|
+
interface ICta {
|
|
83
|
+
label?: string;
|
|
84
|
+
url: string;
|
|
85
|
+
isExternal?: boolean;
|
|
86
|
+
}
|
|
87
|
+
interface ICtaLogo extends ICta {
|
|
88
|
+
logo?: IPicture;
|
|
89
|
+
}
|
|
90
|
+
interface ICtaIcon extends ICta {
|
|
91
|
+
icon?: IconType;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
interface BrandsStripProps {
|
|
95
|
+
className?: string;
|
|
96
|
+
variant?: 'light' | 'dark';
|
|
97
|
+
title?: string;
|
|
98
|
+
logos?: PictureProps[];
|
|
99
|
+
cta?: ICta;
|
|
100
|
+
size?: 'small';
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
101
104
|
|
|
102
105
|
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
|
|
103
106
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
@@ -126,11 +129,15 @@ interface CardProps {
|
|
|
126
129
|
subtitle?: ReactNode;
|
|
127
130
|
icon?: IconType;
|
|
128
131
|
logo?: IPicture;
|
|
129
|
-
cta?:
|
|
132
|
+
cta?: ICtaLogo & ICtaIcon;
|
|
130
133
|
children?: ReactNode;
|
|
134
|
+
ref?: Ref<HTMLDivElement>;
|
|
131
135
|
}
|
|
132
136
|
|
|
133
|
-
declare const Card:
|
|
137
|
+
declare const Card: {
|
|
138
|
+
({ className, title, subtitle, cta, icon, logo, children, ref }: CardProps): react_jsx_runtime.JSX.Element;
|
|
139
|
+
displayName: string;
|
|
140
|
+
} & {
|
|
134
141
|
Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
|
|
135
142
|
Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
136
143
|
};
|
|
@@ -206,7 +213,7 @@ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
206
213
|
children: ReactNode;
|
|
207
214
|
}
|
|
208
215
|
|
|
209
|
-
declare const Container:
|
|
216
|
+
declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
210
217
|
|
|
211
218
|
type ConditionalWrapperProps = {
|
|
212
219
|
condition: boolean;
|
|
@@ -230,7 +237,7 @@ type CardCollectionTitleProps = {
|
|
|
230
237
|
|
|
231
238
|
interface CardCollectionProps {
|
|
232
239
|
className?: string;
|
|
233
|
-
variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
|
|
240
|
+
variant?: 'default' | 'threeCols' | 'fourCols' | 'examCard' | 'cardCarousel';
|
|
234
241
|
title?: ReactNode;
|
|
235
242
|
subtitle?: ReactNode;
|
|
236
243
|
cards?: CardProps[];
|
|
@@ -440,7 +447,11 @@ interface UpcomingEventCardProps {
|
|
|
440
447
|
title?: string;
|
|
441
448
|
description?: string;
|
|
442
449
|
location?: string;
|
|
443
|
-
cta?: ICta
|
|
450
|
+
cta?: ICta & {
|
|
451
|
+
icon?: IconType;
|
|
452
|
+
};
|
|
453
|
+
direction?: 'vertical' | 'horizontal';
|
|
454
|
+
showImage?: boolean;
|
|
444
455
|
}
|
|
445
456
|
|
|
446
457
|
type EventListVariants = 'grey';
|
|
@@ -450,7 +461,7 @@ interface EventListProps extends PropsWithChildren {
|
|
|
450
461
|
title?: ReactNode;
|
|
451
462
|
items: UpcomingEventCardProps[];
|
|
452
463
|
cta?: ICta & {
|
|
453
|
-
icon
|
|
464
|
+
icon?: IconType;
|
|
454
465
|
};
|
|
455
466
|
}
|
|
456
467
|
|
|
@@ -500,6 +511,27 @@ declare const TextBody: ((props: TextBodyProps) => react_jsx_runtime.JSX.Element
|
|
|
500
511
|
Body: ({ children }: TextBodyBodyProps) => react_jsx_runtime.JSX.Element;
|
|
501
512
|
};
|
|
502
513
|
|
|
514
|
+
type TextCenterCtaInBottomSubtitleProps = {
|
|
515
|
+
children: ReactNode;
|
|
516
|
+
};
|
|
517
|
+
|
|
518
|
+
type TextCenterCtaInBottomTitleProps = {
|
|
519
|
+
children: ReactNode;
|
|
520
|
+
};
|
|
521
|
+
|
|
522
|
+
interface TextCenterCtaInBottomProps {
|
|
523
|
+
className?: string;
|
|
524
|
+
title?: ReactNode;
|
|
525
|
+
subtitle?: ReactNode;
|
|
526
|
+
ctas?: ICtaLogo[];
|
|
527
|
+
children?: ReactNode;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
|
|
531
|
+
Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
|
|
532
|
+
Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
533
|
+
};
|
|
534
|
+
|
|
503
535
|
type IntersectionObserverOptions = {
|
|
504
536
|
threshold?: number | number[];
|
|
505
537
|
rootMargin?: string;
|
|
@@ -523,4 +555,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
523
555
|
*/
|
|
524
556
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
525
557
|
|
|
526
|
-
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, type HeroBannerProps, type ICta, 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, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
558
|
+
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, 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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { ImgHTMLAttributes, ReactNode, Ref, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
|
|
4
4
|
|
|
5
5
|
interface IPicture {
|
|
6
6
|
src: string;
|
|
@@ -19,26 +19,6 @@ type ResponsiveSources = {
|
|
|
19
19
|
};
|
|
20
20
|
type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
|
|
21
21
|
|
|
22
|
-
interface ICta {
|
|
23
|
-
label: string;
|
|
24
|
-
url: string;
|
|
25
|
-
isExternal?: boolean;
|
|
26
|
-
}
|
|
27
|
-
interface ICtaLogo extends ICta {
|
|
28
|
-
logo?: IPicture;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
interface BrandsStripProps {
|
|
32
|
-
className?: string;
|
|
33
|
-
variant?: 'light' | 'dark';
|
|
34
|
-
title?: string;
|
|
35
|
-
logos?: PictureProps[];
|
|
36
|
-
cta?: ICta;
|
|
37
|
-
size?: 'small';
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
41
|
-
|
|
42
22
|
declare const svgs: {
|
|
43
23
|
ads: string;
|
|
44
24
|
book: string;
|
|
@@ -93,11 +73,34 @@ declare const svgs: {
|
|
|
93
73
|
xWhite: string;
|
|
94
74
|
};
|
|
95
75
|
type IconType = keyof typeof svgs;
|
|
96
|
-
interface IconProps extends
|
|
76
|
+
interface IconProps extends React__default.ComponentPropsWithRef<'svg'> {
|
|
97
77
|
type: IconType;
|
|
98
78
|
size?: number;
|
|
99
79
|
}
|
|
100
|
-
declare const Icon:
|
|
80
|
+
declare const Icon: React__default.FC<IconProps>;
|
|
81
|
+
|
|
82
|
+
interface ICta {
|
|
83
|
+
label?: string;
|
|
84
|
+
url: string;
|
|
85
|
+
isExternal?: boolean;
|
|
86
|
+
}
|
|
87
|
+
interface ICtaLogo extends ICta {
|
|
88
|
+
logo?: IPicture;
|
|
89
|
+
}
|
|
90
|
+
interface ICtaIcon extends ICta {
|
|
91
|
+
icon?: IconType;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
interface BrandsStripProps {
|
|
95
|
+
className?: string;
|
|
96
|
+
variant?: 'light' | 'dark';
|
|
97
|
+
title?: string;
|
|
98
|
+
logos?: PictureProps[];
|
|
99
|
+
cta?: ICta;
|
|
100
|
+
size?: 'small';
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
101
104
|
|
|
102
105
|
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
|
|
103
106
|
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
@@ -126,11 +129,15 @@ interface CardProps {
|
|
|
126
129
|
subtitle?: ReactNode;
|
|
127
130
|
icon?: IconType;
|
|
128
131
|
logo?: IPicture;
|
|
129
|
-
cta?:
|
|
132
|
+
cta?: ICtaLogo & ICtaIcon;
|
|
130
133
|
children?: ReactNode;
|
|
134
|
+
ref?: Ref<HTMLDivElement>;
|
|
131
135
|
}
|
|
132
136
|
|
|
133
|
-
declare const Card:
|
|
137
|
+
declare const Card: {
|
|
138
|
+
({ className, title, subtitle, cta, icon, logo, children, ref }: CardProps): react_jsx_runtime.JSX.Element;
|
|
139
|
+
displayName: string;
|
|
140
|
+
} & {
|
|
134
141
|
Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
|
|
135
142
|
Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
136
143
|
};
|
|
@@ -206,7 +213,7 @@ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
206
213
|
children: ReactNode;
|
|
207
214
|
}
|
|
208
215
|
|
|
209
|
-
declare const Container:
|
|
216
|
+
declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
210
217
|
|
|
211
218
|
type ConditionalWrapperProps = {
|
|
212
219
|
condition: boolean;
|
|
@@ -230,7 +237,7 @@ type CardCollectionTitleProps = {
|
|
|
230
237
|
|
|
231
238
|
interface CardCollectionProps {
|
|
232
239
|
className?: string;
|
|
233
|
-
variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
|
|
240
|
+
variant?: 'default' | 'threeCols' | 'fourCols' | 'examCard' | 'cardCarousel';
|
|
234
241
|
title?: ReactNode;
|
|
235
242
|
subtitle?: ReactNode;
|
|
236
243
|
cards?: CardProps[];
|
|
@@ -440,7 +447,11 @@ interface UpcomingEventCardProps {
|
|
|
440
447
|
title?: string;
|
|
441
448
|
description?: string;
|
|
442
449
|
location?: string;
|
|
443
|
-
cta?: ICta
|
|
450
|
+
cta?: ICta & {
|
|
451
|
+
icon?: IconType;
|
|
452
|
+
};
|
|
453
|
+
direction?: 'vertical' | 'horizontal';
|
|
454
|
+
showImage?: boolean;
|
|
444
455
|
}
|
|
445
456
|
|
|
446
457
|
type EventListVariants = 'grey';
|
|
@@ -450,7 +461,7 @@ interface EventListProps extends PropsWithChildren {
|
|
|
450
461
|
title?: ReactNode;
|
|
451
462
|
items: UpcomingEventCardProps[];
|
|
452
463
|
cta?: ICta & {
|
|
453
|
-
icon
|
|
464
|
+
icon?: IconType;
|
|
454
465
|
};
|
|
455
466
|
}
|
|
456
467
|
|
|
@@ -500,6 +511,27 @@ declare const TextBody: ((props: TextBodyProps) => react_jsx_runtime.JSX.Element
|
|
|
500
511
|
Body: ({ children }: TextBodyBodyProps) => react_jsx_runtime.JSX.Element;
|
|
501
512
|
};
|
|
502
513
|
|
|
514
|
+
type TextCenterCtaInBottomSubtitleProps = {
|
|
515
|
+
children: ReactNode;
|
|
516
|
+
};
|
|
517
|
+
|
|
518
|
+
type TextCenterCtaInBottomTitleProps = {
|
|
519
|
+
children: ReactNode;
|
|
520
|
+
};
|
|
521
|
+
|
|
522
|
+
interface TextCenterCtaInBottomProps {
|
|
523
|
+
className?: string;
|
|
524
|
+
title?: ReactNode;
|
|
525
|
+
subtitle?: ReactNode;
|
|
526
|
+
ctas?: ICtaLogo[];
|
|
527
|
+
children?: ReactNode;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
|
|
531
|
+
Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
|
|
532
|
+
Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
533
|
+
};
|
|
534
|
+
|
|
503
535
|
type IntersectionObserverOptions = {
|
|
504
536
|
threshold?: number | number[];
|
|
505
537
|
rootMargin?: string;
|
|
@@ -523,4 +555,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
523
555
|
*/
|
|
524
556
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
525
557
|
|
|
526
|
-
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, type HeroBannerProps, type ICta, 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, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
558
|
+
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, 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 };
|