@digital-b2c/coreui-kit 0.5.3 → 0.5.4
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 +110 -40
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +100 -15
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +57 -29
- package/dist/index.d.ts +57 -29
- package/dist/index.mjs +111 -42
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -673,40 +673,54 @@ function resolveCompoundSlots(children, slots) {
|
|
|
673
673
|
return resolved;
|
|
674
674
|
}
|
|
675
675
|
|
|
676
|
+
// src/components/primitives/Container/Container.module.scss
|
|
677
|
+
var Container_module_default = {
|
|
678
|
+
container: "Container_module_container"
|
|
679
|
+
};
|
|
680
|
+
var Container = React52.forwardRef(
|
|
681
|
+
(_a, ref) => {
|
|
682
|
+
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
683
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19__default.default(Container_module_default.container, className) }, props), { children }));
|
|
684
|
+
}
|
|
685
|
+
);
|
|
686
|
+
Container.displayName = "Container";
|
|
687
|
+
|
|
676
688
|
// src/components/Card/Card.module.scss
|
|
677
689
|
var Card_module_default = {
|
|
678
690
|
card: "Card_module_card",
|
|
679
691
|
logo: "Card_module_logo",
|
|
680
692
|
subtitle: "Card_module_subtitle"
|
|
681
693
|
};
|
|
682
|
-
var Card =
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
children:
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
)
|
|
694
|
+
var Card = ({ className, title, subtitle, cta, icon, logo, children, ref }) => {
|
|
695
|
+
var _a, _b;
|
|
696
|
+
const { url: href, label, isExternal } = cta != null ? cta : {};
|
|
697
|
+
const slots = resolveCompoundSlots(children, {
|
|
698
|
+
title: CardTitle,
|
|
699
|
+
subtitle: CardSubtitle
|
|
700
|
+
});
|
|
701
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
702
|
+
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
703
|
+
console.log(href && !label, href, !label);
|
|
704
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
705
|
+
ConditionalWrapper,
|
|
706
|
+
__spreadProps(__spreadValues({
|
|
707
|
+
ref,
|
|
708
|
+
className: clsx19__default.default(Card_module_default.card, className),
|
|
709
|
+
wrapper: Anchor,
|
|
710
|
+
fallback: "div",
|
|
711
|
+
condition: href && !label
|
|
712
|
+
}, href ? { href, isExternal } : {}), {
|
|
713
|
+
children: [
|
|
714
|
+
(logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: Card_module_default.logo }),
|
|
715
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
|
|
716
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
|
|
717
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
|
|
718
|
+
] }),
|
|
719
|
+
(cta == null ? void 0 : cta.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { href: cta.url, isExternal: cta.isExternal, variant: "secondary", icon: cta.icon, children: cta.label })
|
|
720
|
+
]
|
|
721
|
+
})
|
|
722
|
+
);
|
|
723
|
+
};
|
|
710
724
|
Card.displayName = "Card";
|
|
711
725
|
|
|
712
726
|
// src/components/Card/index.ts
|
|
@@ -869,18 +883,6 @@ var Pagination = ({
|
|
|
869
883
|
] });
|
|
870
884
|
};
|
|
871
885
|
|
|
872
|
-
// src/components/primitives/Container/Container.module.scss
|
|
873
|
-
var Container_module_default = {
|
|
874
|
-
container: "Container_module_container"
|
|
875
|
-
};
|
|
876
|
-
var Container = React52.forwardRef(
|
|
877
|
-
(_a, ref) => {
|
|
878
|
-
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
|
879
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx19__default.default(Container_module_default.container, className) }, props), { children }));
|
|
880
|
-
}
|
|
881
|
-
);
|
|
882
|
-
Container.displayName = "Container";
|
|
883
|
-
|
|
884
886
|
// src/components/PracticeCard/PracticeCard.module.scss
|
|
885
887
|
var PracticeCard_module_default = {
|
|
886
888
|
"practice-card": "PracticeCard_module_practice-card",
|
|
@@ -929,6 +931,7 @@ var CardCollection_module_default = {
|
|
|
929
931
|
wrapper: "CardCollection_module_wrapper",
|
|
930
932
|
cardWrapper: "CardCollection_module_cardWrapper",
|
|
931
933
|
threeCols: "CardCollection_module_threeCols",
|
|
934
|
+
fourCols: "CardCollection_module_fourCols",
|
|
932
935
|
examCard: "CardCollection_module_examCard",
|
|
933
936
|
"reveal-wrapper": "CardCollection_module_reveal-wrapper",
|
|
934
937
|
"reveal-inner": "CardCollection_module_reveal-inner",
|
|
@@ -1817,6 +1820,72 @@ var TextBody2 = Object.assign(TextBody, {
|
|
|
1817
1820
|
Title: TextBodyTitle,
|
|
1818
1821
|
Body: TextBodyBody
|
|
1819
1822
|
});
|
|
1823
|
+
var TextCenterCtaInBottomTitle = ({ children }) => {
|
|
1824
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1825
|
+
};
|
|
1826
|
+
var TextCenterCtaInBottomSubtitle = ({ children }) => {
|
|
1827
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1828
|
+
};
|
|
1829
|
+
|
|
1830
|
+
// src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss
|
|
1831
|
+
var TextCenterCtaInBottom_module_default = {
|
|
1832
|
+
textCenterCta: "TextCenterCtaInBottom_module_textCenterCta",
|
|
1833
|
+
container: "TextCenterCtaInBottom_module_container",
|
|
1834
|
+
content: "TextCenterCtaInBottom_module_content",
|
|
1835
|
+
title: "TextCenterCtaInBottom_module_title",
|
|
1836
|
+
subtitle: "TextCenterCtaInBottom_module_subtitle",
|
|
1837
|
+
ctaWrapper: "TextCenterCtaInBottom_module_ctaWrapper",
|
|
1838
|
+
iconOnly: "TextCenterCtaInBottom_module_iconOnly",
|
|
1839
|
+
cta: "TextCenterCtaInBottom_module_cta"
|
|
1840
|
+
};
|
|
1841
|
+
var TextCenterCtaInBottom = ({
|
|
1842
|
+
className,
|
|
1843
|
+
title,
|
|
1844
|
+
subtitle,
|
|
1845
|
+
ctas,
|
|
1846
|
+
children
|
|
1847
|
+
}) => {
|
|
1848
|
+
var _a, _b;
|
|
1849
|
+
const slots = resolveCompoundSlots(children, {
|
|
1850
|
+
title: TextCenterCtaInBottomTitle,
|
|
1851
|
+
subtitle: TextCenterCtaInBottomSubtitle
|
|
1852
|
+
});
|
|
1853
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1854
|
+
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1855
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
|
|
1856
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
|
|
1857
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
|
|
1858
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
|
|
1859
|
+
] }),
|
|
1860
|
+
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1861
|
+
"div",
|
|
1862
|
+
{
|
|
1863
|
+
className: clsx19__default.default(
|
|
1864
|
+
TextCenterCtaInBottom_module_default.ctaWrapper,
|
|
1865
|
+
ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
|
|
1866
|
+
),
|
|
1867
|
+
children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1868
|
+
Button,
|
|
1869
|
+
{
|
|
1870
|
+
className: TextCenterCtaInBottom_module_default.cta,
|
|
1871
|
+
variant: "secondary",
|
|
1872
|
+
href: cta == null ? void 0 : cta.url,
|
|
1873
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1874
|
+
logo: cta.logo,
|
|
1875
|
+
children: cta == null ? void 0 : cta.label
|
|
1876
|
+
},
|
|
1877
|
+
key
|
|
1878
|
+
))
|
|
1879
|
+
}
|
|
1880
|
+
)
|
|
1881
|
+
] }) });
|
|
1882
|
+
};
|
|
1883
|
+
|
|
1884
|
+
// src/widgets/TextCenterCtaInBottom/index.ts
|
|
1885
|
+
var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
|
|
1886
|
+
Title: TextCenterCtaInBottomTitle,
|
|
1887
|
+
Subtitle: TextCenterCtaInBottomSubtitle
|
|
1888
|
+
});
|
|
1820
1889
|
function useIntersectionObserver({
|
|
1821
1890
|
animateOnce = false,
|
|
1822
1891
|
options = {}
|
|
@@ -1869,6 +1938,7 @@ exports.PracticePathCards = PracticePathCards2;
|
|
|
1869
1938
|
exports.Teaser5050With3Text = Teaser5050With3Text2;
|
|
1870
1939
|
exports.Teaser5050WithCta = Teaser5050WithCta2;
|
|
1871
1940
|
exports.TextBody = TextBody2;
|
|
1941
|
+
exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
|
|
1872
1942
|
exports.TextEvent = TextEvent2;
|
|
1873
1943
|
exports.resolveCompoundSlots = resolveCompoundSlots;
|
|
1874
1944
|
exports.svgs = svgs;
|