@digital-b2c/coreui-kit 0.4.4 → 0.4.6
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 +67 -52
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +58 -28
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.mjs +67 -52
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1312,8 +1312,10 @@ var MiniBannerSubtitle = ({ children }) => {
|
|
|
1312
1312
|
var MiniBanner_module_default = {
|
|
1313
1313
|
minibanner: "MiniBanner_module_minibanner",
|
|
1314
1314
|
background: "MiniBanner_module_background",
|
|
1315
|
+
wrapper: "MiniBanner_module_wrapper",
|
|
1315
1316
|
textContainer: "MiniBanner_module_textContainer",
|
|
1316
1317
|
logo: "MiniBanner_module_logo",
|
|
1318
|
+
pretitle: "MiniBanner_module_pretitle",
|
|
1317
1319
|
headingWrapper: "MiniBanner_module_headingWrapper",
|
|
1318
1320
|
title: "MiniBanner_module_title",
|
|
1319
1321
|
ctaContainer: "MiniBanner_module_ctaContainer",
|
|
@@ -1347,37 +1349,39 @@ var MiniBanner = ({
|
|
|
1347
1349
|
const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
|
|
1348
1350
|
const titleNode = (_b = slots.title) != null ? _b : title;
|
|
1349
1351
|
const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
|
|
1350
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1352
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx19__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
|
|
1351
1353
|
((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__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
|
|
1352
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1354
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
|
|
1355
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
|
|
1356
|
+
(logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
|
|
1357
|
+
pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
|
|
1358
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
|
|
1359
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1360
|
+
"div",
|
|
1361
|
+
{
|
|
1362
|
+
className: clsx19__default.default(MiniBanner_module_default.title, {
|
|
1363
|
+
subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
|
|
1364
|
+
h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
|
|
1365
|
+
}),
|
|
1366
|
+
children: subtitleNode
|
|
1367
|
+
}
|
|
1368
|
+
)
|
|
1369
|
+
] }),
|
|
1370
|
+
cta && cta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
|
|
1371
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1372
|
+
Button,
|
|
1373
|
+
{
|
|
1374
|
+
href: cta2.url,
|
|
1375
|
+
isExternal: cta2.isExternal,
|
|
1376
|
+
variant: "secondary",
|
|
1377
|
+
fullWidth: isTabletBelow,
|
|
1378
|
+
logo: cta2.logo,
|
|
1379
|
+
children: cta2.label
|
|
1380
|
+
},
|
|
1381
|
+
key
|
|
1382
|
+
);
|
|
1383
|
+
}) })
|
|
1384
|
+
] })
|
|
1381
1385
|
] });
|
|
1382
1386
|
};
|
|
1383
1387
|
|
|
@@ -1571,16 +1575,18 @@ var Teaser5050WithCta_module_default = {
|
|
|
1571
1575
|
wrapper: "Teaser5050WithCta_module_wrapper",
|
|
1572
1576
|
title: "Teaser5050WithCta_module_title",
|
|
1573
1577
|
image: "Teaser5050WithCta_module_image",
|
|
1574
|
-
cta: "Teaser5050WithCta_module_cta"
|
|
1578
|
+
cta: "Teaser5050WithCta_module_cta",
|
|
1579
|
+
ctaWrapper: "Teaser5050WithCta_module_ctaWrapper"
|
|
1575
1580
|
};
|
|
1576
1581
|
var Teaser5050WithCta = ({
|
|
1577
1582
|
className,
|
|
1578
1583
|
variant = "left",
|
|
1579
1584
|
title,
|
|
1580
1585
|
subtitle,
|
|
1581
|
-
|
|
1586
|
+
ctas,
|
|
1582
1587
|
image,
|
|
1583
|
-
children
|
|
1588
|
+
children,
|
|
1589
|
+
bgColor
|
|
1584
1590
|
}) => {
|
|
1585
1591
|
var _a, _b;
|
|
1586
1592
|
const slots = resolveCompoundSlots(children, {
|
|
@@ -1589,25 +1595,34 @@ var Teaser5050WithCta = ({
|
|
|
1589
1595
|
});
|
|
1590
1596
|
const titleNode = (_a = slots.title) != null ? _a : title;
|
|
1591
1597
|
const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
|
|
1592
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1598
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1599
|
+
"div",
|
|
1600
|
+
{
|
|
1601
|
+
className: clsx19__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
|
|
1602
|
+
style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
|
|
1603
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
|
|
1604
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
|
|
1605
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
|
|
1606
|
+
titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx19__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
|
|
1607
|
+
subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
|
|
1608
|
+
] }),
|
|
1609
|
+
(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1610
|
+
Button,
|
|
1611
|
+
{
|
|
1612
|
+
className: Teaser5050WithCta_module_default.cta,
|
|
1613
|
+
variant: "secondary",
|
|
1614
|
+
href: cta == null ? void 0 : cta.url,
|
|
1615
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1616
|
+
logo: cta.logo,
|
|
1617
|
+
children: cta == null ? void 0 : cta.label
|
|
1618
|
+
},
|
|
1619
|
+
key
|
|
1620
|
+
)) })
|
|
1621
|
+
] }),
|
|
1622
|
+
image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050WithCta_module_default.image }, image))
|
|
1623
|
+
] })
|
|
1624
|
+
}
|
|
1625
|
+
);
|
|
1611
1626
|
};
|
|
1612
1627
|
|
|
1613
1628
|
// src/widgets/Teaser5050WithCta/index.ts
|