@digital-b2c/coreui-kit 0.5.0 → 0.5.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 +68 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +82 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +24 -3
- package/dist/index.d.ts +24 -3
- package/dist/index.mjs +68 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -12
package/dist/index.d.ts
CHANGED
|
@@ -230,7 +230,7 @@ type CardCollectionTitleProps = {
|
|
|
230
230
|
|
|
231
231
|
interface CardCollectionProps {
|
|
232
232
|
className?: string;
|
|
233
|
-
variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
|
|
233
|
+
variant?: 'default' | 'threeCols' | 'fourCols' | 'examCard' | 'cardCarousel';
|
|
234
234
|
title?: ReactNode;
|
|
235
235
|
subtitle?: ReactNode;
|
|
236
236
|
cards?: CardProps[];
|
|
@@ -449,7 +449,7 @@ interface EventListProps extends PropsWithChildren {
|
|
|
449
449
|
variant?: EventListVariants;
|
|
450
450
|
title?: ReactNode;
|
|
451
451
|
items: UpcomingEventCardProps[];
|
|
452
|
-
cta?:
|
|
452
|
+
cta?: ICta & {
|
|
453
453
|
icon: IconType;
|
|
454
454
|
};
|
|
455
455
|
}
|
|
@@ -480,6 +480,27 @@ declare const TextEvent: ((props: TextEventProps) => react_jsx_runtime.JSX.Eleme
|
|
|
480
480
|
RichText: ({ children }: TextEventRichTextProps) => react_jsx_runtime.JSX.Element;
|
|
481
481
|
};
|
|
482
482
|
|
|
483
|
+
type TextCenterCtaInBottomSubtitleProps = {
|
|
484
|
+
children: ReactNode;
|
|
485
|
+
};
|
|
486
|
+
|
|
487
|
+
type TextCenterCtaInBottomTitleProps = {
|
|
488
|
+
children: ReactNode;
|
|
489
|
+
};
|
|
490
|
+
|
|
491
|
+
interface TextCenterCtaInBottomProps {
|
|
492
|
+
className?: string;
|
|
493
|
+
title?: ReactNode;
|
|
494
|
+
subtitle?: ReactNode;
|
|
495
|
+
ctas?: ICtaLogo[];
|
|
496
|
+
children?: ReactNode;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, children, }: TextCenterCtaInBottomProps) => react_jsx_runtime.JSX.Element) & {
|
|
500
|
+
Title: ({ children }: TextCenterCtaInBottomTitleProps) => react_jsx_runtime.JSX.Element;
|
|
501
|
+
Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
502
|
+
};
|
|
503
|
+
|
|
483
504
|
type IntersectionObserverOptions = {
|
|
484
505
|
threshold?: number | number[];
|
|
485
506
|
rootMargin?: string;
|
|
@@ -503,4 +524,4 @@ type SlotMap = Record<string, SlotComponent>;
|
|
|
503
524
|
*/
|
|
504
525
|
declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
|
|
505
526
|
|
|
506
|
-
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, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
527
|
+
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, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
|
package/dist/index.mjs
CHANGED
|
@@ -921,6 +921,7 @@ var CardCollection_module_default = {
|
|
|
921
921
|
wrapper: "CardCollection_module_wrapper",
|
|
922
922
|
cardWrapper: "CardCollection_module_cardWrapper",
|
|
923
923
|
threeCols: "CardCollection_module_threeCols",
|
|
924
|
+
fourCols: "CardCollection_module_fourCols",
|
|
924
925
|
examCard: "CardCollection_module_examCard",
|
|
925
926
|
"reveal-wrapper": "CardCollection_module_reveal-wrapper",
|
|
926
927
|
"reveal-inner": "CardCollection_module_reveal-inner",
|
|
@@ -1776,6 +1777,72 @@ var TextEvent2 = Object.assign(TextEvent, {
|
|
|
1776
1777
|
Title: TextEventTitle,
|
|
1777
1778
|
RichText: TextEventRichText
|
|
1778
1779
|
});
|
|
1780
|
+
var TextCenterCtaInBottomTitle = ({ children }) => {
|
|
1781
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1782
|
+
};
|
|
1783
|
+
var TextCenterCtaInBottomSubtitle = ({ children }) => {
|
|
1784
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1785
|
+
};
|
|
1786
|
+
|
|
1787
|
+
// src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss
|
|
1788
|
+
var TextCenterCtaInBottom_module_default = {
|
|
1789
|
+
textCenterCta: "TextCenterCtaInBottom_module_textCenterCta",
|
|
1790
|
+
container: "TextCenterCtaInBottom_module_container",
|
|
1791
|
+
content: "TextCenterCtaInBottom_module_content",
|
|
1792
|
+
title: "TextCenterCtaInBottom_module_title",
|
|
1793
|
+
subtitle: "TextCenterCtaInBottom_module_subtitle",
|
|
1794
|
+
ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
|
|
1795
|
+
iconOnly: "TextCenterCtaInBottom_module_iconOnly",
|
|
1796
|
+
cta: "TextCenterCtaInBottom_module_cta"
|
|
1797
|
+
};
|
|
1798
|
+
var TextCenterCtaInBottom = ({
|
|
1799
|
+
className,
|
|
1800
|
+
title,
|
|
1801
|
+
subtitle,
|
|
1802
|
+
ctas,
|
|
1803
|
+
children
|
|
1804
|
+
}) => {
|
|
1805
|
+
var _a, _b;
|
|
1806
|
+
const slots = resolveCompoundSlots(children, {
|
|
1807
|
+
title: TextCenterCtaInBottomTitle,
|
|
1808
|
+
subtitle: TextCenterCtaInBottomSubtitle
|
|
1809
|
+
});
|
|
1810
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1811
|
+
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1812
|
+
return /* @__PURE__ */ jsx("div", { className: clsx19(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
1813
|
+
/* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1814
|
+
titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1815
|
+
subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
1816
|
+
] }),
|
|
1817
|
+
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
|
|
1818
|
+
"div",
|
|
1819
|
+
{
|
|
1820
|
+
className: clsx19(
|
|
1821
|
+
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
1822
|
+
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
1823
|
+
),
|
|
1824
|
+
children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
|
|
1825
|
+
Button,
|
|
1826
|
+
{
|
|
1827
|
+
className: TextCenterCtaInBottom_module_default.cta,
|
|
1828
|
+
variant: "secondary",
|
|
1829
|
+
href: cta == null ? void 0 : cta.url,
|
|
1830
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1831
|
+
logo: cta.logo,
|
|
1832
|
+
children: cta == null ? void 0 : cta.label
|
|
1833
|
+
},
|
|
1834
|
+
key
|
|
1835
|
+
))
|
|
1836
|
+
}
|
|
1837
|
+
)
|
|
1838
|
+
] }) });
|
|
1839
|
+
};
|
|
1840
|
+
|
|
1841
|
+
// src/widgets/TextCenterCtaInBottom/index.ts
|
|
1842
|
+
var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
|
|
1843
|
+
Title: TextCenterCtaInBottomTitle,
|
|
1844
|
+
Subtitle: TextCenterCtaInBottomSubtitle
|
|
1845
|
+
});
|
|
1779
1846
|
function useIntersectionObserver({
|
|
1780
1847
|
animateOnce = false,
|
|
1781
1848
|
options = {}
|
|
@@ -1805,6 +1872,6 @@ function useIntersectionObserver({
|
|
|
1805
1872
|
return { observeRef, isVisible };
|
|
1806
1873
|
}
|
|
1807
1874
|
|
|
1808
|
-
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
1875
|
+
export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
1809
1876
|
//# sourceMappingURL=index.mjs.map
|
|
1810
1877
|
//# sourceMappingURL=index.mjs.map
|