@digital-b2c/coreui-kit 0.4.5 → 0.5.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.
- package/LICENSE.txt +21 -21
- package/README.md +52 -52
- package/dist/index.cjs +83 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +318 -32
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +23 -1
- package/dist/index.d.ts +23 -1
- package/dist/index.mjs +83 -31
- package/dist/index.mjs.map +1 -1
- package/dist/types/global.d.ts +25 -25
- package/package.json +100 -100
package/dist/index.mjs
CHANGED
|
@@ -1304,8 +1304,10 @@ var MiniBannerSubtitle = ({ children }) => {
|
|
|
1304
1304
|
var MiniBanner_module_default = {
|
|
1305
1305
|
minibanner: "MiniBanner_module_minibanner",
|
|
1306
1306
|
background: "MiniBanner_module_background",
|
|
1307
|
+
wrapper: "MiniBanner_module_wrapper",
|
|
1307
1308
|
textContainer: "MiniBanner_module_textContainer",
|
|
1308
1309
|
logo: "MiniBanner_module_logo",
|
|
1310
|
+
pretitle: "MiniBanner_module_pretitle",
|
|
1309
1311
|
headingWrapper: "MiniBanner_module_headingWrapper",
|
|
1310
1312
|
title: "MiniBanner_module_title",
|
|
1311
1313
|
ctaContainer: "MiniBanner_module_ctaContainer",
|
|
@@ -1339,37 +1341,39 @@ var MiniBanner = ({
|
|
|
1339
1341
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1340
1342
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1341
1343
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1342
|
-
return /* @__PURE__ */ jsxs(
|
|
1344
|
+
return /* @__PURE__ */ jsxs("div", { className: clsx19(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1343
1345
|
((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
1344
|
-
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1346
|
+
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1347
|
+
/* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1348
|
+
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1349
|
+
pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1350
|
+
/* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx19(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1351
|
+
subtitleNode && /* @__PURE__ */ jsx(
|
|
1352
|
+
"div",
|
|
1353
|
+
{
|
|
1354
|
+
className: clsx19(MiniBanner_module_default.title, {
|
|
1355
|
+
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1356
|
+
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1357
|
+
}),
|
|
1358
|
+
children: subtitleNode
|
|
1359
|
+
}
|
|
1360
|
+
)
|
|
1361
|
+
] }),
|
|
1362
|
+
cta && cta.length > 0 && /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1363
|
+
return /* @__PURE__ */ jsx(
|
|
1364
|
+
Button,
|
|
1365
|
+
{
|
|
1366
|
+
href: cta2.url,
|
|
1367
|
+
isExternal: cta2.isExternal,
|
|
1368
|
+
variant: "secondary",
|
|
1369
|
+
fullWidth: isTabletBelow,
|
|
1370
|
+
logo: cta2.logo,
|
|
1371
|
+
children: cta2.label
|
|
1372
|
+
},
|
|
1373
|
+
key
|
|
1374
|
+
);
|
|
1375
|
+
}) })
|
|
1376
|
+
] })
|
|
1373
1377
|
] });
|
|
1374
1378
|
};
|
|
1375
1379
|
|
|
@@ -1724,6 +1728,54 @@ var EventList = ({ className, title, items, cta, variant, children }) => {
|
|
|
1724
1728
|
var EventList2 = Object.assign(EventList, {
|
|
1725
1729
|
Title: EventListTitle
|
|
1726
1730
|
});
|
|
1731
|
+
var Text = (_a) => {
|
|
1732
|
+
var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
|
|
1733
|
+
const Component = promoteToH1 ? "h1" : tag;
|
|
1734
|
+
return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
|
|
1735
|
+
};
|
|
1736
|
+
Text.displayName = "Text";
|
|
1737
|
+
|
|
1738
|
+
// src/widgets/TextEvent/TextEvent.module.scss
|
|
1739
|
+
var TextEvent_module_default = {
|
|
1740
|
+
h1: "TextEvent_module_h1",
|
|
1741
|
+
h2: "TextEvent_module_h2",
|
|
1742
|
+
h3: "TextEvent_module_h3",
|
|
1743
|
+
textEvent: "TextEvent_module_textEvent",
|
|
1744
|
+
richText: "TextEvent_module_richText",
|
|
1745
|
+
h4: "TextEvent_module_h4",
|
|
1746
|
+
subheading: "TextEvent_module_subheading",
|
|
1747
|
+
body: "TextEvent_module_body",
|
|
1748
|
+
small: "TextEvent_module_small",
|
|
1749
|
+
smallest: "TextEvent_module_smallest",
|
|
1750
|
+
title: "TextEvent_module_title",
|
|
1751
|
+
"table-center": "TextEvent_module_table-center"
|
|
1752
|
+
};
|
|
1753
|
+
var TextEventTitle = ({ children }) => {
|
|
1754
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1755
|
+
};
|
|
1756
|
+
var TextEventRichText = ({ children }) => {
|
|
1757
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
1758
|
+
};
|
|
1759
|
+
var TextEvent = (props) => {
|
|
1760
|
+
var _a, _b;
|
|
1761
|
+
const { className, richText, title, variant, children } = props;
|
|
1762
|
+
const slots = resolveCompoundSlots(children, {
|
|
1763
|
+
title: TextEventTitle,
|
|
1764
|
+
richText: TextEventRichText
|
|
1765
|
+
});
|
|
1766
|
+
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1767
|
+
const richTextNode = (_b = slots.richText) != null ? _b : richText;
|
|
1768
|
+
return /* @__PURE__ */ jsxs(Container, { className: clsx19(TextEvent_module_default.textEvent, className), children: [
|
|
1769
|
+
/* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
|
|
1770
|
+
/* @__PURE__ */ jsx("div", { className: clsx19(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
|
|
1771
|
+
] });
|
|
1772
|
+
};
|
|
1773
|
+
|
|
1774
|
+
// src/widgets/TextEvent/index.ts
|
|
1775
|
+
var TextEvent2 = Object.assign(TextEvent, {
|
|
1776
|
+
Title: TextEventTitle,
|
|
1777
|
+
RichText: TextEventRichText
|
|
1778
|
+
});
|
|
1727
1779
|
function useIntersectionObserver({
|
|
1728
1780
|
animateOnce = false,
|
|
1729
1781
|
options = {}
|
|
@@ -1753,6 +1805,6 @@ function useIntersectionObserver({
|
|
|
1753
1805
|
return { observeRef, isVisible };
|
|
1754
1806
|
}
|
|
1755
1807
|
|
|
1756
|
-
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, resolveCompoundSlots, svgs, useIntersectionObserver };
|
|
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 };
|
|
1757
1809
|
//# sourceMappingURL=index.mjs.map
|
|
1758
1810
|
//# sourceMappingURL=index.mjs.map
|