@digital-b2c/coreui-kit 0.7.3 → 0.7.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 +69 -28
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +67 -6
- package/dist/index.css.map +1 -1
- package/dist/index.mjs +70 -29
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -397,7 +397,8 @@ var Button = (_a) => {
|
|
|
397
397
|
}, isLink ? { href, isExternal } : {}), rest);
|
|
398
398
|
return /* @__PURE__ */ jsxRuntime.jsxs(ConditionalWrapper, __spreadProps(__spreadValues({ wrapper: Anchor, fallback: "button", condition: isLink }, props), { children: [
|
|
399
399
|
children,
|
|
400
|
-
|
|
400
|
+
isExternal && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "(opens in a new tab)" }),
|
|
401
|
+
logo ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Button_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: Button_module_default.icon, "aria-hidden": "true" })
|
|
401
402
|
] }));
|
|
402
403
|
};
|
|
403
404
|
|
|
@@ -1836,6 +1837,7 @@ var UpcomingEventCard = ({
|
|
|
1836
1837
|
fullWidth: isBelowMobile,
|
|
1837
1838
|
href: cta.url,
|
|
1838
1839
|
icon: cta.icon,
|
|
1840
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1839
1841
|
children: cta.label
|
|
1840
1842
|
}
|
|
1841
1843
|
)
|
|
@@ -1855,6 +1857,7 @@ var UpcomingEventCard = ({
|
|
|
1855
1857
|
fullWidth: isBelowMobile,
|
|
1856
1858
|
href: cta.url,
|
|
1857
1859
|
icon: cta.icon,
|
|
1860
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1858
1861
|
children: cta.label
|
|
1859
1862
|
}
|
|
1860
1863
|
)
|
|
@@ -1868,22 +1871,35 @@ var UpcomingEventCard = ({
|
|
|
1868
1871
|
// src/components/Carousel/Carousel.module.scss
|
|
1869
1872
|
var Carousel_module_default = {};
|
|
1870
1873
|
var Carousel = (_a) => {
|
|
1871
|
-
var _b = _a, {
|
|
1874
|
+
var _b = _a, {
|
|
1875
|
+
slides,
|
|
1876
|
+
className,
|
|
1877
|
+
ariaLabel = "Carousel"
|
|
1878
|
+
} = _b, props = __objRest(_b, [
|
|
1879
|
+
"slides",
|
|
1880
|
+
"className",
|
|
1881
|
+
"ariaLabel"
|
|
1882
|
+
]);
|
|
1872
1883
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1873
1884
|
react$1.Swiper,
|
|
1874
1885
|
__spreadProps(__spreadValues({
|
|
1886
|
+
a11y: {
|
|
1887
|
+
enabled: true,
|
|
1888
|
+
containerMessage: ariaLabel,
|
|
1889
|
+
containerRoleDescriptionMessage: "carousel"
|
|
1890
|
+
},
|
|
1891
|
+
role: "region",
|
|
1892
|
+
"aria-label": ariaLabel,
|
|
1875
1893
|
className: clsx20__default.default(Carousel_module_default.carousel, className),
|
|
1876
1894
|
spaceBetween: 0,
|
|
1877
1895
|
slidesPerView: "auto",
|
|
1878
|
-
modules: [modules.FreeMode],
|
|
1896
|
+
modules: [modules.FreeMode, modules.A11y],
|
|
1879
1897
|
freeMode: { enabled: true, sticky: false, momentum: true },
|
|
1880
|
-
wrapperTag: "ul",
|
|
1881
1898
|
loop: false
|
|
1882
1899
|
}, props), {
|
|
1883
1900
|
children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1884
1901
|
react$1.SwiperSlide,
|
|
1885
1902
|
{
|
|
1886
|
-
tag: "li",
|
|
1887
1903
|
className: clsx20__default.default(Carousel_module_default["carousel-item"], props.slideClass),
|
|
1888
1904
|
children: slide
|
|
1889
1905
|
},
|
|
@@ -1941,11 +1957,22 @@ var EventList = ({
|
|
|
1941
1957
|
children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(EventList_module_default["event-list-container"]), children: [
|
|
1942
1958
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
|
|
1943
1959
|
titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx20__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
|
|
1944
|
-
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1960
|
+
cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1961
|
+
Button,
|
|
1962
|
+
{
|
|
1963
|
+
className: EventList_module_default.cta,
|
|
1964
|
+
variant: "nofillblack",
|
|
1965
|
+
href: cta.url,
|
|
1966
|
+
icon: cta.icon,
|
|
1967
|
+
isExternal: cta == null ? void 0 : cta.isExternal,
|
|
1968
|
+
children: cta.label
|
|
1969
|
+
}
|
|
1970
|
+
)
|
|
1945
1971
|
] }),
|
|
1946
1972
|
isInternalEventList && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1947
1973
|
Carousel,
|
|
1948
1974
|
{
|
|
1975
|
+
"aria-label": "Upcoming events",
|
|
1949
1976
|
wrapperClass: clsx20__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
|
|
1950
1977
|
slideClass: EventList_module_default["carousel-list-item"],
|
|
1951
1978
|
spaceBetween: 16,
|
|
@@ -1963,28 +1990,42 @@ var EventList = ({
|
|
|
1963
1990
|
})
|
|
1964
1991
|
}
|
|
1965
1992
|
),
|
|
1966
|
-
isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
"
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1993
|
+
isInternalEventList && !isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1994
|
+
"ul",
|
|
1995
|
+
{
|
|
1996
|
+
"aria-label": "Upcoming events",
|
|
1997
|
+
className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
|
|
1998
|
+
children: items == null ? void 0 : items.map((item, index) => {
|
|
1999
|
+
var _a2, _b, _c;
|
|
2000
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2001
|
+
"li",
|
|
2002
|
+
{
|
|
2003
|
+
className: clsx20__default.default(EventList_module_default["card-list-item"]),
|
|
2004
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2005
|
+
UpcomingEventCard,
|
|
2006
|
+
__spreadProps(__spreadValues({}, item), {
|
|
2007
|
+
className: clsx20__default.default(EventList_module_default["card-item"]),
|
|
2008
|
+
showImage: false,
|
|
2009
|
+
direction: "vertical"
|
|
2010
|
+
})
|
|
2011
|
+
)
|
|
2012
|
+
},
|
|
2013
|
+
(_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index
|
|
2014
|
+
);
|
|
2015
|
+
})
|
|
2016
|
+
}
|
|
2017
|
+
),
|
|
2018
|
+
!isInternalEventList && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2019
|
+
"ul",
|
|
2020
|
+
{
|
|
2021
|
+
"aria-label": "Upcoming events",
|
|
2022
|
+
className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
|
|
2023
|
+
children: items == null ? void 0 : items.map((item, index) => {
|
|
2024
|
+
var _a2, _b, _c;
|
|
2025
|
+
return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
|
|
2026
|
+
})
|
|
2027
|
+
}
|
|
2028
|
+
)
|
|
1988
2029
|
] })
|
|
1989
2030
|
}
|
|
1990
2031
|
);
|